MyGraphicsLab: Dreamweaver CS6 - DW10 Presentation

Copyright © 2013 MyGraphicsLab / Pearson Education

SITE TESTING

MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6


TESTING PAGES IN LIVE VIEW

Simulates browser display Dynamic applications function Ctrl/Command-click to test hyperlinks Preview and test pages live on the Internet


TESTING PAGES IN LIVE CODE

Works in conjunction with Live View Updates code as you interact with page Displays code as it would appear in browser


TESTING PAGES IN INSPECT MODE

Combines Live View and Live Code Dynamic display of CSS styling for page elements Color display of CSS box model Highlights relevant code affecting page elements


FREEZE JAVASCRIPT

Freezes dynamic elements in state for testing Freeze JavaScript to troubleshoot CSS errors Use for troubleshooting JavaScript errors


CODE NAVIGATOR

Displays CSS relevant to selected element Orders rules by specificity Click to edit rule Available in all document states


CHECK PAGES IN MULTISCREEN PREVIEW

Provides three preview windows: Screen, Tablet, and Phone User-definable screen sizes Not intended to preview dynamic media (video, audio, etc.)


PREVIEW PAGES IN A BROWSER

Loads open document in selected browser Automatically includes installed standard browsers (Firefox, Safari, IE, etc.) Add new/updated browsers manually


CONFIGURE BROWSER PREVIEW

Add new browsers Remove old browsers Assign Primary/

Secondary status


PREVIEW PAGES IN BROWSERLAB

Preview pages in multiple browsers and versions Preview for Mac and Windows Use it in Dreamweaver or live on the Internet


SPELL-CHECK FOR TYPOGRAPHIC ERRORS

Checks content for typos Does not check for misused words or homonyms Creates custom user dictionary


CHECK FOR BROKEN LINKS

Out-of-date links Links to deleted files Check the page or the entire site


CHECK FOR EXTERNAL LINKS

External links are not checked for validity Manually test external links List external links per page or by entire site


CHECK FOR ORPHANED FILES

Orphaned files: Site files no longer being used Wasting space online/may cost money Check page or entire site


VALIDATE PAGE CODE

Checks for standards compliance Validates for W3C compliance Validates XHTML as XML


CHECK BROWSER COMPATIBILITY

Check code for specific browser compatibility Configure ignored issues list Check Adobe CSS Advisor website for correction/troubleshooting tips


CHECK PAGE-LOAD TIMES

Page-load time displaysin document status bar

8-second rule Slow load time detracts

from user experience Configure status bar:

Choose Preferences >Status Bar

Tips for improving pageload speeds: Resample images Reduce image/video

size Optimize code/page

weight


INSTALL DREAMWEAVER EXTENSIONS

Adds/improves featuresin Dreamweaver

Search AdobeExchange forum

Restart to enable someextensions


ENABLE/DISABLE DREAMWEAVER EXTENSIONS

Launch Extension Manager Select Dreamweaver Enable/disable extension Restart Dreamweaver, if necessary

Documents

MyGraphicsLab: Dreamweaver CS6 - DW10 Presentation