(Solved) : Creating Home Template Pages Overview Assignment Start Building Web Site Fictional Organiz Q30352822 . . .
Creating the Home and Template Pages
Overview
In this assignment, you will start building your Web site foryour fictional organization by creating a homepage using HTML5 andsome of the key elements that define a Web page. You are requiredto use either a simple text editor to write your code, or anenhanced text editor such as Brackets.
Note: Microsoft Word is not a good tool for developing codebecause it is a document processor and not a text editor as it addsother formatting to the background code.
Once you have built your homepage, you will have a better ideaof the consistent elements that you will need across all of yourpages. Typically, Web pages have some aspects that will be the samefrom page to page so that a user does not need to relearn how tonavigate 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), maincontent area (where the bulk of the information about the page islocated), and the footer (consists of secondary navigation,address, copyright information, et cetera).
The creation and reuse of these common elements is wheretemplates become invaluable. By simply duplicating the templatefile, you can quickly create all of your pages leaving only contentto add to finish off each of the pages. As you are creating yourhomepage, you will want to be cognizant of the fact that you willbe using it to create your template file.
Once completed, you will publish your pages with a Web host ofyour choosing.
Note: The Web host that you choose must use PHP.
Expectations
The code that you use to create your page (and during thiscourse in general) should conform to the followingexpectations:
Pages should render properly in at least two of the followingbrowsers: 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 withcomments, and appropriately constructed.
Hint: Consider creating a mock-up or wireframe that depicts theprecise layout of your homepage. It will act as a useful guide asyou develop your site.
Note: This course requires to you to use a text editor tocomplete your work. There are many free open source options on theInternet from which you may choose. One such tool isBrackets. It can be freely downloaded from the BracketsWeb site.
Directions
Using a text editor, create an HTML5-compliant homepage with afile name of index.htm. The page should include the following pagesections:
Header: Include the organization name and logo.
Navigation: Include links to all site pages (including thehomepage).
Content: This section will later be customized for each of thesite pages. For the homepage, it should, at a minimum, consist ofinformation that introduces the organization.
Footer: Include secondary navigation, copyright notice, or othertext 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 toexplain or describe the coding.
Include a comment block at the top of each of your Web pageswith your name, the date, the file name, and a short blurb aboutwhat the page will consist of.
Save a copy of the homepage and name it template.html. Removethe content that you placed in the “Content” section. This filewill serve as a template to be used later to create the other fourpages of your site.
Make sure to do the following:
Submit error-free HTML5 code.
Create a Web page that demonstrates the accurate use ofspecified HTML5 tags.
Create Web page elements that accurately reflect designrequirements.
Write developer comments to describe and explain code.
Once completed, view your pages in your selected Web browsers tosee if the content renders appropriately and consistently withineach. Next, ensure that your HTML code is HTML5 compliant. You mayuse the Markup Validation Service from W3C for testing this.Important: Take a screen capture of your validation results andsave it for submission.
Note:Errors from the validation should be fixed. However,warnings do not need to be fixed but should be reviewed. Fix theissues from the top down as one error can cascade into 20 othererrors.
Hint: If you are using Brackets as your enhanced text editor,there is a live preview feature that will allow you to see theresults of your code as you enter it in. This will help you toquickly identify if you may be missing a closing tag or anattribute.
Submission Requirements
Submit your work in the courseroom using a single zip filecontaining 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 havedecided to include.
Upload your Web site files to a hosting service of your choice.Two free sites to consider are Freehosting.com and2FreeHosting.com.
Note: If you are uncertain on how to upload your files to a Webhost, you can find assistance in the resources given in this unit’sstudies.
Resources
Creating the Home and Template Pages Scoring Guide.
Brackets.
Freehosting.com
Expert Answer
Answer to Creating Home Template Pages Overview Assignment Start Building Web Site Fictional Organiz Q30352822 . . .
OR