1. Why God? Why? Instructor: Eric Riley eriley@u.washington.edu Advanced HTML

2. 2 Where we’ve been… In the intermediate class we saw: Where exactly your file sits How URL’s relate to your folders When to create paths Basic elements of page design How to design pages w/

3. 3 Where we’re going… In this class we’ll discuss: What CSS, SSI and PERL/CGI are How to develop and post web forms How to use Server Side Includes as a shorthand How to edit pages in the Shell Some basic troubleshooting tips

4. 4 Alphabet Soup: CSS Cascading Style Sheets Easily change look and feel of site Replaces a number of tags from HTML 4.0 Bob Kittle teaches our CSS class

5. 5 Alphabet Soup: CSS Important Notes on CSS and XHTML attributes are replaced is replaced tags are replaced

6. 6 Alphabet Soup: SSI Server Side Includes Adds some nifty features to a site Works as a shorthand system Eliminates modifying individual pages

7. 7 Alphabet Soup: SSI CSS index.shtmlSSI

8. 8 Alphabet Soup: SSI CSS index.shtmlSSI 2 3 5 4 6 1 Compiled page 7

9. 9 Alphabet Soup: CGI Common Gateway Interface Just a program (PERL, Javascript, C++) Helps process data from forms Easy to use (mostly) Geek Note: CGI vs. ASP

10. 10 Web Forms We use forms all the time Some Form Uses –Standardized email –Database Entries –Weblogging Examples http://students.washington.edu/eriley/form.html http://www.w3schools.com/html/html_forms.asp Lab Exercise

11. 11 Troubleshooting Things to look out for: Permission settings Form Problems Faulty Links

12. 12 Troubleshooting More things to look out for Pages that take too long to load SSI/CSS weirdness Why is my page annoying?

13. 13 Recap What CSS, SSI and PERL/CGI are How to develop and post web forms How to use Server Side Includes as a shorthand Some basic troubleshooting tips

14. 14 ¿Questions? Do you have any questions about this material?

15. 15 Evaluation Please take a moment to fill out our evaluation forms. Thank you