Chapter 6: Focus on Web Design

Use a search engine to search for CSS page layout tutorials. Choose a tutorial that is easy to read. Select a section that discusses a CSS technique that was not covered in this chapter. 

  Articles and Tutorials: Creating a CSS layout from scratch

 This really is an amazing css tutorial! I was only able to skim through it, but I was very impressed with how it was set up! It is very easy to read and follow along with. Both screenshots and copy-and-paste html text are given step by step. This blog is several years old, but the concepts and techniques fit perfectly with what we are learning! It is old, but in no way does the information seem old or outdated.

  I liked how this tutorial demonstrated the use of obvious background colors that the book just touched on ( p. 246-247 5th Edition Web Development and Design Foundations with XHTML ). Seeing how clearly it represented the areas, and what was being worked with was very helpful. ( page 6 )

  I also really liked the page he put together. It was stylish, but not too complex to learn. Likewise, there is a lot of information in this tutorial, but not too much. I also enjoyed how this tutorial demonstrates the things we learned about in this chapter, but applies it to things they we did not get to ( such as images and buttons).

  I think that this tutorial is one of many great ways to get a hold of the power of page layout in CSS.

  

Chapter 5: Web Site Case Study

Fish Creek Animal Hospital:

1. What type of site organization is used for the Fish Creek Website? Is it the most appropriate organization for the site? Why or why not?

2. Review the recommended Web page design practices from this chapter. Cite three design practices that have been well implemented. Cite three design practices that could be implemented in a better way. How else would you improve the Web site?

  1.) The Fish Creek site uses hierarchical organization. This is definitely the right choice for this website. It provides a fast and easy way to get around the site by way of the consistent navigation bar. Visitors can conveniently get to the specific page they want to visit.

2.) Well implemented:

-Ease of navigation / Navigation bars

-Contrast

-Repetition

  To be reconsidered:

-Use of color

The colors aren't too bad, but I'm not sure that it quite fits the theme/audience. The all blue background is a little much, especially on a very small site with not a lot of information.

-"Real estate"/ White space

This is a very small site, so it is understandable. However, I think that maybe a better design/arrangement could be applied.

 -Proximity

This goes along with what I said above.

Also, I think that frames would be a good addition to a small site like this.