Web Design
ENG 330

Today’s topics are Web development and testing, and another look at DHTML. For DHTML see HTML, XHTML & CSS chapters 19 and 20.
Above all remember file and directory naming conventions. Your final URL will be of the form: http://lasalle.edu/~smithj4/final/. To avoid problems,

• Save before previewing in browser
• Keep all files on the same disk or drive
• Files and directory names should have no upper-case letters and no special characters or spaces. Remember: No Caps, No Gaps (or, Upper Case, No Space).
• For files in a sub-directory the link would be <a href="images/pic.gif">
• For files in a parallel directory the link would be <a href="../part_two/another_page.html">

Readings on development are HTML, XHTML & CSS Chapter 23 and Chapter 24 and Visual Design for the Modern Web Chapter 2. Two basic resources derived from the readings are: Search Engine Submission Tips (formerly Webmaster’s Guide).

I’ve also added and modified an RSS feed (Rich Site Summary or Really Simple Syndication) script from About.com to the top of today’s page as an example of an easy way to develop site content. I got that script here.

As an extension of our discussion of JavaScript, here are some more sites on DHTML:
• Here is a demonstration of positioning and JavaScript animation that uses CSS: DHTML and CSS layers.
• Here is another source for DHTML that includes a place to get scripts: Adam’s HTML
• and here is one that you can use to create the floating menu shown here that comes from Echoecho.
  Finally, we’ll build an animated GIF.Think of ways to do one for your final project made with text that could be like this and here’s the simple one with a photo and motion tween and fade.
  • Tip animations on several programs from lynda.com

Site maintained by John Beatty