WEB 210 Web Design
Chapter 4 Web Site Case Study
On pages 155-168 are the four web site case studies continued from Chapter 3. The titles of these are:
Continue working on the odd or even number cases begun in Chapter 2. In your pcsdata network folder, copy the case folders from the Chapter 3 folder to the Chapter 4 folder. Also, there are some graphic files found on the pcsdata in a folder labeled "Student Data Files". The graphics are in a subfolder under Chapter 4 labeled CaseStudyStarters. For each case, create a graphics subfolder under the case name and copy the graphic files to the graphics folder under the appropriate folder in your Chapter 4 folder on the pcsdata network. For example, the partial path for the JavaJam Coffee House graphics in Chapter 4 will be chapter4\javavam\graphics. In the XHTML code, the path for the JavaJam graphic image will be graphics/javalogo.gif. Note in XHTML the frontslash is used instead of the backslash.
In these labs, graphics will be added to various web pages and new pages created. Note that if you make any changes effecting all pages, other than changes to the external CSS file, you will need to update your template file. Be sure that you have the necessary listed graphic files copied to a graphics folder within the case folder, within the chapter folder in your folder on the network. Before changing any code, read the introductory information in the case and do not make any changes to any page until you get to the instructions specific to the page being changed. View the pages periodically to be sure that the pages look as they should. Example screenshots are shown in the textbook. Formatting will not show until the external CSS file is updated and saved.
Specific Case Instructions:
You may want to create the new pages in each case study by using the template file you should have created. With using the template, you do not have to delete any content. However you will need to copy the common code to each of the other pages. To find the dimensions of a graphic, open Windows Explorer, navigate to the folder location where the files are listed. Point the mouse to the filename and a caption should appear showing the height and width. Another option is to right-click the filename and select "Properties" from the menu, select "Details" tab from the Properties dialog box.