art365 : design_for_the_WWW

week:   1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |

webpage:
ryanSmithArt.com/courses/2020


SYLLABUS:
syllabus2020.pdf


DESIGN FOR THE WWW
ART 365
SPRING 2020

TOWSON UNIVERSITY
Tuesdays
CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu





Week#12





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:

ANSWER THE FOLLOWING QUESTIONS:
https://ryansmithart.com/courses/2020/week12.pdf

KEEP WORKING ON "ARTIST WEBSITE": "project#2"

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














updated 2020
© ryanSmith