Note: Complete the assessments in this course in the order

 

Note: Complete the assessments in this course in the order in which they are presented.

Overview

In this assessment, you will start building your Web site for your fictional organization by creating a homepage using HTML5 and some of the key elements that define a Web page. You are required to use either a simple text editor to write your code, or an enhanced text editor such as Brackets, linked in the Resources under the Suggested Resources heading.

Note: Microsoft Word is not a good tool for developing code because it is a document processor and not a text editor as it adds other formatting to the background code.

Once you have built your homepage, you will have a better idea of the consistent elements that you will need across all of your pages. Typically, Web pages have some aspects that will be the same from page to page so that a user does not need to relearn how to navigate a Web site. These components typically include the header (consists of the logo and organization name), main navigation (consists of the main pages or categories of the page), main content area (where the bulk of the information about the page is located), and the footer (consists of secondary navigation, address, copyright information, et cetera).

The creation and reuse of these common elements is where templates become invaluable. By simply duplicating the template file, you can quickly create all of your pages leaving only content to add to finish off each of the pages. As you are creating your homepage, you will want to be cognizant of the fact that you will be using it to create your template file.

Once completed, you will publish your pages with a Web host of your choosing.

Note: The Web host that you choose must use PHP.

Expectations

The code that you use to create your page (and during this course in general) should conform to the following expectations:

  • Pages should render properly in at least two of the following browsers: Chrome, Firefox, and Safari.
  • Code should use all of the tags specified in the directions.
  • Code should be verified to be error free, well documented with comments, and appropriately constructed.

Hint: Consider creating a mock-up or wireframe that depicts the precise layout of your homepage. It will act as a useful guide as you develop your site.

Note: This course requires to you to use a text editor to complete your work. There are many free open-source options on the Internet from which you may choose. One such tool is Brackets, which is freely downloadable.

Directions

Using a text editor, create an HTML5-compliant homepage with a file name of index.htm. The page should include the following page sections:

  • Header: Include the organization name and logo.
  • Navigation: Include links to all site pages (including the homepage).
  • Content: This section will later be customized for each of the site pages. For the home page, it should, at a minimum, consist of information that introduces the organization.
  • Footer: Include secondary navigation, copyright notice, or other text of your choosing.

Be sure to:

  • Include the following tags in the code: title, article, section, head, header, html, body, footer, nav, and doctype.
  • Make sure to include developer comments for each page section to explain or describe the coding.
  • Include a comment block at the top of each of your Web pages with your name, the date, the file name, and a short blurb about what the page will consist of.

Save a copy of the homepage and name it template.html. Remove the content that you placed in the “Content” section. This file will serve as a template to be used later to create the other four pages of your site.

Make sure to do the following:

  • Submit error-free HTML5 code.
  • Create a Web page that demonstrates the accurate use of specified HTML5 tags.
  • Create Web page elements that accurately reflect design requirements.
  • Write developer comments to describe and explain code.

Once completed, view your pages in your selected Web browsers to see if the content renders appropriately and consistently within each. Next, ensure that your HTML code is HTML5 compliant. You may use the Markup Validation Service from W3C for testing this, linked in the Resources under the Suggested Resources heading. Important: Take a screen capture of your validation results and save it for submission.

Note: Errors from the validation should be fixed. However, warnings do not need to be fixed but should be reviewed. Fix the issues from the top down as one error can cascade into many other errors.

Hint: If you are using Brackets as your enhanced text editor, there is a live preview feature that will allow you to see the results of your code as you enter it. This will help you to quickly identify if you may be missing a closing tag or an attribute.

Additional Requirements

Submit your work in the courseroom using a single zip file containing the following:

  • index.html.
  • template.html.
  • image_and_url.doc. Include a Word document with:
    • URLs for each of your pages.
    • Names of the browsers you used to view the pages.
    • Pasted image from your validation screen capture.
    • Any ancillary files such as graphic or photos you may have decided to include.

Upload your Web site files to a hosting service of your choice. Two free sites to consider are Freehosting.com and 2FreeHosting.com, linked in the Resources under the Suggested Resources heading.

Note: If you are uncertain on how to upload your files to a Web host, you can find assistance in the Web sites linked in the Resources under the Suggested Resources heading.

Share This Post

Email
WhatsApp
Facebook
Twitter
LinkedIn
Pinterest
Reddit

Order a Similar Paper and get 15% Discount on your First Order

Related Questions

Written assignment. Imagine you are about to hire a new worker or

Written assignment. Imagine you are about to hire a new worker or workers for your organization.  Prepare an APA formatted 4-5 pages paper (with a minimum of six [6] peer-reviewed sources):   · Based on the information in this chapter (attached in the other file), what screening questions would you include

1. Top of Form Many people in the US, particularly the elderly, take

1. Top of Form Many people in the US, particularly the elderly, take more than one prescribed medication. CDC (2014) reported that between 2009 and 2012 nearly 48% of persons asked used at least one prescription drug, 22% used three or more prescription drugs, and nearly 11% used five or

For each DQ elaborate within 260-300 words for each. Use in-text

For each DQ elaborate within 260-300 words for each. Use in-text citations accordingly. Use scholarly reference(s). Use and cite references using APA 7th Style Guide accordingly. Don’t combine DQs together. Topic 1: Job/Task Analysis and Evaluation DQ 1) Aamodt (2022) in Industrial/Organizational Psychology: An Applied Approach discusses the importance of job analysis

Mini-Literature Review – Pt 1 Read the introduction of low-carbon

Mini-Literature Review – Pt 1 Read the introduction of low-carbon development opportunities using the abatement cost approach – Marginal Abatement Cost Curve (MACC): Then, find five additional articles (i.e., peer-reviewed journal articles) related to your proposed topic.  (my proposed topic is to qualify or quantify the low-carbon development opportunities using

SCI 100 Module Six Activity Template: Science in the Real

SCI 100 Module Six Activity Template: Science in the Real World Instructions First, choose one video from the module resources to watch. You should use points made in the video you chose, and any other course resources, to support your responses to the questions below. Replace the bracketed text with

Purpose To recognize risk factors for pulmonary edema/fluid

Purpose To recognize risk factors for pulmonary edema/fluid overload. Competency Explain care for the client with lower respiratory disorders. Instructions Read the scenarios below and answer the questions. If you use sources, site them using APA format. Case # 1 An elderly woman comes into the ER with severe dehydration

For each DQ elaborate within 260-300 words for each. Use in-text

For each DQ elaborate within 260-300 words for each. Use in-text citations accordingly. Use scholarly reference(s). Use and cite references using APA 7th Style Guide accordingly. Don’t combine DQs together. Topic 1: Job/Task Analysis and Evaluation DQ 1) Aamodt (2022) in Industrial/Organizational Psychology: An Applied Approach discusses the importance of job analysis

FON241LL Lesson 4 Lab

FON241LL Lesson 4 Lab Diet Analysis & Health Assessment 1. What is your average percentage of total kcalories from carbohydrate? (See Macronutrient Bar Graph) (5 pts) 2. What are the dietary guidelines for percent of total kcalories from carbohydrate? Did you meet this range? (5 pts) 3. According to the

Instructions: Due Tuesday 02/6 At least 3 paragraphs long with 3

Instructions: Due Tuesday 02/6 At least 3 paragraphs long with 3 peer-reviewed references. No textbook sources Explain the potential problem that could arise from using ROI as the incentive measure for managers. What are some specific actions a company might take to resolve this potential problem? #Instructions #Due #Tuesday #026At

Discussion on Integrating Sources in APA

Discussion on Integrating Sources in APA Instructions: Write a few sentences (120 words) integrating a quote from any of the articles that you will be using in your paper. ( Will post the articles as pdf). Be sure to connect your quote to the rest of your sentences. You can

Chapter 4 Do you believe the media should be censored to protect

Chapter 4 Do you believe the media should be censored to protect Homeland Security? What if the news media got a hold of sensitive information as it pertained to an investigation into a potential terror attack and, by releasing that information to the public, it could hinder and prevent the

Short Paper We all have to eat, but there is a lot of

Short Paper We all have to eat, but there is a lot of controversy surrounding what is good to eat. Use peer-reviewed, scholarly articles to answer the question, “What is the best diet?”. Write a summary of your research in 500 words and cite and reference at least four articles(

Prompt: Apply Allport’s, Cattell’s, or Eysenck’s theories to the

Prompt: Apply Allport’s, Cattell’s, or Eysenck’s theories to the Week 5 Case Conceptualization Download Week 5 Case Conceptualization . You are being asked to conceptualize this case by explaining how this person’s current personality dynamics and presenting problems have developed, what is helping to maintain them in the present, and