Dreamweaver Ch06


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Dreamweaver Ch06

  1. 1. Adobe Dreamweaver CS3 Revealed CHAPTER SIX: MANAGING A WEB SERVER AND FILES
  2. 2. Chapter 6 Lessons <ul><li>Perform Web site maintenance </li></ul><ul><li>Publish a Web site and transfer files </li></ul><ul><li>Check files out and in </li></ul><ul><li>Cloak files </li></ul><ul><li>Import and export a site definition </li></ul><ul><li>Evaluate Web content for legal use </li></ul>
  3. 3. Perform Web Site Maintenance <ul><li>Broken links (Link Checker) </li></ul><ul><li>Orphaned files (Link Checker) </li></ul><ul><li>Unused images (Assets panel) </li></ul><ul><li>Websafe colors (Assets panel) </li></ul>
  4. 4. Perform Web Site Maintenance <ul><li>Untitled documents (Reports) </li></ul><ul><li>Alternative text (Reports) </li></ul><ul><li>Navigational structure (site map) </li></ul><ul><li>Validating markup </li></ul><ul><li>Testing pages on a variety of environments </li></ul>
  5. 5. Fig. 1: Reports Dialog Box Scope of report choices Report on list arrow
  6. 6. Fig. 2: Link Checker Panel Displaying No Broken Links No broken links
  7. 7. Fig. 3: Link Checker Panel Displaying No Broken Links No orphaned files listed Summary
  8. 8. Fig. 4: Assets Panel Displaying Websafe Colors Both colors are Websafe Colors button
  9. 9. Fig. 5: Reports Dialog Box with Untitled Documents Option Selected Untitled Documents check box Report on list arrow
  10. 10. Fig. 6: Reports Dialog Box with Missing Alt Text Option Selected Missing Alt Text check box checked
  11. 11. Fig. 7: Site Reports Panel Displaying Missing “Alt” Tags Line of code that contains image Two missing “alt” tags found on one page
  12. 12. Fig. 8: Site Definition for the Striped Umbrella Maintain design notes is checked Design notes category
  13. 13. Fig. 10: Design Notes Dialog Box Status list arrow Current date and note added Show when file is opened checkbox
  14. 14. Fig. 11: Files Panel with Notes Icon Displayed Notes icon for activities file
  15. 15. Fig. 11: Files Panel with Notes Icon Displayed Notes icon for activities file
  16. 16. Publishing a Web Site <ul><li>Defining a Remote Site </li></ul><ul><ul><li>Before publishing a site to a Web server, you must first define the remote site by specifying the Remote Info settings in the Advanced section of the Site Definition dialog box </li></ul></ul><ul><ul><li>You must first choose an Access setting, which specifies the type of server you will use (ex: FTP) </li></ul></ul>
  17. 17. Transferring Files to and from a Remote Site <ul><li>Uploading Files </li></ul><ul><li>Downloading Files </li></ul><ul><li>Synchronizing Files </li></ul>
  18. 18. Fig. 17: FTP Settings in Site Definition Remote info category selected Type username here Type password here Type folder where web site files will be stored on FTP site here Type address of FTP server here
  19. 19. Fig. 18: Local/Network Settings Local or network drive where remote site will be published Local/network setting selected
  20. 20. Fig. 19: Connecting to the Remote Site Connects to remote host button Remote view selected Remote folder name
  21. 21. Fig. 21: Synchronize Files Dialog Box
  22. 22. Fig. 22: Files Need to Be Uploaded
  23. 23. Check Files Out and In <ul><li>Dreamweaver’s collaboration tools allow you to manage a web site with a team </li></ul><ul><li>Check In/Check Out feature ensures that team members can not overwrite each other’s pages </li></ul><ul><li>You must first enable this feature. Then only one person can work on a file at a time </li></ul>
  24. 24. Fig. 23: Check Out File and Check In Buttons on the Files Panel Check out file(s) button Check in button
  25. 25. Fig. 24: Enabling Check In/Check Out Feature Click to enable check in and check out feature Type your name here Type your e-mail address here
  26. 26. Fig. 25: Files Panel in Local View after Checking Out Café Page Check mark indicates file is checked out Dependent file
  27. 27. Fig. 26: Files Panel after Checking In Café Page Padlock icon indicates file is read-only and cannot be edited unless it is checked out Dependent file also locked
  28. 28. Understanding Cloaking Files <ul><li>You can exclude files by cloaking them, which marks them for exclusion from several commands </li></ul><ul><ul><li>Put </li></ul></ul><ul><ul><li>Get </li></ul></ul><ul><ul><li>Synchronize </li></ul></ul><ul><ul><li>Check In and Check Out </li></ul></ul><ul><li>Cloaked files are also excluded from site-wide operations, such as checking for links or updating a template or library item </li></ul>
  29. 29. Cloaking Files <ul><li>Entire folders </li></ul><ul><li>Particular types of files, such as .swf </li></ul>
  30. 30. Fig. 28: Assets Folder after Cloaking Red slashes indicate folder is cloaked
  31. 31. Fig. 29: Specifying a File Type to Cloak
  32. 32. Fig. 30: Assets Folder in Files Panel after Cloaking .gif Files Assets folder is not cloaked All .gif files are cloaked Dependent file for the café page still shows padlock icon
  33. 33. Exporting a Site Definition <ul><li>You can use the Export command to export the site definition file to another location </li></ul><ul><li>Site definition file contains password information. Never save it in the Web site. Instead, save it to an external file. </li></ul>
  34. 34. Importing a Site Definition <ul><li>If you want to set up another user with a copy of your Web site, you can import the site definition file </li></ul><ul><li>Click Import in the Manage Sites dialog box to open the Import Site dialog box, navigate to the .ste file you want to import, then click Open </li></ul>
  35. 35. Fig. 31: Saving the Striped Umbrella.ste File in the su_site_definition Folder
  36. 36. Fig. 32: Import Site Dialog Box
  37. 37. Fig. 33: Site Definition for the Striped Umbrella 2 Web Site Name of imported site
  38. 38. Evaluate Web Content for Legal Use <ul><li>Intellectual property </li></ul><ul><li>Copyright law </li></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Trademark </li></ul></ul>
  39. 39. What the Copyright Owner Owns <ul><li>reproduction (including downloading) </li></ul><ul><li>creation of derivative works (for example, a movie version of a book) </li></ul><ul><li>distribution to the public </li></ul><ul><li>public performance </li></ul><ul><li>public display </li></ul><ul><li>public performance by digital audio transmission of sound recordings </li></ul>
  40. 40. Understanding Fair Use <ul><li>Fair use allows limited used of copyright-protected work. It depends on: </li></ul><ul><ul><li>the purpose of its use </li></ul></ul><ul><ul><li>the nature of the copyrighted work </li></ul></ul><ul><ul><li>how much you want to copy </li></ul></ul><ul><ul><li>the effect on the market or value of the work </li></ul></ul>
  41. 41. How Do I Use Work Properly? <ul><li>You can obtain permission, pay a fee, use work that does not have copyright protection </li></ul><ul><li>You can use work that has a flexible copyright license, where the owner has given the public permission to use the work in certain ways </li></ul><ul><li>Public domain: work that is no longer protected by copyright </li></ul><ul><li>Open-access licensing: www.creativecommons.org </li></ul>
  42. 42. License Agreements <ul><li>A licensing agreement is the permission given by a copyright holder that conveys the right to use the copyright holder’s work under certain conditions </li></ul><ul><li>Web sites have rules that govern how a user may use its text and media, known as terms of use </li></ul><ul><li>The burden is on you to research the veracity of anyone claiming you can use work </li></ul>
  43. 43. Fig. 35: Library of Congress Home Page Link to legal information regarding the use of content on the web site
  44. 44. Fig. 36: Library of Congress Legal Page
  45. 45. Obtaining Permission or License <ul><li>The permissions process is specific to what you want to use and how you want to use it </li></ul><ul><ul><li>Your full name, address, and complete contact information </li></ul></ul><ul><ul><li>A specific description of your intended use. Sometimes including a sketch, storyboard, or link to a Web site is helpful </li></ul></ul><ul><ul><li>A signature line for the copyright holder </li></ul></ul><ul><ul><li>A target date when you would like the copyright holder to respond. This can be important if you’re working under deadline. </li></ul></ul>
  46. 46. References: Web Based Resources <ul><li>Author’s name (if known) </li></ul><ul><li>Date of publication or last revision (if known), in parentheses </li></ul><ul><li>Title of document </li></ul><ul><li>Title of complete work or Web site (if applicable), underlined </li></ul><ul><li>URL, in angled brackets </li></ul><ul><li>Date of access, in parentheses </li></ul>