WEBSITE PROJECT 1 PURPOSE: The purpose of this project is to demonstrate your ab
ID: 3687309 • Letter: W
Question
WEBSITE PROJECT 1
PURPOSE:
The purpose of this project is to demonstrate your ability to:
implement basic HTML code in the creation of a simple website
properly validate and present well-formed HTML code
publish a site to the Web
INSTRUCTIONS:
Create a three-page website that displays text and links, demonstrating effective use of the basic code from chapter 2. You will build three (3) new HTML documents. First, create the document that will become the home page of the project.
1. Open your text editor and create a new HTML document; save it as index (all lowercase letters; no spaces). Make sure the file extension is .html. Please note that this index file will be completely different than the one previously created, should not contain the same content, and should not replace the existing file
2. Write the code for the basic webpage template (p. 28)
3. Proceed to add the required common and structural code, as well as content (see Requirements below)
4. Periodically save your files to ensure no data is lost, and retain backup copies in case of emergencies
5. After coding is complete Save and close all files
6. Open the W3C HTML Validation Tool in your web browser and validate each html file. If the files successfully pass validation, proceed to submitting them; but, if there are errors, review the error messages, make changes to your documents, and revalidate the files. Continue ad nauseam until all errors have been corrected. a. If you choose to use the type and align attributes (not required), they are considered obsolete in HTML 5 and will cause your files to fail validation. These are the only acceptable validation errors.
7. Copy the files to CWU’s web server, saving them directly in the website_project_1 folder
8. Make another copy of the files and compress them into one (1) .zip file. If desired, rename the .zip file (make sure you DO NOT compress the files used on the web server)
9. Upload your .zip file to Canvas, and add your student URL in the comment box; then, click Submit.
HELPFUL HINT: Once the Webpage Template and structural code have been completed (and the file saved), it can be helpful for students to make two copies of the file to use as the framework, or wireframe, for the second and third html pages. I recommend this be done before adding in the common code and content in order to facilitate a unified structure across the site.
REQUIREMENTS:
In order to complete Website Project 1, the site must demonstrate, at a minimum:
the html elements and attributes configured in the Webpage Template (see pg. 28 of the textbook)
effective use of common html elements
o heading 1 element for main headings
o heading 2 element for subheadings
o paragraph and blockquote elements
o line break element
o unordered, ordered, and description lists lo
at least one (1) of each list should be used o anchor elements
should be used to construct relative, absolute, and email links
appropriate use of phrase elements
o at a minimum bold (or strong), small, and italic (or emphasize)
effective use of html structural elements on every page
o the header, nav, main, and footer elements must be used
o one (1) div element must be used to contain or “wrap” all of the elements in the body section (HINT: this will be the first element you code after the opening body tag)
o at least two (2) other div elements must be coded within the main element to contain sections of content
For all written content, except copyright, email, name, and sources, Lorem Ipsum placeholder text must be used. To generate placeholder text, I recommend http://www.lipsum.com (when navigating the site, look for the “generate” button). Part of the content must include:
navigation links
o create navigation links to connect your webpages to each other (there should be three on each page)
email, copyright, and source information in the footer
o include the text Questions? Contact with a link to your email address
o include the word Copyright and the copyright symbol (use the appropriate HTML code to create the symbol) to display below your email address
o must include links to the following websites as sources:
http://www.lipsum.com
http://www.webdevfoundations.net
sources must display below the copyright information
o this information must display on every page in the footer section
NOTE: Failure to follow the project instructions, including submission and formatting requirements, may result in the deduction of points. Please refer to the Saving and Submitting Assignments page in Canvas for specific requirements, and/or contact your instructor for additional information.
Please use the screen shots below for an example of how your site should display; this will help you determine how to code the underlying structure of your pages.
Page 1:
Page 2:
Page 3:
Explanation / Answer
I would have designed ur html page if I could see your images.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.