Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

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.

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.

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 homepage, 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. Important: Take a screen capture of your validation results and save it for submission.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

SQL Server T-SQL Recipes

Authors: David Dye, Jason Brimhall

4th Edition

1484200616, 9781484200612

More Books

Students also viewed these Databases questions

Question

5. Discuss the role of the Web in career management.

Answered: 1 week ago

Question

4. Design a career management system.

Answered: 1 week ago