Unit 10: Testing, Maintenance, and Uploading

1
Unit 10 Testing, Maintenance, and Uploading

• Dreamweaver CS4
• Adobe Authorized Training
• December 2008

2
Unit Topics

• Testing Your Site
• Maintaining Files
• Connecting to a Remote Site
• Synchronizing Files

3
Testing Your Site

• Check accessibility
• Check browser compatibility
• Check that links are not broken
• Check that proper coding specifications have been
  met
• Check spelling

4
Checking Accessibility

• Creates a report detailing conflicts between your
  content and the Section 508 accessibility
  guidelines of the 1998 Rehabilitation Act
• Validate the accessibility of the current
  document, selected files, or the entire site
• File ? Check Page ? Check Accessibility
• Results panel group displays any accessibility
  warnings or errors
• Click More Info to open the Reference panel

5
Checking Links in Your Site

• Broken links are extremely annoying to users
• Dreamweaver fixes links but you still need to
  check them before uploading your pages to the
  server
• Check links in the current document, a folder
  within the site, or the entire site
• Only verifies links to other documents in the
  site
• External links are listed, but not verified

6
Case Sensitive Links

• When checking your links, Dreamweaver checks the
  case of the file name as well as the path name
• Site -gt Manage Sites

7
Current Document

• To check links in the current document
• Save the file
• Choose File ? Check Page ? Check Links
• Report appears in the Link Checker panel in the
  Results panel group
• Broken Links
• External Links
• Orphaned Files

8
Site Check

• To check links in your site
• Choose Site ? Check Links Sitewide

9
Site Check

• Select the folder or files in the Site panel
• Right-click (Windows) or Control-click
  (Macintosh) one of the selected files
• Choose Check Links ? Selected Files/Folders
• Report appears in the Link Checker panel in the
  Results panel group

10
Fixing Broken Links

• Select the file in the Broken Links column. A
  folder icon appears
• Click the folder icon and locate the proper file
  for the link

11
Fixing Broken Links

• If there are other broken references to the same
  file, Dreamweaver asks if you want to fix those

12
Fixing Broken Links

• Also double-click the file from the Files column
  in the Link Checker panel
• Document opens and selects the link or the image
  on the page with the broken reference.
• Fix the link in the Property inspector

13
Checking Browser Compatibility

• Anticipate what browsers your users will have
  based on the purpose of the site and what you
  know about them
• Intranet sites probably have standard browsers
• Make reasonable guesses about your Internet users
• If your site provides news and sells products
  related to web development, you can expect users
  to have up-to-date versions of Internet Explorer
  or Firefox

14
Automatic Browser Check

• On by default
• Each page validated when opened
• Errors found in Results panel
• Browser check button on document toolbar
• Yellow yield sign if errors

15
Settings

• Choose settings option

16
Show All Errors

• Choose Show All Errors
• Double-click error to find location

17
Manual Document Check

• Presented with a report, but your documents are
  not altered
• Run a browser check on a document
• File ? Check Page ? Browser Compatibility

18
Manual Document Check

• Run a target browser check on one document
• Save your page only checks the last saved
  version of the file
• Choose File ? Check Page ? Browser Compatibility

19
Manual Document Check

• Report appears Results panel group
• Shows nature and severity of the problem
• Line where the problem occurred
• Run again to ensure that your fixes have not
  introduced other problems
• Note Not all reported items are problems some
  are just alerts and informational messages.

20
Document Check

• Save Report
• Report is a temporary file and is lost if you
  dont save it
• If you dont see the Results panel, choose Window
  ? Results ? Browser Compatibility

21
Reporting on a Site

• Generate site reports for several HTML items by
  using the Reports command
• Check for nested font tags, missing Alt text,
  untitled documents, etc.
• Save the report as an XML file

22
Reporting on a Site

• Choose Site ? Reports
• Check in the current document, the entire site,
  selected files, or a folder in the site

23
Reporting on a Site

• Checked Out By
• Design Notes
• Combinable Nested Font Tags
• Accessibility
• Missing Alt Text
• Redundant Nested Tags
• Removable Empty Tags
• Untitled Documents

24
Checking Spelling

• Check your spelling in page contents
• Open each page in the site
• Choose Text ? Check Spelling

25
Walkthrough 10-1

• Testing your site

26
Maintaining Files

• Make all file changes using the Files Panel
• Assures links get resolved
• Maintaining files outside of Dreamweaver causes
  broken links

27
Renaming Files

• Select the name in the Files panel. Click again.
  Rectangle appears around the name, indicating
  that it is editable.
• Type new name and press Enter (Windows) or Return
  (Macintosh). Update Files dialog opens, listing
  all the files affected (if any) by the name
  change
• Click Update

28
Moving Files

• Drag the file from the Files panel to the new
  location
• Update Files dialog opens listing the files that
  are affected by the move

29
The Integrated File Browser

• Gives you access to files on your desktop, hard
  drive, or any drive on the local network
• Use as Windows Explorer or the Macintosh Finder
  to move files, delete file, or rename files
• If you drag a file from one site to another or to
  a folder not associated with a site, Dreamweaver
  makes a copy of the file in the new location.
• If you drag a file not associated with a site to
  another location not associated with a site,
  Dreamweaver moves the file

30
The Integrated File Browser

• Use the Files panel
• Click the Sites pop-up menu
• You will see your local hard drive and any
  network drives

31
Walkthrough 10-2

• File maintenance

32
Connecting to a Remote Site

• When files are complete and tested, transfer to
  the live (remote) web server
• Exact folder structure is created on both sites
• If a folder doesnt exist on the remote site,
  its created
• Ensures relative links in your local site
  continue to work on the remote site

33
Adding a Remote Site

• Choose Site ? Manage Sites
• Select the site that needs the remote connection
• Click Edit

34
Adding a Remote Site

• In the Site Definition dialog box, click the
  Advanced tab
• Select Remote Info from the Category list

35
Adding a Remote Site

• Choose the access method for connecting to the
  remote location
• Access methods are
• FTP
• Local/Network
• WebDAV
• RDS

36
FTP Settings

• Used to get files from or put files on a remote
  site
• FTP Settings
• FTP Host
• Host Directory
• Login and Password
• Use Passive FTP
• Use Firewall
• Use Secure FTP (SFTP)
• Automatically upload files to server on save
• Enable file check in and check out

37
Cloaking Files and Folders

• Excludes specific file types and folders from
  operations
• Fireworks or Flash source files not needed on the
  server
• Put, Get, Check In, and Check Out
• Reports
• Synchronize
• Displaying in the Assets panel
• Template and Library updating
• Site wide operations such as link checking and
  find and replace
• Select newer local and newer remote
• Files remain in your local site and are not
  uploaded to the server unless you manually
  override the cloaked settings

38
Cloaking Specific File Types

• Indicate specific file types to cloak by using
  the file extension or any pattern at the end of
  the filename.
• To cloak file types
• From the Files panel Options menu, choose Site ?
  Cloaking ? Settings.
• Select Cloak files Ending With and enter the file
  types, separated with one space

39
Cloaking Specific File Types

• Red line appears through affected files in the
  Site panel

40
Cloaking Specific File Types

• To cloak a file or folder
• Select it and then choose Site ? Cloaking ? Cloak
• To uncloak a file or folder
• Select it, and then choose Site ? Cloaking ?
  Uncloak
• Right-click (Windows) or Control-click
  (Macintosh) the file or folder and choose the
  command from the context menu

41
Uploading Files

• View both the local and remote sites
  simultaneously, click Expand/Collapse

42
Connect to the Server

• To see the files on the remote site click Connect
• Remote site on the left and the Local site on the
  right

43
Put vs. Check-In

• Copy files from the local site to the remote
  site
• Put for 1 person team
• Check in for a team that uses Check In/Check Out
  feature
• If no connection, Dreamweaver connects to the
  remote site and then copies the files

44
Dependent Files

• Each HTML page may contain many resources may
  need to upload new images or included resources
• Dependent files dialog
• If the files already exist on the remote site,
  click No
• If not, or you are not sure, click Yes

45
Finding Newer Files

• Manually find files that are newer on the local
  or remote site
• Get or put those files to synchronize your site

46
Select Newer Local Files

• Edit ? Select Newer Local from the Files panels
  Options menu
• Newer local files are selected in the Files panel
  
• Put them to the Remote site

47
Select Newer Remote Files

• Check which files are newer on the remote site
• Edit ? Select Newer Remote
• Newer local files are selected in the Files panel
  
• Put them to the Remote site

48
Walkthrough 10-3

• Connecting to a remote site

49
Synchronizing Files

• To synchronize your files
• Select the files or folder to synchronize
• Right-click (Windows) or Control-click
  (Macintosh) a file or folder and choose
  Synchronize

50
Synchronizing Files

• Choose to synchronize selected folders or the
  entire site from the Synchronize pop-up menu
• Choose the option you want from the Direction
  pop-up menu.
• Put newer files to remote
• Get newer files from remote
• Get and Put newer files
• Click Preview to begin the process

51
Synchronizing Files

• Synchronization report displayed
• Choose to update all the files, or deselect files
  from the list
• When you click OK, all selected files are
  updated.

52
Walkthrough 10-4

• Synchronizing Sites

53
Unit Summary

• You should always check your site before
  uploading to the server.
• Check to ensure your site is compliant with
  accessibility guidelines
• Check to be sure that your site will work on your
  intended audiences browsers.
• Make sure that all links are still functional
  before uploading.
• Check spelling on your documents.

54
Unit Summary

• Be sure to use Dreamweavers Files panel for all
  your file maintenance chores so that your links
  will always resolve.
• You can use FTP and local network, among other
  methods, to upload files.
• You only need to upload files that have changed
  by using the Synchronize feature.