ART365

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

Week #6


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"


examples :

A.S.M.R.
CHERNOBYL
ALPACAS





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">





Class work:

*Close Dreamweaver.
Then MAKE SURE YOU HAVE YOUR WORK IN A "WWW" FOLDER ON YOUR DESKTOP


*CHECK HOMEWORK*




Rollover images



"How the web works"





*Uploading*



As of July 2016:

"Tiger(.towson.edu) is being replaced by tigerweb

Tigerweb supports html
(that includes CSS, Javascript, etc.)
and is reachable via smb, just like tiger.
Wp is a wordpress-based website."

You can have an account on both tigerweb and wp (WP is replacing Pages).

So, the webpage you go to for more information is:
https://tigerweb.towson.edu/

* You can connect to the server using this website.

Example : https://tigerweb.towson.edu/rtsmith

After activating your site, your URL should look something like this:
https://tigerweb.towson.edu/UserName



If you have trouble, you can try contacting Richard Thomas:
"Digital Lab Manager, OTS Liaison"
rthomas@towson.edu
410-704-5429



*USING DREAMWEAVER*

- choose "site"
then
- "Manage Sites..."

Set up your "Local" (towson) directory:

Site Name: Towson
Site Folder: [the www folder on your desktop]



Set up your "Remote" server.
dreamweaver

Open the "Files Window"

Click on the icon to expand the window:
" to view Local & Remote sites "





Click on the icon to connect to your server:
- it looks something like a 2 pronged plug...

Then drag files, directories, images, etc. to the remote server space.

Finally, check your work at:

https://tigerweb.towson.edu/yourUserName




Adding Video:



Ira Glass on Storytelling
from David Shiyang Liu on Vimeo.


<iframe src="//player.vimeo.com/video/24715531" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>



<iframe width="560" height="315" src="https://www.youtube.com/embed/1M2OkT_I6LM" frameborder="0" allowfullscreen>
</iframe>








Homework :


"project_a" is due next class.





Next Week:



"project_a" is due next class.