Week 5B – Art 301MW
What should be on the server:
HTML Restaurant
2 Email Blasts Final
CSS Restaurant
Responsive Layout
1. wireframes
2. psd r1
3. psd r2
4. final presentation – next class. Final Crit.
TODAY:
STYLE <div>
BOX MODEL
Recap:
HTML <tag att=”something”> </tag>
CSS Rules:
Selectors
ID # – used once per doc
Tag – given HTML tag
Class . – used infinite per doc
h1 {
property:value;
property:value;
property:value;
}
#wrapper {
property:value;
property:value;
property:value;
}
<h1>
<div id=”wrapper”>
<p></p>
</div>
HW1.
Wireframe 2 home pages.
then provide the html <div> structure for each (NO CSS)
HW2.
Final Crit on your PSD files for Mobile Responsive web layouts.
Prototype.
Final jpgs in a folder in the server
“mobilefinal”
final specs will be emailed.
HW3.
Research some sample pages like this.
http://tiffanyteetran.com/HireMeBerlin.html
Wireframe yours. (Rough)
#45AD78
#CCC
#CCC
#000000
#000
#FFFFFF
#FFF
R – 0-9, A-F = 255
G – 00
B – 00