HTML and CSS Reference
In-Depth Information
Perform the following tasks:
1. Start Notepad++ and open the lab9-3.html file from the Chapter09\IntheLab folder. Save the file
as lab9-3solution.html.
2. Using the techniques learned in this chapter, write the JavaScript code to create a dynamic message
with a countdown, change the scroll bar color, and use the selectedIndex in the <select> tag to
link to new Web pages. The menu links are Vendors, Ticket Prices, Tour Listing, and Floor Plan.
In addition, add the URL, a copyright notice, and the date the Web page was last modified. Use a
future date near the current date for this lab. Use #20409a for the scroll bar face color and #ffde20
for the scroll bar track color.
3. Save the completed HTML file, validate it, and test it using your browser. If an error occurs, check
your code and save and test again.
4. Submit the completed HTML file and Web page in the format specified by your instructor.
Cases and Places
Apply your creative thinking and problem-solving skills to design and implement a solution.
Note:
To complete these assignments, you may be required to use 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.
1: Learning about Browsers
Academic
Pick one of the following browsers: Internet Explorer, Netscape, Firefox, Chrome, Safari, Opera, or the
Mozilla project. Research and develop a brief history (include a time line of versions) of your chosen
browser. Create a PowerPoint presentation lasting around five minutes detailing what you found.
Start with a time line with the name of the original browser and include the various versions over the
years along with when they were released (include versions for the Mac OS, if they exist). Describe the
improvements provided with each upgrade for each browser. In your research, include which of the
various W3C specifications are supported by that browser (XHTML, HTML5, XML, etc). As noted in
this chapter, only Internet Explorer allows a programmer to dynamically modify the scroll bar. Search
forums or Web sites to find discussions on why the browser you chose will or will not allow access to
the scroll bar. Did your research reveal any other parts of the browser that can or cannot be modified?
2: Creating a Personal Web Page
Personal
Many families have begun sharing information via the Internet. Consider your own family and
friends, and then use the concepts and techniques presented in this chapter to create a Web page
that announces a birthday, wedding, anniversary, family reunion, or other special family event. Use a
dynamic message to display the current date and the number of days to the event. Make your page long
enough (perhaps add several photos) so that the scroll bar is active and write the JavaScript user-defined
function to change the scroll bar color. Create a drop-down menu to link to other Web pages that
you have created or that already exist, such as links to family or friends who have Web pages. Add a
copyright notice and add the date the page was last modified at the bottom in small print. Be sure to
check the spelling and grammar on the Web pages that you create.
Continued >
