Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Use HTML and CSS to create a web page with a 2 - column layout and the following specifications: 1 . Organize your CSS and
Use HTML and CSS to create a web page with a column layout and the following specifications:
Organize your CSS and images in different folders. Hint: Always use small letters for folderfile names and avoid special characters including spaces. This will help you link your CSS and images quickly mark
Create a web page called index.html and add your name and email in HTML comments at the top of the page. mark
Link the main style sheet as well as the normalize style sheet to the home page. mark
Adjust the font sizes for all of the headings so they are as shown in the design. Make sure the different headings are in different font sizes and colours of your choice. Browser default font size and colour of the headingstext will not be awarded marks. mark
Format the links in the right section so theyre displayed in a colour of your choice whether or not theyve been visited. If a link has the focus or the mouse hovering over it display it in a different colour. Browser default colours of the links will not be awarded marks. marks
Format the links in the sidebar so theyre displayed in boldfaced colour of your choice whether or not theyve been visited. If a link has the focus or the mouse hovering over it display it in a different colour. Browser default colours of the links will not be awarded marks. marks
In the header, float the logo image to the left and make sure there is white gap between the logo and the headings. In addition, change the colour of the headings to colours of your choice, change their styles to bold or italic and add a shadow to the Site Title. Browser default colours of the headings will not be awarded marks. marks
After the header section, add a full width image. mark
Format the list to increase the space between the list items, increase the line height to mark
Reduce the font size for the footer and center it Browser default font size of the text in footer will not be awarded marks. mark
Format the body of the page so its px wide, has a border of your choice, and is centered in the browser window. mark
Add a border of your choice below the header, add a background to the footer, and change the colour of the footer text to a contrasting colour. marks
Float the sidebar in the body so that it is displayed to the left of the main section. The width of the sidebar should be approximately one third of the body. Be sure to clear the footer so its not displayed below the list. marks
Adjust the margins and padding for the elements on the page so it looks as shown in the design. Note: because the unordered list is given some left padding by default, you dont need to apply any additional margin or padding to it mark
Change the paragraph text colour to a colour of your choice. mark
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started