Introduction to Web systems and Media

ascading Style Sheets are used to provide style, presentation, and layout for the HTML content of a Web page. You will develop an external CSS to provide style, presentation, and layout to an HTML document.

 

  • Download the provided Unit2.zip document and save it to your computer. Click here to download the Unit2.zip document.
  • Right-click the Unit2.zip folder and Extract All.
  • Open Visual Studio and select File > Open Web Site from the menu.Navigate to the extracted Unit2 folder and select it to open the Website in Visual Studio.
  • Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit2.css.
  • Add style rules to Unit2.css to accomplish the following:
    • Ensure that the semantic elements format in older browsers.
    • Eliminate the default spacing around all elements.
    • Use the Verdana font or any available sans-serif font for the text.
    • Set the font size for the body to 80% of the browser’s default font size.
    • Set the width of the window to display the document to 700.
    • Center the text in the header.
    • Provide spacing at the top of the level-one heading in the header to the equivalent of one capital M without affecting the spacing of the image.
    • Set the font size for the level-one heading in the header to three times the browser’s default font size.
    • Display the image in the header to the right of the text.
    • Ensure the text of the section does not flow around the image in the header.
    • Display the image in the first paragraph to the left of the text.
    • Set the font size for the level-one heading in the section to two times the browser’s default font size.
    • Center the text in the level-one heading in the section.
    • Provide spacing at the bottom of the level-one heading in the section to the equivalent of one capital M.
    • Set the font size for the level two headings in the section to one and one-half times the browser’s default font size.
    • Center the text in the level two headings in the section.
    • Center the text in the navigation.
    • Provide spacing at the bottom of the navigation to the equivalent of two capital Ms.
    • Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus.
    • Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus.
    • Display the footer on the right side of the page.
    • Set the font size of the text in the footer to 75% of the browser’s default font size .
 
Do you need a similar assignment done for you from scratch? We have qualified writers to help you. We assure you an A+ quality paper that is free from plagiarism. Order now for an Amazing Discount!
Use Discount Code "Newclient" for a 15% Discount!

NB: We do not resell papers. Upon ordering, we do an original paper exclusively for you.