Agenda

1
Agenda Week 6, Day 1

• Debrief from Robohelp
• Transition to Dreamweaver
• Explore assignment
• Revisit HTML tutorial
• Dreamweaver tutorial

2
Debriefing from RoboHelp

• Form a group of 2-3 other students.
• In your groups
• Share your solutions
• Prepare thoughts on the following
• What challenges did you encounter?
• What models were used to organize the
  information?
• How would you decide which is the best
  organization?

3
In preparation

• Activating Web Publishing
• http//www.washington.edu/computing/web/publishing
  /students.html
• What is it doing?
• Providing you with a directory/folder that is
  accessible to the Internet. Any files you put
  into the folder can be accessed via a URL.
• Transferring files to your Web Publishing space
• The program Uwicks Secure FTP
• Logging on your UWNetID and password
• Identifying the web directory
• Uploading files
• Operationgtupload
• The up arrow on the toolbar

4
What is a website.

• Definition
• A website is a collection of html pages that
  contain references to each other, and the images,
  movies, animations, etc. referred to by the
  pages.
• A website can exist
• Locally and Remotely
• On a machine you work on directly or one you
  connect to via FTP
• Accessible or Inaccessible to the Internet
• Although for external parties to see the pages,
  they much ultimately reside on a machine
  connected to the Internet

5
Planning a website

• Planning a website consists of determining the
  number of pages and the relationships among those
  pages.
• Why do you think it might be valuable to plan the
  website before starting work with a tool like
  Dreamweaver?

6
Setting up the website

• Locally, create space for
• Websites in general
• The current website
• The websites assets (images, animations,etc)
• Within Dreamweaver
• SitegtNewSite
• Point to current location for local website

• Locally, create
• A folder called Sites within your trinity acct
• A TC-Topics-Web folder within Sites
• An Assets folder within the TC-Topics-Web
  folder
• Within Dreamweaver
• SitegtNewSite
• Point to TC-Topics-Web

Note You will not need to set up the website
remotely. When you initially upload the entire
website directory to your xxx_html directory,
this step will serve as the set up.
7
Hint Returning to Dreamweaver

• Problem
• If you log off then log back on, Dreamweaver will
  not remember your site
• Remedy
• Use SitegtNew Site to point Dreamweaver back to
  your site.

8
Additional Hints!

• File references in HTML are case sensitive
• If a link/URL is not working, check that you have
  the right combination of upper and lowercase
  letters!
• Test (publish) early and often
• Be successful early
• Extend your successes
• Practice moving your site to another location
• Move the websites folder (or sites folder)
• Redefining site in Dreamweaver (SitegtNewSite).
• This will ensure that you know how this works.

9
The rest of the tutorial

• Getting familiar with Dreamweaver
• Update the site with simple edits
• Publish the TC-Topics-Web website
• Extend site with a third page, and publish

10
Wrap - up

• Where weve been
• Creating pages with HTML
• Creating sites and sites with Dreamweaver
• Where were going
• Dreamweaver tutorial on using Tables
• Dreamweaver tutorial on using ImageMaps
• Creating a multi-page site from scratch
• Questions/Concerns
• Time for teamwork