art365 : design_for_the_WWW


webpage:
ryanSmithArt.com/courses/fall2020


SYLLABUS:
syllabusFall2020.pdf


DESIGN FOR THE WWW
ART 365
FALL 2020

TOWSON UNIVERSITY
Tuesdays
mostly at home or CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu




DATES:
Today Please email a work in progress: "Project #1"

Week#5

Tuesday, September 22





PLEASE REVIEW:
HTML: basics & hyperlinks

here's my notes: HTML HYPERLINKS

PLEASE REVIEW:
CSS: HOW TO & hyperlinks

here's my notes:
CSS STYLES
CHANGING HYPERLINK COLOR

Here's something new:



- You can try using the Actions Window in Photoshop to record what you do.
- After recording any image size changes, you can replay them...
- Then you can go to: File, Automate, Batch...
- You can apply these actions to a folder filled with images files
- And, save yourself hours of time, by not having to reopen, resize, rename, and re-save all your images

Here's a project I put together:

https://ryansmithart.com/courses/2020/proj_2_ryan_smith/index.html

You can download my .zip file
https://ryansmithart.com/courses/2020/proj_2_ryan_smith.zip
- Look at my code, open up the .css page
- And, see how I've organized my local files.

This week, I would like you to start playing around with your .css code.
*Double check your hyperlinks, make sure you are not linking to URL addresses starting with:
file:///C:/Users/
or
file:///Users/Desktop/...
instead you want to link directly to: art.html
or
a .html page that's in the same folder.

*Make sure that all your pages have titles, and don't say "Untitled Document"

Try changing the colors of your hyperlinks, add a hover effect or 2




helpful links:

CSS OPACITY AND TRANSPARENCY

CSS Class and ID

CSS Navigation

Try it yourself



HOMEWORK:


Continue your 1st project:
"Project #1"

*Note: Always put all of your images, HTML pages, and CSS in 1 folder

Please email me with any questions: rtsmith@towson.edu









updated 2020
© ryanSmith