apply html and images to create professional web pages

/in /by

Purpose

Create an “About Us” page for your restaurant site. You will use the template created previously to begin this Assignment. Remember the template will be the starter page for each Assignment. You will edit and save your “About Us” page and then upload the page to the Web server. Follow the instructions below to create and upload your Web page.

Assignment Instructions

Create a new Web page for your restaurant site. You will use the template you created previously to begin this Assignment. The template will be the starter page for each Assignment. You will edit and save your About Us page. You will add some hyperlinks to your home page and new “About Us” page. You will then upload both pages to the Web server. Follow the instructions to create and upload your “About Us” Web page.

Part 1: Create a new page

  1. Open template.html created previously so you can edit the HTML.
  1. Replace the placeholder text in the title tags with the name of your restaurant and About Us.
    • Example:
    • <title>Joe’s Grill – About Us</title>
  1. Add a level 1 (h1) heading between <header></header>, including text for an appropriate page heading.
    • Example:
    • <h1>About Joe’s Grill</h1>
  1. Place your cursor between <main> and </main> and add your page content following the guidelines below.

About Us Page Guidelines:

  • Write information about the restaurant that the customer might like to know. This should be a descriptive composition outlining the specific information customers typically need to understand about the characteristics of your restaurant.
    • You may want to include information about how the restaurant started, and note who runs the restaurant (i.e., is it family owned and operated? Is it a franchise?).
    • Include a mission statement for the restaurant.
    • Your content for this page should be 250 – 300 words.
    • Text content needs to be formatted using <p></p> around each paragraph block of text. Each paragraph should be three or four sentences each.
  • Add an ordered list to the About Us page.
    • Using the <ol></ol> tag pair and the <li></li> tag pairs, format some of the page content into an ordered (numbered) list.
    • List item content does not need to be complete sentences.
    • Example:
      1. Family owned and operated since 2002
      2. Serve only the highest quality seafood
      3. Dedicated to our customers
    • Add any additional subheadings (h2, h3…), paragraphs (<p></p>), lines breaks (<br> tags), etc. as needed for content.
  1. Add an unordered (bulleted) list of hyperlinks between <nav> and </nav> in your “About Us” page using the <ul></ul> tag pair and the <li></li> tag pairs. Include a link to the home page and a link to the “About Us” page.
    • Each link should be a new list item.
    • Use the relative file path for internal links
      • Example:
      • <ul>
      • <li><a href=”index.html”>Home Page</a></li>
      • <li><a href=”aboutus.html”>About Us</a></li>
      • </ul>

Hint: Search online to find sample “About” pages from restaurant websites. It may spark some ideas for content.

  1. Once the correct code and content is typed into Notepad, you will save your Web pages.
    • Click the File tab in the top left corner of Notepad.
    • Select Save As from the drop menu.
    • Type aboutus.html into the text field.
    • Select All Files from the drop menu below the text field.

7. Save and Close aboutus.html.

Home Page Guidelines:

  1. Open your home page to edit in Notepad. Add an unordered (bulleted) list of hyperlinks between <nav> and </nav> in your home page using the <ul></ul> tag pair and the <li></li> tag pairs. Include a link to the home page and a link to the “About Us” page.
    • Each link should be a new list item.
    • Use the relative file path for internal link
      • Example:
      • <ul>
      • <li><a href=”index.html”>Home Page</a></li>
      • <li><a href=”aboutus.html”>About Us</a></li>
      • </ul>
  1. Save and close your home page

Part 2: Upload Your About Us and Home Pages:

  1. Access the email you received previously from the Web admin. The email was sent to your email account.
  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 aboutus.html from the folder you created on your computer.
  7. Click another browser button to browser your computer for a file.
  8. Select index.html from the folder you created on your computer.
  9. Upload.
  10. Refer back to the email from the Web server to retrieve your URL.
  11. Copy and paste your URL into your Web browser address bar at the top of your browser to test.

Assignment Requirements

APA formatting and citation style should be followed, and you should list your references at the bottom of the About Us page. Please visit the Writing Center for further APA guidance. Be sure content is double-spaced, and use 12 point Times New Roman font. Be sure to establish a clear, informative viewpoint and purpose in your About Us page. The writing should be well ordered, logical, and unified, as well as original and insightful. The Assignment should follow the conventions of Standard English, and points will be deducted from the grade for each punctuation, spelling, or grammar error.

Also review the university policy on plagiarism. If you have any questions, please contact your professor.

 
Do you need a similar assignment done for you from scratch? We have qualified writers to help you. We assure you an A+ quality paper that is free from plagiarism. Order now for an Amazing Discount!
Use Discount Code "Newclient" for a 15% Discount!

NB: We do not resell papers. Upon ordering, we do an original paper exclusively for you.