Art 301TR / Week 2A
Notes from Class
Email Blast Crit:
1. Get user to click!
2. Call to action – buy, read more, visit
3. Copywriting – tag lines, slogans, key message
4. Hierarchy – Contrast
- a. value – light vs dark
- b. scale – small vs big
- c. depth – foreground vs background
- d. space – positive vs negative
WEB SAFE TYPE:
9-15 fonts that are installed on both operating systems.
In Class Exercises:
Structure of HTML
TEXT <h1> <p>
LINKS <a href=>
LISTS <ol> ordered list <ul> unordered lists <li> list item
LINE BREAKS <br/> <hr/>
STRONG + EMPHASIS <strong> <em>
BLOCKLEVEL ELEMENT
VS
INLINE LEVEL ELEMENT
<head> brains of the page.
It tells the browser with the content.
<a href=”pathofthefile”>content</a>
HOMEWORK:
HTML Ex.1
Create 5 HTML Pages with below categories
WEBSITE ABOUT MY FIRST PET
1. Home
2. About
3. Breed
4. Photos
5. Videos
Use all HTML tags learned today
<h1> thru <h6>
<p>
<br/>
<hr/>
<ol>
<ul> – use as navigation
<li>
<em>
<strong>
Make sure to save your files in one root folder.
Index is the only html document in the root.
Then create subfolders for about, breed, photos, videos.
regular link
<a href=”path.html”>content</a>
child folder
<a href=”folder/file.html”>content</a>
parent folder
<a href=”../file.html”>content</a>
parent folder to another child folder
<a href=”../folder/file.html”>content</a>