Feb 23, 2011 at 2:45 PM
Edited Feb 24, 2011 at 3:30 AM
Learning AVFP requires a mastery of other knowledge domains such as:
Visual Foxpro (a given)
Cascading Style Sheets ( CSS )
Each one of these is a learning challenge to itself. But in the last year or two I've made great personal
progress with the help of W3Schools. The site contains great tutorials and Try It Yourself sandboxes
to play in. They also have some quizes to test your knowledge. Great stuff.
Now, if you're trying to impress clients (and yourself) with AVFP, the appearance of your websites makes
a huge difference. And this is where familiarity with CSS is essential.
CSS basically allows you to separate your HTML structure and content from the appearance of that content.
And one of the beauties of the web is that design is totally open. If someone designs a site that you think
used and adapting (not copying) their techniques to your unique designs. Often, the toughest challenge here is
merely figuring out where the little GIFs, JPEGs, and CSS text files are located. To be sure, you can't get
access to the ASP or PHP code, but you can see the end result and figure out your own AVFP way to extract
information from your data tables.
OK, to help get AVFP moving towards better-looking and easier-to-maintain page design, I have rewritten my
version of the default.htm file of the
AVFP demo. Tell me what you think.
Here are portions of the code to give you an idea how I have simplified things a bit. Also check out
the websites that I borrowed ideas from.
* * *
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Description" content="ActiveVP Samples" />
<link rel="shortcut icon" href="/favicon.ico" />
<!-- Check out this link to see the CSS stylesheet for this page -->
<link rel="stylesheet" href="http://raround.com/survey/css/golden_style.css" type="text/css" media="screen" />
<!-- CSS table designs from the CSS Table Gallery: http://www.icant.co.uk/csstablegallery/
Contains more than 50 free CSS styles designed by CSS experts from around the world. -->
<!-- Floating DIV structure from "Liquid layouts the easy way": http://www.maxdesign.com.au/articles/liquid/
Notice how a lot of the HTML sections are divided into logical DIVS that mark the various
sections of the design. -->
<div id="header"><h2>ActiveVFP Samples</h2></div>
<table border="1" cellpadding="2" width="100%">
<!-- Survey -->
<td width="25%"><a href="<%=oProp.ScriptPath +[?action=survey]%>">Survey</a></td>
<td width="75">Survey with Radio Buttons under development</td>
<!-- Session VFP/HTML table -->
<td><a href="<%=oProp.ScriptPath +[?action=sessionlist]%>">SessionList</a></td>
<td>VFP table listing showing search, sort, and session capabilities.</td>
<!-- Simple VFP to HTML table -->
<td><a href="<%=oProp.ScriptPath +[?action=simplelist]%>">SimpleList</a></td>
<td>VFP table list showing paging, navigation and simple drill-down.</td>
<!-- VFP Scripting -->
<td><a href="<%=oProp.ScriptPath +[?action=vfpscript]%>">VFPscript</a></td>
<td>Use VFP code blocks within HTML for powerful scripting capabilities.</td>
<!-- MultiTables on one HTML page -->
<td><a href="<%=oProp.ScriptPath +[?action=multitable]%>">MultiTable</a></td>
<td>Multiple VFP and HTML tables on a single page.</td>
<!-- HTTP upload -->
<td><a href="<%=oProp.ScriptPath +[?action=upload1]%>">Upload1</a></td>
<td>RFC1867 upload from an HTML form.</td>
etc. etc. etc.
</div> <!-- End of midcol DIV -->
<div id="rightcol"> </div>
* * *
I have collected about 20 excellent stylesheets and can make them available to anyone