Design A Website Assignments | Online Homework Help

Creating the Home and Template Pages

Overview

In this assignment, 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.

Don't use plagiarized sources. Get Your Assignment on
Design A Website Assignments | Online Homework Help
Just from $13/Page
Order Now

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, Edge, 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. It can be freely downloaded from the Brackets Web site.

professional writing services near me

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:

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. 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 20 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 in. This will help you to quickly identify if you may be missing a closing tag or an attribute.

Submission Requirements

Submit your work in the courtroom 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.

Calculate your paper price
Pages (550 words)
Approximate price: -

Why Choose Us

Quality Papers

At Myhomeworkwriters.com, we always aim at 100% customer satisfaction. As such, we never compromise o the quality of our homework services. Our homework helpers ensure that they craft each paper carefully to match the requirements of the instruction form.

Professional Academic Writers

With Myhomeworkwriters.com, every student is guaranteed high-quality, professionally written papers. We ensure that we hire individuals with high academic qualifications who can maintain our quality policy. These writers undergo further training to sharpen their writing skills, making them more competent in writing academic papers.

Affordable Prices

Our company maintains a fair pricing system for all academic writing services to ensure affordability. Our pricing system generates quotations based on the properties of individual papers.

On-Time delivery

My Homework Writers guarantees all students of swift delivery of papers. We understand that time is an essential factor in the academic world. Therefore, we ensure that we deliver the paper on or before the agreed date to give students ample time for reviewing.

100% Originality

Myhomeworkwriters.com maintains a zero-plagiarism policy in all papers. As such, My Homework Writers professional academic writers ensure that they use the students’ instructions to deliver plagiarism-free papers. We are very keen on avoiding any chance of similarities with previous papers.

Customer Support 24/7

Our customer support works around the clock to provide students with assistance or guidance at any time of the day. Students can always communicate with us through our live chat system or our email and receive instant responses. Feel free to contact us via the Chat window or support email: support@myhomeworkwriters.com.

Try it now!

Calculate the price of your order

You will get a personal manager and a discount.
We'll send you the first draft for approval by at
Total price:
$0.00

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Homework Writing Services

My Homework Writers holds a reputation for being a platform that provides high-quality homework writing services. All you need to do is provide us with all the necessary requirements of the paper and wait for quality results.

Essays

Essay Writing Services

At My Homework Writers, we have highly qualified academic gurus who will offer great assistance towards completing your essays. Our homework writing service providers are well-versed with all the aspects of developing high-quality and relevant essays.

Admissions

Admission and Business Papers

With Myhomeworkwriters.com, we will help you secure a position at your desired institution. Our essay writing services include the crafting of admissions papers. We will still help you climb your career ladder by helping you write the official papers that will help you secure a job. We will guide you on how to write an outstanding portfolio or resume.

Editing

Editing and Proofreading

Myhomeworkwriters.com has a professional editorial team that will help you organize your paper, paraphrase it, and eliminate any possible mistakes. Also, we will help you check on plagiarism to ensure that your final paper posses quality and originality.

Coursework

Technical papers

My Homework Writers harbors professional academic writers from diverse academic disciplines. As such, we can develop homework writing services in all academic areas. The simplicity or complexity of the paper does not affect the quality of homework writing services.