ART 301 Week 3 – Friday Class
1. FTP – permissions were given in class.
2. File Naming RULES!!!!!!!!!
a. lowercase (no caps)
b. no spaces (use _ or -)
c. no special characters
d. always have a file extension (.jpg .html etc)
3.attributes
ATTRIBUTES:
Everything we have been making so far uses HTML attributes rather than CSS.
Some attributes we can utilize:
3. Alignment attributes within the element:
<td valgin=”top”>
<td align=”right”>
<td text-align=”right”>
4. basically add any visual style
style=
certain properties:
style=”property:value; property:value; property:value;”
5. you can change background colors or have background images
<table bgcolor=”#00FF34″>
<table background=”images/background.jpg”>
4. extra credit send me both email campaigns via Mail Chimp by Wednesday @ 8am.
5.
a. 3 mobile websites that are awesome
b. What is “mobile first”? What do you think are advantages and disadvantages to mobile (responsive) websites?
c. 3 wireframes of your mobile version of your client site.
e. dimensions of wireframe.
320 wide x 568 height (but is variable)
72 dpi RGB
keep similar nav and categories of old site if possible.
CSS
HTML <tag> – defines what the content is.
CSS #rule – defines what the content should look like.
selector { property:value;
property:value;
property:value;
}
selectors:
tag vs ID vs Class
ID – once
#navbar {property:value;}
CLASS – many
.redtype {property:value;}
TAG
h1 {property:value;}
+++++++++++++++++++++++++++
3 places you write CSS.
inline > embedded > attached
Inline:
<p style=”color:red;”>
Embedded:
in the <head> tag
Attached:
A file reference .css
BLOCK LEVEL VS INLINE LEVEL
HW Exercise:
Write 3 pages that link to one another.
Write 8 different css rules for each page.
Must contain 2 IDs and 2 Classes on each page.
Content and images are up to you.
Style your links! play with <div>
Upload by beginning of class.