M1 Welcome! And Let's Get Right into Web Design …Student Outcomes:
|
Recap: Web design is broken into three main areas: content, structure, and behavior.
- Content is everything that a visitor sees in the main areas of a site such as text and images
- Structure is the arrangement of the content.
- Behavior is the interactivity of a site such as animations, roll overs, checking a form
<!doctype html>
<html> <head> <title></title> </head> <body> <p>content</p> </body> </html> |
Tags covered in this module
<strong></strong>
<em></em> <h1>...<h6> <p></p> <img src=""/> |
Commenting out code
<!-- --Information not displayed------- --> <a href="">Copy people see</a> |
<hr/>
<br/> |
Activities
- Ice breaker
- Brief review of Photoshop & Illustrator
- Make our first HTML page
- Research on topic for final project
Assignments:
- Assignment 1.1: Collect Information for your personal page
- Three or four paragraphs for an About Me page
- Approximately five links to something fun you'd like to do in San Francisco (place to eat or visit, things to do)
- 12 photographs of your choice (preferably taken by you, or samples of your art works, drawings etc. etc.)
- 4-5 quotes you like
- Assignment 1.2: Make a introduction website including two links that link to an external website. (Done in class)
Discussion
- Topic 1.1: What is your favorite website, and why?