ART365

_week : 1 | 2 | 3 | 4 | 5

Week #4


DESIGN FOR THE WWW


webpage: ryanSmithArt.com/courses/2018/art365


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"


also, Kim Hopkins will be stopping by




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:

<div id="about"> About stuff goes here </div>




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.

Note:
- no need to upload your homework this week : )




Next Week:


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