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