HTML and CSS Reference
In-Depth Information
Learn It Online
Test your knowledge of chapter content and key terms.
Instructions: To complete the following exercises, please visit . At the home page, search for HTML5 and CSS 7th Edition using the search box at the
top of the page. This will take you to the product page for this topic. On the product page, click
the Access Now button below the Study Tools heading. On the Topic Companion Site Web page,
select Chapter 11, and then click the link for the desired exercise.
Chapter Reinforcement TF, MC, and SA
A series of true/false, multiple choice, and short
answer questions that test your knowledge of the
chapter content.
Who Wants To Be a Computer Genius?
An interactive game that challenges your
knowledge of chapter content in the style of a
television quiz show.
Flash Cards
An interactive learning environment where
you identify chapter key terms associated with
displayed definitions.
Wheel of Terms
An interactive game that challenges your
knowledge of chapter key terms in the style of the
television show, Wheel of Fortune .
Practice Test
A series of multiple choice questions that tests
your knowledge of chapter content and key terms.
Crossword Puzzle Challenge
A crossword puzzle that challenges your
knowledge of key terms presented in the chapter.
Apply Your Knowledge
Reinforce the skills and apply the concepts you learned in this chapter.
Instructions : Start Notepad++. Open the file apply11-1.html from the Chapter11\Apply folder of the
Data Files for Students. See the inside back cover of this topic for instructions on downloading the
Data Files for Students, or contact your instructor for information about accessing the required files.
The apply11-1.html file is a partially completed HTML file that you will use for this exercise.
Figure 11-39 on page HTML 550 shows the Apply Your Knowledge Web page as it should be
displayed in a browser after the JavaScript code has been added.
Perform the following tasks:
1. Using the JavaScript code in Table 11-18 on page HTML 539 as a guide, create a user-defined
function to create pop-up captions and to change the image on the left side of the body text. The id
attribute for the image provided is making_steel; use this id in the getElementById() method in the
user-defined function. Use the original image, apply11-1steelmill.jpg as the image to display when the
mouse is off the linked term.
2. Using the CSS code in Table 11-19 on page HTML 541 as a guide, add a CSS selector for each pop-up
caption and image. Use #smelting, #H_Bessemer, #taconite, #limestone, #coke_oven, and #rolled_coil
to match the images provided.
Search WWH ::

Custom Search