02 Feb Externally Linked
Unit 02 Assignment 1
Externally Linked CSS and Site Navigation
Overview
Imagine that you have to change the font size for a headline in your Web site. No problem, right? Just go in and change the font size property on that page. But, what if you had a site with a hundred such titles that you had to change one by one? It would be both time consuming and inefficient. That is where CSS come in. They allow developers and designers to make wholesale changes to a Web site by changing code in only one file. In fact, with HTML5, formatting must all be done using CSS.
In this assignment, you will create your site navigation and a single external CSS file that controls text elements on each of your Web pages.
Directions
Complete the following:
Create and save an externally linked, CSS3-compliant style sheet to control all your Web pages (see page list below). It should define properties (such as position, margin, padding, font family, color, size, et cetera) for each of the following:
Headlines.
Header.
Body text.
Background (image or color).
Navigation (use an unordered list to format the list items for navigation).
Footer (location/font size and color).
Anchor links (current, hover, visited).
Update the code in your homepage and template to link to the new style sheet.
Use your page template to create the other four pages for the site and title each appropriately.
About Us.
Services.
Gallery.
Contact Us.
Create functional page navigation using CSS. Use textual links using either a horizontal navigation across the top or vertical navigation down the left side.
Define text and background properties for all page elements using CSS.
Make sure to enter context appropriate text in the content sections for each of the pages to demonstrate that the formatting and design are consistent across the site.
Make sure you do the following:
Submit error-free HTML5 and CSS code.
Create functioning site navigation using CSS.
Create a functioning external CSS file linked to a Web site.
Use CSS to effectively manipulate properties of Web page elements.
Write developer comments to describe and explain code.
Notes
Make a note of the following as you complete this assignment:
Use the same CSS formatting that references a single external style sheet for all pages.
Use Web fonts such as those available on Google Fonts Web site.
Use
Hint:Consider building your entire layout interface first. It can help you plan your development of your pages to figure out where you want your content to go.
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 and your CSS code is valid. You may use the Markup Validation Service for testing the former and CSS Validation Service for testing the latter, both from W3C. Important: Take a screen capture of each 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.
Submission Requirements
Submit your work in the courseroom using a single zip file containing the following:
index.html.
template.html.
image_and_url.doc. Include a Word document with:
The URLs for each of your pages.
The names of the browsers you used to view the pages.
Pasted images 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.
Resources
Externally Linked CSS and Site Navigation Scoring Guide.
Freehosting.com
CSS Validation Service.
Google Fonts.
2FreeHosting.com.
Markup Validation Service.
Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteEdu. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Fill in all the assignment paper details that are required in the order form with the standard information being the page count, deadline, academic level and type of paper. It is advisable to have this information at hand so that you can quickly fill in the necessary information needed in the form for the essay writer to be immediately assigned to your writing project. Make payment for the custom essay order to enable us to assign a suitable writer to your order. Payments are made through Paypal on a secured billing page. Finally, sit back and relax.
Do you need help with this question?
Get assignment help from WriteEdu.com Paper Writing Website and forget about your problems.
WriteEdu provides custom & cheap essay writing 100% original, plagiarism free essays, assignments & dissertations.
With an exceptional team of professional academic experts in a wide range of subjects, we can guarantee you an unrivaled quality of custom-written papers.
Chat with us today! We are always waiting to answer all your questions.