Final Websites:
The final website will be 10% of your final grade.
Requirements:
All of the assignments, with required text
User experience: Can I find everything easily? Is everything labeled well? Do all of the links work? Do I get stranded on any pages with no way out?
Design: Is there continuity of design between pages? Are your images of similar widths and heights?
How have you used color and alignment to help the user navigate your site?
I have created two templates using tables and CSS for you to work with.
You can use these for reference, or use them directly by replacing the wireframe images with your own assignments, changing the variables in CSS to suit your needs, etc. Working with other people's code is a good way to learn to program.
Centered
Left-Aligned
Remember, there are several ways to add CSS to your website:
http://www.w3schools.com/css/css_howto.asp
• Directly in the HTML tags (Inline Styles):
<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>
• In the header (Internal Style Sheet):
<head>
<style>
body {
background-color: #00FFFF;
}
h1 {
color: #333333;
margin-left: 40px;
}
</style>
</head>
• In a linked External Style Sheet:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
where mystyle.css is a separate document
Colors can be defined by word:
http://www.w3schools.com/tags/ref_colornames.asp
Or by number
http://www.w3schools.com/tags/ref_colorpicker.asp
No comments:
Post a Comment