Week #5
DESIGN FOR THE WWW
ART 365
fall 2018
webpage: ryanSmithArt.com/courses/fall2018/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"
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.
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 :
Finish "project_a"
due next class.
- This means that (next week) you should have your website finished & uploaded
- Please have your images, CSS, and HTML pages neatly saved in one directory (proj_a).
- All html pages should be properly linked.
- your 1st page should be saved as index.html
Next Week:
"Project A" is due
October 2, 2018
Time:
at the beginning of your Art365 class