Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Dreamweaver chapter 06


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

Dreamweaver chapter 06

  1. 1. Chapter 6 Managing a Web Server and Files
  2. 2. Chapter 6 Lessons <ul><li>Perform website maintenance. </li></ul><ul><li>Publish a website 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>© 2010 Delmar Cengage Learning
  3. 3. Preparing to Publish a Site <ul><li>Test it regularly </li></ul><ul><li>Use the Link Checker panel to check for broken links and orphaned files </li></ul><ul><li>Verify all pages have titles </li></ul><ul><li>Remove all non-web-safe colors </li></ul>© 2010 Delmar Cengage Learning
  4. 4. Maintaining a Website <ul><li>Use the Assets panel </li></ul><ul><li>Checking links sitewide </li></ul><ul><li>Using site reports </li></ul><ul><li>Validating markup </li></ul><ul><li>Testing pages </li></ul>© 2010 Delmar Cengage Learning
  5. 5. Fig. 1: Reports Dialog Box © 2010 Delmar Cengage Learning Report on list arrow Scope of report choices
  6. 6. Fig. 2: Link Checker Panel Displaying No Broken Links © 2010 Delmar Cengage Learning No broken links listed
  7. 7. Fig. 3: Link Checker Panel Displaying No Orphaned Files © 2010 Delmar Cengage Learning Summary No orphaned files listed
  8. 8. Fig. 4: Assets Panel Displaying Websafe Colors © 2010 Delmar Cengage Learning All colors are web-safe
  9. 9. Fig. 5: Reports Dialog Box with Untitled Documents Option Selected © 2010 Delmar Cengage Learning Report on list arrow Untitled Documents check box Run button
  10. 10. Fig. 7: Reports Dialog Box with Missing Alt Text Option Selected © 2010 Delmar Cengage Learning Missing Alt Text check box
  11. 11. Fig. 8: Site Reports Panel Displaying Missing “Alt” Tags © 2010 Delmar Cengage Learning Line number in code with missing “alt” tag One missing “alt” tag found on one page
  12. 12. Fig. 9: Site Definition for the Striped Umbrella © 2010 Delmar Cengage Learning Design Notes category Maintain Design Notes is checked
  13. 13. Fig. 11: Design Notes Dialog Box © 2010 Delmar Cengage Learning Status list arrow Current date and note added Show when file is opened check box Date icon
  14. 14. Fig. 12: Files Panel with Notes Icon Displayed © 2010 Delmar Cengage Learning Notes icon for activities file
  15. 15. Publishing a Website <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>© 2010 Delmar Cengage Learning
  16. 16. Viewing a Remote Site <ul><li>Remote view from the view list </li></ul><ul><li>If located to an ftp server, Dreamweaver will connect to it </li></ul><ul><li>Connects to remote host button on the files panel </li></ul>© 2010 Delmar Cengage Learning
  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>© 2010 Delmar Cengage Learning
  18. 18. Fig. 15: FTP Settings in Site Definition © 2010 Delmar Cengage Learning Remote Info category selected Password to access remote server Use Secure FTP (SFTP) Location of FTP site Folder on FTP site where site will be published Test button will test the FTP connection User login information
  19. 19. Fig. 17: Synchronize Files Dialog Box © 2010 Delmar Cengage Learning Specifies to synchronize all files in the site
  20. 20. Fig. 19: Local/Network Settings Specified in the Site Definition © 2010 Delmar Cengage Learning Local/Network setting selected Local or network drive and folder where remote site will be published (your folder name should end with your last name)
  21. 21. Fig. 20: Connecting to the Remote Site © 2010 Delmar Cengage Learning Connects to remote host button Remote view selected Expand to show local and remote sites button Remote folder name
  22. 22. Fig. 23: Files that Need to be Uploaded to the Remote Site © 2010 Delmar Cengage Learning
  23. 23. Check Files Out and In <ul><li>Dreamweaver’s collaboration tools allow you to manage a website 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>© 2010 Delmar Cengage Learning
  24. 24. Fig. 24: Check Out File and Check In Buttons on the Files Panel © 2010 Delmar Cengage Learning Check Out File(s) button Check in button
  25. 25. Fig. 25: Enabling Check In/Check Out Feature © 2010 Delmar Cengage Learning Click to enable the Check In/Check Out feature Type your name here Type your email address here
  26. 26. Fig. 26: Files Panel in Local View after Checking Out Café Page © 2010 Delmar Cengage Learning Dependent files have padlock icon Check mark indicates file is checked out Dependent file
  27. 27. Fig. 27: Files Panel after Checking In Café Page © 2010 Delmar Cengage Learning Dependent files are also locked Padlock icon indicates file is read-only and cannot be edited unless it is checked out
  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>© 2010 Delmar Cengage Learning
  29. 29. Cloaking Files <ul><li>Entire folders </li></ul><ul><li>Particular types of files, such as .jpg </li></ul>© 2010 Delmar Cengage Learning
  30. 30. Fig. 29: Assets Folder after Cloaking © 2010 Delmar Cengage Learning Red slashes indicate folder and files in it are cloaked
  31. 31. Fig. 30: Specifying a File Type to Cloak © 2010 Delmar Cengage Learning Specify file type to cloak here
  32. 32. Fig. 31: Assets Folder in Files Panel after Cloaking .gif Files © 2010 Delmar Cengage Learning Assets folder is not cloaked All .gif files are cloaked Dependent files for the café page still show 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 website. Instead, save it to an external file. </li></ul>© 2010 Delmar Cengage Learning
  34. 34. Importing a Site Definition <ul><li>If you want to set up another user with a copy of your website, 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>© 2010 Delmar Cengage Learning
  35. 35. Fig. 33: Import Site Dialog Box © 2010 Delmar Cengage Learning
  36. 36. 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>© 2010 Delmar Cengage Learning
  37. 37. Fig. 35: Striped Umbrella 2 Website Files © 2010 Delmar Cengage Learning
  38. 38. Understanding Intellectual Property <ul><li>Intellectual property is a product resulting from human creativity. It can include inventions, movies, songs, designs, clothing, etc. </li></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Trademark </li></ul></ul>© 2010 Delmar Cengage Learning
  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>© 2010 Delmar Cengage Learning
  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>© 2010 Delmar Cengage Learning
  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: </li></ul>© 2010 Delmar Cengage Learning
  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>websites 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>© 2010 Delmar Cengage Learning
  43. 43. Fig. 36: Library of Congress Home Page © 2010 Delmar Cengage Learning Link to legal information regarding the use of content on the website Library of Congress website –
  44. 44. Fig. 37: Library of Congress Legal Page © 2010 Delmar Cengage Learning Library of Congress website –
  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 website 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>© 2010 Delmar Cengage Learning
  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 website (if applicable), underlined </li></ul><ul><li>URL, in angled brackets </li></ul><ul><li>Date of access, in parentheses </li></ul>© 2010 Delmar Cengage Learning