MyGraphicsLab: Dreamweaver CS6 - DW10 Presentation

transcript

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

MyGraphicsLab: Dreamweaver CS6 - DW10 Presentation

Documents