Wisconsin Colleges HTML/CSS

Final product should look like the above image

In the uwlist.htm file directly below the h1 heading, insert a navigation list containing an unordered list with following list items:

Private Colleges and Universities Technical College System University of Wisconsin System

Add the id values private, technical and public to the three h2 headings that categorize the list of schools Mark each of the school entries on the page as a hypertext link; see the URL's provided in the colleges.txt file (Hint: use the copy and paste feature of your text editor to efficiently copy and paste the college names and URL text) So that the links to the school web sites to appear in a new tab or window and since there are so many links on the page, add a base element to the document head specifying target="_blank" so that all links open by default in a new browser window or tab Link the three items in the navigation list to the corresponding h2 headings For each of the hypertext links you marked in the previous step, set the link to open in the current browser window and not in a new browser window or tab by specifying target="_self" Save the changes to the uwlist.html web document Then go to the hestyles.css file in the text editor (as you make changes to this style sheet document, regularly refresh the HTML document in a browser to view the effects) Add descriptive comments to the style sheet to identify the style rules for the different sections of the web page Create a style rule for the body element as follows:

Set the left and right margins to auto Set the padding to 0 pixels Set the line height to 1.5 em Set the width to 98 percent Set the maximum width to 780 pixels and the minimum width to 250 pixels Set the font family to Verdana, Geneva and sans-serif

Create a style rule for the header section as follows:

Set the width to 100 percent Align the text left

Create a style rule for the h1 element as follows:

Set the font weight to normal Set the font size 2.5 em Set the color to red

Create a style rule for the h2 element as follows:

Set the font weight to normal Set the font size 1.5 em Set the color to red

Create a style rule for the nav block in the section as follows:

First clear the margin on the left and then set display to block Set the width to 100 percent Set the bottom margin to 30 pixels

Create a style rule for the ul element in the nav block in the section as follows:

Remove the list markers Set the margin and padding 0 pixels Set the font size 0.8 em

For list items in the ul element in the nav block in the section create a style rule that:

Sets display to block Floats the margin to left Sets the width to 32 percent Sets the font size to 1 em Sets the height to 3 em Centers the text Sets a border of 1 pixel that is solid and red Sets a background color to the hexadecimal value ffffc0 Sets the line height to 3 em Sets the right margin to 4 pixels and the bottom margin to 25 pixels

Create a style rule for the ul element in the section that removes the list markers Create a style rule for the footer block that:

Sets display to block Sets the width to 100 percent Sets the font size to 0.8 em Centers the text Displays the text in small caps Sets the text color to red Sets a border of 1 pixel that is solid and red

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 Edgewood College Lakeland College Lawrence University Marian College Medical College of Wisconsin Milwaukee Institute of Art and Design Milwaukee School of Engineering Mount Mary College Marquette University Marquette University Law School Nashotah House Northland Baptist Bible College Northland College Ripon College Sacred Heart School of Theology Silver Lake College St. Norbert College Viterbo University Wisconsin Lutheran College Technical College System Blackhawk Technical College Chippewa Valley Technical College Fox Valley Technical College Gateway Technical College Lakeshore Technical College Madison Area Technical College Mid-State Technical College Milwaukee Area Technical College Moraine Park Technical College Nicolet Area Technical College Northcentral Technical College Northeast Wisconsin Technical College Southwest Wisconsin Technical College Waukesha County Technical College Western Technical College Wisconsin Indianhead Technical College University of Wisconsin System UW-Green Bay UW-La Crosse UW-Madison UW-Milwaukee UW-Oshkosh UW-Parkside UW-Platteville UW-River Falls UW-Stevens Point UW-Stout UW-Superior UW-Whitewater HIGHER ED: THE DIRECTORY OF HIGHER EDUCATION OPPORTUNITIES