create a web page using semantic tags upload a web page to the web server

Purpose

Create a home page for your restaurant site. You will create a template using HTML5 structure and semantic tags. The template will be the starter page for each Assignment. You will edit and save your home page this week and then upload the page to the Web server. Follow the instructions to create and upload your first Web page.

Assignment Instructions

Part 1: Create a Template

  1. Create a folder on your computer to store all of your website files for this course. The folder can be anywhere on your computer or portable drive.
  2. Open Notepad (or TextEdit if you are working on a Mac).
  3. Refer to the given code below and type it into a new blank page in Notepad.

Code the Structural Elements

Each Web page should contain a set of structural elements. These elements, commonly called “tags”, set up a Web page as a container of content to be displayed. These structural tags also divide a webpage into sections that the browser reads. You will code the main structural tags in the order shown.

Type this into a blank page in Notepad:

  • <!doctype html>
  • <html>
  • <head>
  • <title></title>
  • </head>
  • <body>
  • </body>
  • </html>

The next step is to create a logical layout within your Web page using semantic tags. Browsers, screen readers, and search engine robots easily read semantic tags because the name of the tag describes what the tag is or does. For example: <footer> </footer> tags designate the page footer section. You can format these tags using CSS formatting. However, you will use them strictly for organization at this point.

Place your cursor between <body> and </body> and type the code below:

  • <header></header>
  • <nav></nav>
  • <main></main>
  • <footer></footer>
  1. Once the correct code for your layout is typed into Notepad, you will save your template using the following steps:
    • Click the File tab in the top left corner of Notepad.
    • Select Save As from the drop menu.
    • Type template.html into the text field.
    • Select “All Files” from the drop menu below the text field.
  1. Save and Close template.html.

Part 2: Create Your Home Page:

  1. Open template.html (created in Part 1) to edit in Notepad.
  2. Place your cursor after <title> and before </title> in your code. Type the name of your restaurant and the words Home Page.
    • For example: <title>Joe’s Grill – Home Page</title>
  3. Place your cursor between <header> and </header>. Add a level 1 (h1) page heading using <h1> and </h1> and type heading text for the page.
    • For example: <h1>Welcome to Joe’s Grill</h1>
  4. Place your cursor between <main> and </main> and type at least two paragraphs of welcome text for the home page of the restaurant.
    • Use <p></p> around each paragraph of text.
    • Paragraphs should be 3-4 sentences each.
    • Total word count is 100-200 words.
  5. Select the File tab in the top left corner of Notepad.
  6. Select Save As from the drop menu.
  7. Type index.html into the text field.
  8. Select “All Files” from the drop menu.
  9. Save and close document.

Part 3: Upload Your Home Page:

  1. Access the email you received from the Web admin. The email was sent to your email account. Select the following link for access to a PowerPoint presentation regarding the WebServer.
  2. Using the username and password given in the email, log in to the server.
  3. Click the IT117 folder on the left side of the File Manager to open it.
  4. Once the IT117 folder is open, select the Upload button from the top menu bar.
  5. Click the browse button to browse your computer for a file.
  6. Select index.html from the folder you created on your computer.
  7. Upload.
  8. Refer back to the email from the Web server to retrieve your URL.
  9. Copy and paste your URL into your Web browser address bar at the top of your browser to test your page.

PLEASE CONTACT ME IF YOU NEED ANY OF MY INFO TO HELP COMPLETE ASSIGNMENT.

Looking for solution of this Assignment?

WHY CHOOSE US?

We deliver quality original papers

 Our experts write quality original papers using academic databases.We dont use AI in our work. We refund your money if AI is detected  

Free revisions

 We offer our clients multiple free revisions just to ensure you get what you want.

Discounted prices

 All our prices are discounted which makes it affordable to you. Use code FIRST15 to get your discount

100% originality

 We deliver papers that are written from scratch to deliver 100% originality. Our papers are free from plagiarism and NO similarity.We have ZERO TOLERANCE TO USE OF AI

On-time delivery

 We will deliver your paper on time even on short notice or  short deadline, overnight essay or even an urgent essay
 
/by