E N D
Slide 1:Agenda Week 6, Day 1
Debrief from Robohelp Transition to Dreamweaver Explore assignment Revisit HTML tutorial Dreamweaver tutorial
Slide 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?
Slide 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 Operation>upload The up arrow on the toolbar
Slide 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
Slide 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?
Slide 6:Setting up the website
Locally, create space for Websites in general The current website The websites 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.
Slide 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.
Slide 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 (Site>NewSite). This will ensure that you know how this works.
Slide 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
Slide 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