_design_for_the_WWW
_week: 1 . 2 . 3 . 4 . 5 . 6 . 7 . 8 . 9 .





TOWSON: FALL 2017

last week :
- Project #1 should have been completed


- This week: uploading

week7



* Talk about " "PROJECT #2" "


examples :

A.S.M.R.
CHERNOBYL
ALPACAS

For homework last week...
- idea for "Project #2",
- write a paragraph or 2 about it
- save it as a .pdf file.
- add link from your class web page, to your .pdf file

examples :
tigerweb.towson.edu/aschec9
https://tigerweb.towson.edu/dcrame2/




Class work:

*MAKE SURE YOU HAVE YOUR WORK IN A "WWW" FOLDER ON YOUR DESKTOP

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



"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 this icon to expand the window: DW
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>



GIF Animations?




homework


* Keep working on "Project #2"

**hold on to site structure and wire frames
- start designing and building an informative website based on your research.