Study Guides:
Guide:
sarawentworth.com/150/150FinalExamStudy_Guide_FA15.pdf
Slides:
sarawentworth.com/150/Final_slides.pdf
All lecture slides are available on Blackboard.
Web sites and extra credit assignments are due by Sat. December 19th.
We will not have lab that day, this is an online assignment.
Extra credit assignments should be posted to your web site on it's own page and linked to from the home page.
As a reminder, the web sites can be as simple or as complex as you wish to make them.
Design and navigation will be 30% of the overall grade.
• Can I find everything easily?
• Are there any dead ends?
• Are there any broken links?
• Is there continuity in style between pages?
The rest is content (are all of the assignments there, with required text?).
Note:
To link back from your index.html in your narratives folder to your index.html in your medp150 folder:
<a href="../index.html">Home</a>
Saturday, December 12, 2015
Friday, December 4, 2015
Dec 4th
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
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
Subscribe to:
Posts (Atom)