20
Copyright © 2013 MyGraphicsLab / Pearson Education SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication

SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

  • Upload
    lethien

  • View
    212

  • Download
    0

Embed Size (px)

Citation preview

Page 1: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

Copyright © 2013 MyGraphicsLab / Pearson Education

SITE SETUP

MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication

Page 2: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

OBJECTIVE

Copyright © 2013 MyGraphicsLab / Pearson Education

This presentation covers the following ACA Exam objective:

  4.2 Define a Dreamweaver site.

Page 3: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SITE SETUP TOPICS

  Dreamweaver CS6 site definition   Connecting to remote servers   Version control   Site setup advanced settings

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 4: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

NEW SITE SETUP

  You can set up a new site one of the following ways:   Choose Site > New Site

OR   Click the Dreamweaver Site link in the Welcome screen

  See Adobe Dreamweaver CS6 Classroom in a Book, pages 78–79.   For info on setting up a site, watch the video Defining a Site in Dreamweaver.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 5: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

LOCAL SITE CATEGORY

  The Site category in the Site Setup dialog box contains minimum requirements for any Dreamweaver site setup.

  Site Name allows you to assign a name to the site.   Spaces allowed

  For Local Site Folder, browse to the root folder on your computer.   If root folder doesn’t exist,

create a new empty one.

Copyright © 2013 MyGraphicsLab / Pearson Education

Browse to root folder

Page 6: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVERS CATEGORY

  The Servers category is used to define new remote server(s).   Defining a server is not required to start work on a site in

Dreamweaver.

Copyright © 2013 MyGraphicsLab / Pearson Education

Add new server

Page 7: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVER SETUP (1 OF 2)

  Access to server information comes from your web hosting company.

  Server name can be any name you prefer.   Spaces allowed

  Connect Using is the connection protocol:   FTP is the most common method to

connect to remote servers.   Dreamweaver CS6 supports secure

(SFTP) connections and encryption.   Local Connection: Server can be on

a local network.   See Adobe Dreamweaver CS6

Classroom in a Book, pages 390–394.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 8: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVER SETUP (2 OF 2)

  Root Directory designates where on the server the site should be placed.

  The Root Directory can differ from one host to another. Examples:   www   htdocs

  Web URL:   Designates the address to the

published site on this server   Automatically added but may be

changed   Necessary if you are connecting to a

testing server

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 9: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVER SETUP: MORE OPTIONS

  The Use Passive FTP option allows you to bypass firewalls.

  Use IPV6 Transfer Mode enables the most recent version of the Internet Data Transfer Protocol.

  Use Proxy identifies a proxy connection to host if one is already defined in Dreamweaver preferences.

  Use FTP Performance Optimization optimizes the connection to server.   Deselect this option if Dreamweaver is

unable to connect to server.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 10: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVER SETUP: ADVANCED OPTIONS

  Maintain Synchronization Information:   Tracks which files have changed locally

and remotely   Helps you keep track of which files are

more recent locally or on server before uploading or downloading

  Automatically Upload Files To Server On Save:   Allows you to upload files to remote

server automatically upon save   Deselect unless you want to upload with

every single save, which can be frequent

  Enable File Check-out:   Helps keep track of who is working on a

file when multiple users are involved

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 11: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SERVER SETUP: TESTING SERVER

  The Server Model feature is used if you want Dreamweaver to use testing server to parse server scripts when previewing pages.

  The Server Model should be selected if you need to connect to a database and want Dreamweaver to generate server script coding.

  The Testing Server is generally the same as the Remote Server, but could be different.

  See Adobe Dreamweaver CS6 Classroom in a Book, pages 394–396.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 12: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

ADVANCED SETTINGS: LOCAL INFO – DEFAULT IMAGES FOLDER

  The Default Images Folder is optional.

  It’s used to designate a folder in which you want to store images for your site.

  If you designate a Default Images folder, Dreamweaver will automatically copy files into it when you insert images from outside of the defined site root folder.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 13: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO

  Links Relative To specifies the path structure of links created when linking to other assets or pages in your site.

  Document-relative paths are usually best for local links in most websites (example: pages/about-us.html).

  Site root-relative paths describe the path from the site’s root folder to a document. This option is usually best for very large sites with deeply nested directories (example: /pages/about-us.html).

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 14: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

ADVANCED SETTINGS: LOCAL INFO

  Enable Cache is active by default in the Local Info area of the Advanced Settings panel in the Site Setup dialog box.   Enable Cache improves the speed of Dreamweaver for link and site

management and lets you use the Assets panel.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 15: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

CLOAKING

  Cloaking folders and files   Cloaking excludes from site-wide

operations   Cloaking prevents from transferring

to and from server   Enable cloaking if Maintain

Synchronization Information is selected   Add file extensions that

Dreamweaver should cloak   Can be applied to entire folders

using the Files panel   Right-click (or Ctrl-click on Mac)

from context menu and choose Cloaking > Cloak

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 16: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

EDITING SITE SETUP

  Access to previously defined sites (existing site setups) from main menu bar   Site > Manage Sites   Click the Edit tool (Pen symbol)

  Enables you to edit site information such as site name, username, password, and server information.

  The Edit Site Setup function can also be accessed by double-clicking the site name in the Files panel.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 17: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

DUPLICATE SITE SETUP

  Duplicate Site Setup is used to duplicate site definition information.

  Duplicate Site Setup does not duplicate site files.

  The duplicated site appears in the site list with the word “copy” appended to the name of the site.

  To change the name of the duplicated site, leave the site selected, and click the Edit button.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 18: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

EXPORT SITE SETUP

  Used to export one or more sites settings

  To select more than one site, Ctrl-click (Windows) or Cmd-click (Mac) each site.

  To select a range of sites, Shift-click the first and last site in the range.

  Generally used to back up site definition   In order to back up your site

settings, select the first option in the Exporting Site dialog box.

  The export creates an .ste file containing site settings (name, paths, server info).

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 19: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

DELETE SITE SETUP

  Delete Site Setup deletes the selected site and all of its setup information from your list of Dreamweaver sites.

  Deleting site setup does not delete the actual site files.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 20: SITE SETUP MyGraphicsLab: Adobe Dreamweaver CS6 …msmcgowanwebdesign.wikispaces.com/file/view/DW04_01... · 2014-02-26 · ADVANCED SETTINGS: LOCAL INFO – LINKS RELATIVE TO Links

SITE SETUP CACHE DIALOG BOX

  The Site Cache Recreation dialog box appears when editing and saving changes to the site definition.

  Re-creating the site cache forces Dreamweaver to re-examine and update all site files and assets.

Copyright © 2013 MyGraphicsLab / Pearson Education