It seems like just yesterday that the web was a new commodity. Remember when you first started "surfing" the Internet?
Now, students go to the web as their first source of information.
There are many design considerations in building a web site (a collection of web pages that are linked together). The intended audience, the appropriate style for the product or service, the color palette, and navigation are just a few items on that list.
Complicating this is the fact that everyone has a different monitor, there are different sizes of monitors available, resolution settings are not standardized, there are different browsers that can be used to view the site, and the end user can change the default type used by the browser.
With all of these variables, it is amazing that we are able to create anything that works.
On that subject there are a few approaches to creating the pages. "Old School" methods employ tables, frames, and html.
More contemporary methods involve CSS (cascading style sheet) and data-driven web pages.
The web 2 movement has been around for a while, and the look of pages has changed considerably. Along with this is the desire to collaborate on the net.
It is exciting to see this rapidly changing communication technology and even more exciting to try to keep up with the rate of change.
Welcome to the seminar, and I hope it proves to be of some informational value to you.
Craig Polanowski, program lead
Handout Links
agenda
Class List
File Naming Conventions (pdf)
Slicing photos with Fireworks (pdf)
Exercises
CSS exercise : Use Photoshop to adjust your informal portrait for the web. Establish the ftp connection and download your folder. Modify your biography page and post it along with the adjusted photo. Create an email link on your biography page.
CSS exercise : We will build a page using relative positioning and em sizing for as much as possible. Click this link for an example. You can right-click the link to download the page. Right-click this link to download the external style sheet that defines the appearance of the page. Both files can be opened in Dreamweaver, and if necessary, you can link the stylesheet to the page. Post this page to the web and make a link to your biopage
NYC? I will provide you with a selection of images that are too large for the web. They came directly from my little digital camer, but need to be adjusted. Create a three page web site about NYC for the tourist board. Post this on the web so we all can see what you made.
Text
Dreamweaver CS3 for Windows and Macintosh: Visual QuickStart Guide , Negrino and Smith. May 30, 2007 , Peachpit Press.
ISBN: 0321503023
Macromedia Dreamweaver 8 for Windows and Macintosh: Visual QuickStart Guide, Negrino and Smith. Dec 16, 2005,Peachpit Press.
ISBN: 0321350278
Web Resources
a Google search found 1,920,000 entries for "Dreamweaver tutorials".
Here are a few to get you started:
http://www.adobe.com/support/dreamweaver/tutorial_index.html
http://www.entheosweb.com/dreamweaver/default.asp
http://www.cbtcafe.com/dreamweaver/
http://www.killersites.com/dreamweaver/
http://movielibrary.lynda.com/html/modListing.asp?pid=270
del.cio.us - social bookmarking