Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

You work for a local music lesson company called Strike a Chord that provides music lessons for piano, guitar, and violin. The company needs a

You work for a local music lesson company called Strike a Chord that provides music lessons for piano, guitar, and violin. The company needs a web presence and has hired you to create their website. You have already created the website plan, template, and home page in Chapter 1 and Chapter 2. You now need to add links, images, and create more webpages for the website. The Lessons and Contact webpages are shown in Figure 3-79a and Figure 3-79b 1
Use File Explorer (Windows) or Finder (macOS) to navigate to the chapter03\lab1 folder in the Data Files. Copy the images folder to your music website folder created in Chapter 2, Lab 1.
2
Open template.html in your text editor. In the nav element, add a hyperlink to the text, Home, that opens index.html. Add a hyperlink to the text, Lessons, that opens lessons.html. Add a hyperlink to the text, Instructors, that opens instructors.html. Add a hyperlink to the text, Rentals, that opens rentals.html. Add a hyperlink to the text, Contact, that opens contact.html. Update the nav element in the index.html file to match the template.html file.
3
In the template file, nest an empty div element within the main element.
4
Add an email link to the email address within the footer element on the template.html file and the index.html. Save your changes.
5
In the index.html file, in the main element, wrap the two paragraph elements within a div element with an id attribute value of intro. Indent the two paragraph elements. Save your changes.
6
Use the template file to create a new page and name the file lessons.html.
7
Update the comment with the file name and todays date. In the title element, replace the text, Template, with Lessons.
8
Add an id attribute with a value info to the div element within the main element. Nest anything within the div: 9
Below the info div, add a new div element with an id attribute of piano. Nest anything within the div: 10 the piano div, add a new div element with an id attribute of guitar. Nest anything in the elements within the div: 11 Below the guitar div, add a new div element with an id attribute of violin. Nest the following elements within the div: Indent all nested elements. Check your spelling. Validate the file and correct any errors. Save your changes.
13
Use the template file to create a new page and name the file contact.html.
14
Update the comment with the file name and todays date. In the title element, replace the text, Template, with Contact.
15
Add an id attribute with a value contact to the div element within the main element. Nest anything within the div: Below the last paragraph element added from Step 14, embed an online location map with the location of Chicago, IL.
17
Indent all nested elements. Check your spelling. Validate all HTML files and correct any errors. Save your changes.
18
Open the index.html file in a browser and test your page links. The only links that should currently work are Home, Lessons, and Contact.
19
Submit your assignment in the format specified by your instructor.
image text in transcribed

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Advances In Databases 28th British National Conference On Databases Bncod 28 Manchester Uk July 2011 Revised Selected Papers Lncs 7051

Authors: Alvaro A.A. Fernandes ,Alasdair J.G. Gray ,Khalid Belhajjame

2011th Edition

3642245765, 978-3642245763

More Books

Students also viewed these Databases questions

Question

understand the key issues concerning international assignments

Answered: 1 week ago