0
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: Microsof...
Getting Started   Create Folder   Plan Directory Structure   Map to Virtual Directory   Set Permissions & Properties ...
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    <T...
Foundation Tags   <html>   <head>   <title>   <body>
Tags for Search Engines   <meta name="keywords" content=“ comma    delimited list of words and phrases ”>   <meta name="...
Formatting Text   Bold, Italics, Underline, etc.<b><i><u>   Paragraphs: <p><h1><h2><h3>…   Fonts & Colors   Alignment,...
Hyperlinks and Images Hyperlink<a href=“url”>Text</a> Image<img src=“file"> Linked Image<a href=“url"><img src=“file" >...
Lists   Numbered <ol>       Type A,a,1,i   Directory <dir>   Bulleted <ul>   Menu <menu>   Defined Terms <dl>   Nes...
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.  ...
CSS   Cascading Style Sheets   Commands used to format text, objects & layout   Saves time, improves maintainability, p...
CSS   Format:       Style { attribute: value; attribute: value}       Style {         attribute: value;         attribu...
Interacting with VFP   The Basics   Standard Objects   Generating HTML   Rendering Forms & Data Binding   Processing ...
The Basics   Web Connection & AFP are ISAPI Extensions   WC & AFP files use <% and %> as script    delimiters   VFP Cod...
VFP Hosts   TekQuest.com   Shelbynet.net   DNGSolutions.com
Basic Sample Pages   Hello World…   Server Info
Standard Objects   Request – input       QueryString       Form       ServerVariables   Response – output       Writ...
More Advance Pages   Lists       Plain       HTML Tables       Paginated   Forms       Get & Post Examples       Pa...
Summary   Web Development is much easier than it    seems   Intelligent use of CSS w/ HTML makes for    more maintainabl...
Thank you!Remember to fill out your sessionevaluation.
Upcoming SlideShare
Loading in...5
×

Web 101

170

Published on

SW Fox Intro to web development I think.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
170
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web 101"

  1. 1. Web 101 for VFP Developers Mike Feltman
  2. 2. About me President F1 Technologies Toledo, OH USA
  3. 3. Agenda Getting Started HTML CSS Interacting with VFP Bonus?
  4. 4. 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
  5. 5. Getting Started Create Folder Plan Directory Structure Map to Virtual Directory Set Permissions & Properties Create Default Page
  6. 6. Elements of a Web Site HTML Pages Graphics Cascading Style Sheets Script/Code Data
  7. 7. 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”>
  8. 8. Foundation Tags <html> <head> <title> <body>
  9. 9. 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”>
  10. 10. Formatting Text Bold, Italics, Underline, etc.<b><i><u> Paragraphs: <p><h1><h2><h3>… Fonts & Colors Alignment, returns, text size, etc.
  11. 11. Hyperlinks and Images Hyperlink<a href=“url”>Text</a> Image<img src=“file"> Linked Image<a href=“url"><img src=“file" ></a>
  12. 12. Lists Numbered <ol>  Type A,a,1,i Directory <dir> Bulleted <ul> Menu <menu> Defined Terms <dl> Nested Lists
  13. 13. Tables <table> <tr> <td> <th>
  14. 14. Forms & Form Elements Text Text Area Option Buttons Lists Check Boxes Drop Downs Buttons Password
  15. 15. 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)
  16. 16. 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
  17. 17. CSS Format:  Style { attribute: value; attribute: value}  Style { attribute: value; attribute: value; } External Link: <link rel="stylesheet" type="text/css" href="sample.css">
  18. 18. Interacting with VFP The Basics Standard Objects Generating HTML Rendering Forms & Data Binding Processing Form Input mmm Cookies!
  19. 19. 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
  20. 20. VFP Hosts TekQuest.com Shelbynet.net DNGSolutions.com
  21. 21. Basic Sample Pages Hello World… Server Info
  22. 22. Standard Objects Request – input  QueryString  Form  ServerVariables Response – output  Write  Redirect  Cookies  Status Server – duh  UrlEncode  UrlDecode  HtmlEncode
  23. 23. More Advance Pages Lists  Plain  HTML Tables  Paginated Forms  Get & Post Examples  Passwords  Data Bound
  24. 24. 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
  25. 25. Thank you!Remember to fill out your sessionevaluation.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×