Introduction to Website Development EM200 Unit 2 – Individual Project
”
Step 1: Type the following code into your text editor, and customize the content between the title and heading tags. Follow the comments that are added throughout the code (Note that this code uses semantic elements. If you prefer, you can use block-level elements for page layout and include the necessary logo, header, content, and footer.):<!DOCTYPE html><html><head><title>Place the Title of Your Web Page Here</title></head><body><header><!– Place your logo image here by customizing the name of the image file. Then, add the height, width, and alternate text. See the code below.–><img src=”logoimage1.jpg” height=”300″ width=”300″ alt=”logo image”><!– If the image includes the name of the Web site, the <h1> tag below is optional. –> <h1>Place the name of the Web site here.</h1></header><nav><h2>Navigation links will be added in Phase 3.</h2></nav><section><h3>Begin to add your content information here.</h3></section><footer><h4>Place the footer information here. Add in your copyright information such as: Copyright year, your name, date, class, section number</h4></footer></body></html>Step 2: In Notepad++ or BBEDit (TextWrangler), go to File > Save As. Give the file the name index.html. This is the first page of your Web site.Step 3: Submit the index.html file and your image file in a .zip folder to the Submitted Assignments area. Please do not submit a .rar file or a .7zip file.