�ݺ�ߣ

Web 101 for VFP Developers

Mike Feltman

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.

Hyperlinks and Images
 Hyperlink
<a href=“url”>Text</a>
 Image

<img src=/slideshow/web-101-14902741/14902741/“file">
 Linked Image

<a href=“url"><img src=“file" ></a>

Lists
 Numbered <ol>
 Type A,a,1,i
 Directory <dir>
 Bulleted <ul>
 Menu <menu>
 Defined Terms <dl>
 Nested Lists

Tables
 <table>
 <tr>
 <td>
 <th>

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:yourname@somewhere.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

CSS
 Format:
 Style { attribute: value; attribute: value}
 Style {
attribute: value;
attribute: value;
}
 External Link: <link rel="stylesheet"
type="text/css" href="sample.css">

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

VFP Hosts
 TekQuest.com
 Shelbynet.net
 DNGSolutions.com

Basic Sample Pages
 Hello World…
 Server Info

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 session
evaluation.

�ݺ�ߣ

Web 101

Recommended

More Related Content

What's hot (20)

Similar to Web 101 (20)

More from Mike Feltman (7)

Web 101