150 likes | 159 Views
Advanced HTML. Why God? Why? Instructor: Eric Riley eriley@u.washington.edu. 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>.
E N D
Advanced HTML Why God? Why? Instructor: Eric Riley eriley@u.washington.edu
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>
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
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
Alphabet Soup: CSS Important Notes on CSS and XHTML <body> attributes are replaced <center> is replaced <font> tags are replaced
Alphabet Soup: SSI Server Side Includes • Adds some nifty features to a site • Works as a shorthand system • Eliminates modifying individual pages
Alphabet Soup: SSI CSS SSI index.shtml <css> <!--# -->
Alphabet Soup: SSI 5 2 4 CSS SSI index.shtml 3 < css> Compiled page <!--# SSI - -> 6 1 7
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
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
Troubleshooting Things to look out for: • Permission settings • Form Problems • Faulty Links
Troubleshooting More things to look out for • Pages that take too long to load • SSI/CSS weirdness • Why is my page annoying?
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
¿Questions? Do you have any questions about this material?
Evaluation Please take a moment to fill out our evaluation forms. Thank you