_week : 1 | 2 | 3 | 4 | 5 | 6

Week #5

DESIGN FOR THE WWW
ART 365 - 002
SPRING 2019
Tuesday, 2:00pm - 5:50pm
CA 4030
Instructor : Ryan Smith

webpage: ryanSmithArt.com/courses/2019

---

Talk about:
your class web page

If you haven't already...
add link from your class web page, to your .pdf file (that you did for homework)

"project_a"

REVIEW

**External Style Sheets
<link href="365.css" rel="stylesheet" type="text/css" >

<a href="name_of_page.html"> Link to a webpage </a>


div tags:
<div id="name">

---

*CHECK HOMEWORK*

---

CSS

View image gallery

open "image_gallery.zip" (about 1MB)

Open up Photoshop:

review file formats: . jpg, gif, png, pdf, txt, html

Using the "Actions" window
*FILE > AUTOMATE > BATCH



*CSS Opacity

styling links

---

More CSS

Google fonts
why not use "daFont.com" ?

ID vs. Classes
* htmldog.com


* CSS styles can be applied to general page elements, CSS Classes, and specific items:

img { border: solid #000 10px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span>

#about { background-color: #ccc; }
This rule applies to just the specific element that has an ID value of about:

---

Homework :


Keep working on "project_a"

"Work in progress" w/CSS is due next class.

- This means that (next week) you should have a "rough draft" of your website.
- Please have your images, CSS, and HTML pages neatly saved in one directory (proj_a).
- All html pages should be properly linked.
- "Lorem Ipsum" text is alright for now.

- no need to upload your homework this week : )

---

Next Week:

- Uploading to a server
*Continue working on 1st project