Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Exercise 2 - HTML and CSS You are given the file Exercise2.html which creates the home page for Jake's Coffee Shop website. This displays as
Exercise 2 - HTML and CSS You are given the file Exercise2.html which creates the home page for Jake's Coffee Shop website. This displays as shown in figure 1. Jake's Cofee Shop Home Menu Music Jobs Come in and experience... - Specialty Coffee and Tea - Freshly made sandwiches - Bagels, Muffins, and Organic Snacks - Music and Poetry Readings - Open mic nights - ... 23 Pine Road Nottingham, NG1 5YU 01159324567 Copyright @ 2011 Jake's Coffee House jake@jicoffee.com Done Figure 1. Display of original HTML file Write the appropriate CSS to change the presentation of the webpage to that shown in figure 2 . The new page layout includes a header section, two columns (one for navigation menu and one for the main content) and a footer section. Figure 2. Display of Exercise2.html with CSS The colours used are as follows: Text: \#330000 Body background: \#ffffcc Header and footer background: \#ccaa66 Left (navigation) column background: \#E8D882 Right (main content) column background: \#f1e8b0 The text is displayed in Verdana font. You should write an external CSS file. You need to modify the original HTML file only to link to this style sheet, mark up sections (using di v tags) and set appropriate class and id attributes. Note: you can use any editor you like to modify the html file and to create your CSS file (Notepad++ in the labs is a good choice). Just make sure that you save your files as plain text and that you give the stylesheet a .css extension
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