Unit 10: Testing, Maintenance, and Uploading - PowerPoint PPT Presentation

Loading...

PPT – Unit 10: Testing, Maintenance, and Uploading PowerPoint presentation | free to view - id: 49552-ZDc1Z



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Unit 10: Testing, Maintenance, and Uploading

Description:

Check for nested font tags, missing Alt text, untitled documents, etc. ... Login and Password. Use Passive FTP. Use Firewall. Use Secure FTP (SFTP) ... – PowerPoint PPT presentation

Number of Views:25
Avg rating:3.0/5.0
Slides: 55
Provided by: eric385
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: 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.
About PowerShow.com