1. Producing Web Pages using HTML The Computer as an Educational Tool: “ The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy

2. Topics:  Introduction  The World Wide Web  Basic HTML  HTML Editors  Conclusions/Questions

3. WWW Pages:  Easy to make  Written in HTML: HyperText Markup Language  Saved as “text” or “ASCII”  Typical student=8 minutes  New page.1 seconds!!

4. HTML:  HyperText Markup Language  NOT a programming language!!!  A markup language  Tells browser how to display page  Uses tags :

5. Markup Language: ¶This is the story about a big dog. The dog said: ¶Hi, I am  theI big dog. I hope that you  arel learning lots about HTML This is the story of a big dog. The Dog said: Hi, I am the big dog. I hope that you are learning...

6. HTML Tags (1):  Between lt  Not case specific  Three Types: Informational: Single: Paired:

7. HTML Tags - Informational:  Information for Browser  Many not needed but good form

8. HTML Tags - Single:  Usually text change End text, don’t skip line Horizontal line

9. HTML Tags - Paired:  Temporary change largest heading center text italics bold stop line, skip next line ?

10. Example: My First Web Page Don's Web Page

12. Example 2: My First Web Page Don's Web Page

14. Background Colors:   White = #FFFFFF  Red = #FF0000  Green = #00FF00  Blue  Blue = #0000FF  Mandarin Orange = #E47833

15. Adding Links: Hot link Disney Page Don's Page

16. Example 3: My First Web Page Don's Web Page XXXX

17. I like Don's Page! I like Don's Page!

18. My First Web Page Don's Web Page I like Don's Page! I like Don's Page!

21. Adding Images:

22. My First Web Page Don's Web Page I like Don's Page! I like Don's Page! XXXX

24. My First Web Page Don's Web Page I like Don's Page! I like Don's Page!

27. HTML Editors

28. HTML Editors:  Use like a word processor  Easily import pictures  Most everything automated  NO need to write HTML  HTML written in the background

29. HomePage HomePage  www.filemaker.com/products /homepage3.html  Windows, NT, Mac  Clip art, templates, Applets  Very easy to use  $99

30. PageMill PageMill  www.Adobe.com/prodindex/p agemill/prodinfo.html  Web site creation and management  Integrates many packages  $99

31. MS FrontPage MS FrontPage  www.microsoft.com/frontpag e/  Web site creation and management  $49.95 !

32. Netscape Composer Netscape Composer  www.netscape.com/  Built-in to Communicator  Powerful, easy to use  Free !!

33. Tool bars  HomePage  Adobe PageMill  Netscape Composer

34. Questions??