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.htmlhttp://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 – Uwick’s Secure FTP –Logging on – your UWNetID and password –Identifying the web directory –Uploading files – “Operation>upload” 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 website’s assets (images, animations,etc) Within Dreamweaver –Site>NewSite –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 –Site>NewSite –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 “Site>New 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 website’s folder (or sites folder) –Redefining site in Dreamweaver (Site>NewSite). 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 we’ve been –Creating pages with HTML –Creating sites and sites with Dreamweaver Where we’re going –Dreamweaver tutorial on using Tables –Dreamweaver tutorial on using ImageMaps –Creating a multi-page site from scratch –Questions/Concerns… –Time for teamwork