Develop an external css to provide layout

Assignment Help Programming Languages

Reference no: EM132018517

Question: Cascading 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.

1. If you have not installed Microsoft Visual Studio Software in a prior course, follow these instructions for installation steps.

2. Download the provided Unit2.zip document and save it to your computer. Click here to download the Unit2.zip document.

3. Right-click the Unit2.zip folder and Extract All.

4. 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.

5. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit2.css.

6. 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.

7. Validate the CSS style rules.

8. Zip (compress) the Visual Studio project folder into a .zip file to submit.

Reference no: EM132018517

Questions Cloud

What can be done to protect against ransomware : Ransomware: To pay or not to pay? When it comes to corporate data, should corporations pay? Can you trust paying? What can be done to protect.

What is the amount that will be included in jack net income : No further payments were made. What is the amount that will be included in Jack's Net Income For Tax Purposes for the current year

Relationship between cyber security and risk management : Base on your article review and the assigned reading, discuss the relationship between cyber security and risk management.

Calculate the net present value of the project : The expected life of the project is 4 years. The income tax rate is 35%. Calculate the net present value of the project

Develop an external css to provide layout : Cascading 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

Describe how you will implement your ads : Create 5 ad groups, including their purpose and suggestions for headlines and text. Describe how you will implement your ads and the type of data you will track

Post one state case using standard legal notation : In the same document, please post one federal and one state case using standard legal notation and a hyperlink to each case.

Analysis of the competitive environment : Analysis will include a PEST/LE and SWOT analysis of the organisation and an analysis of the organisation's capabilities.

What would you say in the policy : You have been asked to draft a corporate usage policy regarding the use of instant messaging. The policy should encourage the use of IM.

User Account

All Pages