State website for D277, rubric is as follows:
Create 4–10 web pages of content for your website with a main page that introduces the state of your choice and additional pages for the capital and two other cities located within the state. The information for the capital and each city can vary but must include the following:
x the city’s population
x the year the city was incorporated
x the region of the state in which the city is located
x the classification of the city: urban, suburban, and/or rural
x the average income level of the city compared to the rest of the state
- Include the following items on each page, using a suitable HTML element:
x a title in the head of each document that describes the web page’s individual topic
x a relevant image, including alternative text for the image
x a consistent menu that allows the user to navigate to any other page on the site
- Include the following semantic elements from Task 1 on each page:
x a header containing introductory content (pertaining to the document as a whole or a particular section of a document)
x a nav to place the links to navigate throughout the site
x a section to display the main content of the page
x an aside to display information related to the content
B. Include each of the following elements within your website, using suitable markup:
x a link that opens an external website in a new window or tab using the target attribute
x. an HTML-coded ordered list with at least three list items
x. an HTML-coded unordered list with at least three list items
x. an HTML-coded table consisting of 3–6 columns and 3–6 rows to organize content
C. Create an external CSS file with the following CSS rules and formatting, and apply these rules to enhance your website content:
x. each of the following styles for text:
x one font-family declaration
x a :hover pseudo-class to create a rollover effect for navigation buttons
x. a float property to position at least one HTML element to the side of another in your web page
x absolute and relative positioning in at least one area of your web page
x. each of the following selectors:
x one element selector to style the HTML elements
x one class selector that is used at least two times to style HTML elements
x one ID selector to format specific elements of a page
D. Add a form on one page of your website by doing the following:
Note: The form does not need to include a functional Submit button.
x Include text fields for the user’s first name, the user’s last name, and the user’s email address, as well as a confirmation field for the email address for verification purposes and a text box that allows the user to ask a question.
x Ensure all fields contain placeholders.
x Include JavaScript code that verifies the email fields match when a user enters a second email address.
E. Upload your website to one of the hosting sites listed in the Web Links section. Your website must include the following components:
• HTML pages
• external CSS document(s)
• all images uploaded to the website
F. Submit one ZIP file of your website with all files (i.e., images, other media) used to create your website.
Note: Your project will be evaluated using both the hosted site and the files. The local copy that you submit needs to match the hosted website.
G. Submit a completed copy of the attached “Student Project Submission Form.”
H. Acknowledge sources, using in-text citations and references, for content that is quoted, paraphrased, or summarized.
I. Demonstrate professional communication in the content and presentation of your submission.