Week 1

9:30am - 10:15

look at syllabus

10:15 - 10:30am

talk about what we should do next week:
*Uploading to a server
CSS, web design

10:30 - 11:30am (HTML)

*File management
(Create a "Towson" folder, put a "466" folder in that folder, save your "index.html" page in the 466 folder)

plain text (TextEdit)

Doctype declarations

htmldog.com/guides/htmladvanced/declarations

what's the difference between HTML & XHTML

<html> Basic XHTML
<br /> Line Break
<h1> Headings
<img src="image.jpg" /> Inserting an image
<strong> Bold text
<ul> Unordered List
<a href="http://www.website.com"> Link to a webpage
<........ target="_blank">
<p> Paragraphs

11:30am - 11:45 (BREAK)
11:45 - 12:45
Work Time (Try to finish Homework)

12:45-1:20 (Open up Dreamweaver & upload 466 folder)

Site > Manage Sites > New > "Advanced"

Local info:
Site Name: Your Name Art 466
Local root folder: .../Desktop/towson

Server:
-click on the + sign

Host: TU Server (this is case sensitive, so use a capital T, U, & S)
-select sFTP in the drop-down section
port: 22
sftp address: tiger.towson.edu
type in your username & password (it should be the same as the one you use for your email at Towson)
-click "Test" to see if you can connect "Successfully"

-once you've connected successfully, you can close all those windows.
-open the "Files" Window
- you should see the local files in your "towson" folder
-click on the icon in the top right of the window, to "expand to show local and remote sites"
-click on the plug icon up at the top of the window to "connect to remote host"
-you should see a "www" folder on the remote (left) side
-drag the "466" folder on the local (right) side into the "www" folder
-you might want to delete any large, unneeded files, such as .psd files, that aren't included in the site

Test your webpages: http://tiger.towson.edu/~username/466/index.html

Homework
1)
Make a web page that looks like this (view page source)
DO NOT add any CSS, or color, or fonts, or anything in the background.
USE: Basic XHTML, Line Breaks, Headings, your name, an image of your face, Bold text, an Unordered List, Links to other web pages, and a paragraph about yourself.
You can also talk about what you want (or don't want) to learn this semester.

2)
Have a link from this page to another webpage that you designed (prior to this semester).
You will be presenting your work next week.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ryan Smith's website</title>
</head>

<body>
<h1>Ryan Smith</h1>
Baltimore, MD <br />
<img src="me.jpg" /> 
<br />
<strong>Concentrations:</strong>
<br />
Photographic & Electronic Media (MICA) MFA
<br />
Digital Art (MICA) MA
<br />
Graphic Design (Towson) BS
<h2>Projects:</h2>
<ul>
<li><a href="project_a/index.html" target="_blank">Project A</a></li>
<li><a href="project_b/index.html" target="_blank">Project B</a></li>
<li><a href="project_c/index.html" target="_blank">Project C</a></li>
<li><a href="project_d/index.html" target="_blank">Project D</a></li>
</ul>
<h3>About Me:</h3>
<p>
<strong>Ryan Smith is a multimedia artist from Baltimore, Maryland. </strong><br />
After receiving his undergraduate degree in Graphic Design from Towson University, he attended the Maryland Institute College of Art (MICA) to earn an MFA in Photographic & Electronic Media, an MA in Digital Art, a teaching certificate, and was awarded the Murthy Digital Arts Grant.
</p>
<p>During his time at MICA, from 2007–2009, he taught a number of graduate level workshops on web design and different types of computer software. For four semesters, he assisted in teaching the course Electronic Media & Culture. And, in 2008 he was the assistant to the Director of Graduate Photography.
</p>
<p>Smith is currently an adjunct professor. He teaches Foundations and Digital Art +Design related courses at Towson University, and Interactive Media classes at University of Maryland Baltimore County.
</p>
<h3>Other websites I like:</h3>
<a href="http://ryansmithart.com" target="_blank">Ryan Smith Art</a> |
<a href="http://www.w3schools.com/" target="_blank">w3schools.com</a> |
<a href="http://www.aliflailasitar.com/news.html" target="_blank">alifLailaSitar.com</a> |
<a href="http://www.workly.com/prints/draws/instructions.html" target="_blank">Neal McDonald's Stuff </a>
</body>
</html>

art466 (design_for_the_WWW_II)

Week 1