HTML and CSS Reference
In-Depth Information
photos of the movie. Next, locate images from the movie. When you code your
page use embedded CSS unless your instructor directs you otherwise. Hand in
printouts of the moviesplash.html source code (print in Notepad), and the browser
display of moviesplash.html to your instructor.
( Note : It is unethical to steal an image from another Web site. Some Web sites have
a link to their copyright policy. Most Web sites will give permission for you to use
an image in a school assignment. If there is no available policy, e-mail the site's con-
tact person and request permission to use the photo. If you are unable to obtain
permission, you may substitute clip art or an image from a free site.)
Focus on Ethics
Web Research
This chapter introduced using CSS to configure Web page layout. Use the resources
listed in the text as a starting point. You can also use a search engine to search for CSS
Create a Web page that provides a list of at least five CSS resources on the Web. For
each CSS resource provide the URL, Web site name, and a brief description. Your Web
page should use absolute positioning. Print both the source code (from Notepad) and
the browser view of your Web page.
Focus on Web Design
There is still much for you to learn about CSS. A great place to learn about Web tech-
nology is on the Web itself. 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. Create a Web page that uses this new technique.
Consider how the suggested page layout follows (or does not follow) principles of
design such as contrast, repetition, alignment, and proximity (see Chapter 5). The Web
page should provide the URL of your tutorial, the name of the Web site, a description
of the new technique you discovered, and a discussion of how the technique follows (or
does not follow) principles of design. Print the external style sheet (if you used one), the
Web page source code (from Notepad), and the browser view of your Web page.
Implementing CSS Two-Column
Page Layout
Each of the following case studies continues throughout most of the text. This chapter
implements CSS two-column page layout in the Web sites.
JavaJam Coffee House
See Chapter 2 for an introduction to the JavaJam Coffee House case. Figure 2.26 shows
a site map for the JavaJam Web site. The pages were created in earlier chapters. In this
case study you will implement a new two-column CSS page layout for JavaJam. You
will modify the external style sheet and the Home, Menu, and Music pages. Unless your
Search WWH ::

Custom Search