HTML

Adella Coronel is a guidance counselor for Eagle High School in Waunakee, Wisconsin. She wants to take her interest in helping students choose colleges to the Web by starting a Web site called HigherEd. She's come to you for help in creating the site. The first page she wants to create is a simple directory of Wisconsin colleges and universities.

She's created the list of schools, but has not yet marked the entries in the list as hypertext links. The list is very long, so she has broken it down into three categories: private colleges and universities, technical colleges, and public universities. Because of the length of the page, she wants to include hypertext links that allow students to jump down to a specific college category. Figure 2-50 shows a preview of the page you'll create for Adella.

Complete the following:

1. In your text editor, open the uwlisttxt.htm file from the tutorial.02 \case1 folder included with your Data Files. Enter your name and the date in the file comments.
   Save the file as uwlist.htm in the same folder.
2. Directly below the h1 heading, insert a navigation list containing an unordered list with following list items: Private Colleges and Universities, Technical College System, and University of Wisconsin System.
3. Add the ids private, technical, and public to the three h2 headings that categorize the list of schools.
4. Mark each of the school entries on the page as a hypertext link. Use the URLs provided in the colleges.txt file. (Hint: Use the copy and paste feature of your text editor to efficiently copy and paste the URL text.)
5. Adella wants the links to the school Web sites to appear in a new tab or window.

Because there are so many links on the page, add a base element to the document head specifying that all links open by default in a new browser window or tab named collegeWin.

1. Link the three items in your navigation list to the corresponding h2 headings.
2. For each of the hypertext links you marked in Step 6, set the link to open in the current browser window and not in a new browser window or tab.
3. Save your changes to the file.
4. Open uwlist.htm in your Web browser and verify that the school links all open in the same browser window or tab, and that the links within the document to the different school categories bring the user to those locations on the page but not in a new window or tab.
5. Submit your completed files to your instructor, in either printed or electronic form, as requested.

  

APPLY Case Problem 1 Data Files needed for this Case Problem: colleges.txt, hestyles.css, highered.jpg, modernizr-1.5.js, uwlisttxt.htm HigherEd Adella Coronel is a guidance counselor for Eagle High School in Waunakee, Wisconsin. She wants to take her interest in helping students choose colleges to the Web by starting a Web site called HigherEd. She's come to you for help in creating the site. The first page she wants to create is a simple directory of Wisconsin colleges and universities. She's created the list of schools, but has not yet marked the entries in the list as hypertext links. The list is very long, so she has broken it down into three categories: private col- leges and universities, technical colleges, and public universities. Because of the length of the page, she wants to include hypertext links that allow students to jump down to a spe- cific college category. Figure 2-50 shows a preview of the page you'll create for Adella. HigherEd Web site Higher Ed The Directory of Higher Education Opportunities Wisconsin Colleges and Universities Private Colleges and Universities Technical College System University of Wisconsin System Private Colleges and Universities Alverno College Beloit College Cardinal Stritch University Carroll College Concordia University Wisconsin