About me President F1 Technologies Toledo, OH USA
Agenda Getting Started HTML CSS Interacting with VFP Bonus?
Supply List Web Server IIS (Internet Information Server) Apache HTML Editor Standards: Microsoft Expression Web, FrontPage, Dreamweaver, Visual Studio.NET Popular Low Cost Alternatives: HotDog, CoffeeCup No-frills: Notepad, VFP Barf Bag: Word VFP Compatible Server Side Scripting Language Web Connection, Active FoxPro Pages (AFP) , FoxWeb or ActiveVFP ASP, ASP.NET & COM
Getting Started Create Folder Plan Directory Structure Map to Virtual Directory Set Permissions & Properties Create Default Page
Elements of a Web Site HTML Pages Graphics Cascading Style Sheets Script/Code Data
HTML Basics Hyper Text Markup Language Tag Based Language derived from SGML Tags enclosed in angle brackets <TagName> and </TagName> Tags may have properties <TagName Property=“value”>
Foundation Tags <html> <head> <title> <body>
Tags for Search Engines <meta name="keywords" content=“ comma delimited list of words and phrases ”> <meta name="description" content=“comma delimited list of words and phrases”>
Formatting Text Bold, Italics, Underline, etc.<b><i><u> Paragraphs: <p><h1><h2><h3>… Fonts & Colors Alignment, returns, text size, etc.
Forms & Form Elements Text Text Area Option Buttons Lists Check Boxes Drop Downs Buttons Password
Form Processing All Data is Character Method: Post vs. Get Action = “url” Page w/ script, CGI, DLL, etc. mailto:email@example.com Encoding Type (enctype) multipart/form-data (use w/ fileupload) application/x-www-form-urlencoded text/plain (default)
CSS Cascading Style Sheets Commands used to format text, objects & layout Saves time, improves maintainability, promotes standardization Cascading Same page within tag Same page within <HEAD> External We are only going to scratch the surface of what can be done with CSS here
Interacting with VFP The Basics Standard Objects Generating HTML Rendering Forms & Data Binding Processing Form Input mmm Cookies!
The Basics Web Connection & AFP are ISAPI Extensions WC & AFP files use <% and %> as script delimiters VFP Code can fall anywhere within a web page between delimiters Classic ASP is very similar except code is VBScript/Jscript that gets to VFP via COM. ASP.NET, PHP and other server platforms with COM support can also talk to VFP
Standard Objects Request – input QueryString Form ServerVariables Response – output Write Redirect Cookies Status Server – duh UrlEncode UrlDecode HtmlEncode
More Advance Pages Lists Plain HTML Tables Paginated Forms Get & Post Examples Passwords Data Bound
Summary Web Development is much easier than it seems Intelligent use of CSS w/ HTML makes for more maintainable sites See F1Tech.Com, west-wind.com, FoxWeb.Com for more resources on VFP products See W3.org for web resources
Thank you!Remember to fill out your sessionevaluation.
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.