1 / 15

Advanced HTML

Enhance your HTML skills by delving into CSS, SSI, and CGI concepts. Learn to develop web forms, troubleshoot common issues, and optimize your web pages effectively. Email Eric Riley at eriley@u.washington.edu for more info.

jonv
Download Presentation

Advanced HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  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/ <table>

  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. 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. Alphabet Soup: CSS Important Notes on CSS and XHTML <body> attributes are replaced <center> is replaced <font> tags are replaced

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

  7. Alphabet Soup: SSI CSS SSI index.shtml <css> <!--# -->

  8. Alphabet Soup: SSI 5 2 4 CSS SSI index.shtml 3 < css> Compiled page <!--# SSI - -> 6 1 7

  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. 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. Troubleshooting Things to look out for: • Permission settings • Form Problems • Faulty Links

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

  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. ¿Questions? Do you have any questions about this material?

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

More Related