ART365

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

Week #5


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"


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

*Add a link
from your personal webpage to your "project _a" site.


*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.