WDV 331 Dreamweaver Applications

1. WDV 331 Dreamweaver Applications Site Management Dreamweaver CS6 Chapter 15 / 17

2. Setting Up a Site (in Depth) • Site → New Site. That opens the Site Setup window. It includes: • Site • Servers • Version Control • Advanced Settings. • Tells Dreamweaver about your site files — • where they’re located on your computer • where you want to put them on the Web • how Dreamweaver’s site management tools should work with them.

3. Site • Tell Dreamweaver where on your computer it can find your website files. • Most Important Category in the Site Setup Window is Site • Filling out the following two options are all you need to get started effectively. • Site Name briefly identifies the site for you — and Dreamweaver. Shows up in the File panel’s Site drop-down menu. It doesn’t show in your site.

4. Site • Local Site Folder Identifies your site’s local folder — the folder on your hard drive that contains all the site’s files. (This is also known as a local root folder.) • The Dreamweaver tools that manage your sites’ files rely on the local site folder. • Once you set up a site, you see all its files listed in the Files panel.

5. Servers & Version Control • The Servers and Version Control settings help Dreamweaver work with your remote server • More latter on Server section • Version Control • “the Version Control category is for those using the (very complex) Subversion system (most people — the author of this book included — never use this option, but if you’re curious, see the box on page 810 for more information).”

6. Advanced Settings

7. Advanced Settings - Local Info • The “Local info” category under the Advanced Settings menu has some other useful settings that can help Dreamweaver work with your site’s files. • Default Images Folder -find the image by pointing to its file location. • That location has to be inside the local root folder or one of its subfolders. • Dreamweaver offers a feature that puts images in the right place even if you forget to. Ask do you want a copy in your site folder.

8. Site-wideMedia Query File • A site-wide Media Query file is just a file that makes it faster for you to use media queries on your pages. • Set them up on the first page and two clicks to put them on each additional page. • Need: • main css file • Plus desktop, tablet and phone css files

9. Site-wide Media Query File • FILL IN NAME of the Site-Wide CSS FILE (MQ1.css) • And you get

10. Site-wide Media Query File • This box is filled in automatically • When you select a new or existing file to apply the media query to the definitions are already done.

11. Links Relative To • Linking from one page to another on your site, Dreamweaver lets you create either a document-relative link or a root-relative link. • LEAVE THE DEFAULT document-relative link • Only very special circumstances do you need the other.

12. Web URL • Web URL if you use absolute URLs to link to pages within your site you must fill out the Web URL • NOT ADVISABLE LEAVE BLANK • USE document-relative links

13. Case-Sensitive Links • In real-world use, you probably won’t need this option. LEAVE BLANK • First, it’s not possible to have two files with the same name but different combinations of upper- and lowercase letters in the same folder on a Windows or Mac machine. • If your local root folder is on a Windows or Mac computer, you’ll never be able to get into this situation. • It’s just plain weird to use the same name but different cases for your files. • IF Unix or Linux operating systems review this for possible use

14. Cache • The cache is a small database of information about the files in your site. • It helps Dreamweaver’s site management features work more efficiently. • You want to keep this checkbox turned on. • Unless you have a really large site, composed of tens of thousands of web pages, Dreamweaver might act pretty sluggishly when you perform basic tasks like moving files around within the site or checking for broken links.

15. Managing Dreamweaver Sites • The Manage Sites window is the control center for managing your sites. Add new sites, edit old ones, duplicate a site definition, and even export site definitions for use on another computer, or as a precautionary backup. • Business Catalyst • Adobe’s CMS

16. Viewing Files in the Files Panel • The Files panel lists the files in the current site’s local root folder. • Demo file panel options • View your site’s files four ways • Local view lists the files in your local root folder. Displays in green. • Remote server displays the files in your remote site folder. Displays folders in this view as yellow on Windows PCs and blue on Macs. • Testing server view .No files appear in this view until you set up a testing server and connect to it. Displays in red. • Repository view gives you a peek inside a file-versioning system called Subversion.

17. Modifying the Files Panel View • No program-wide setting to control which columns appear. Define on a site-by-site basis.

18. Servers • See chapter 17 • Adding a Remote Server • FTP. By far, the most common method is FTP, or File Transfer Protocol. • SFTP stands for Secure FTP. • FTP over SSL/TSL, also called FTPS, provides security that regular FTP lacks. • Local/network. If you work on an intranet, or if your company’s web server is connected to the company network. • The last two options — WebDAV and RDS — are file-management systems used for collaborative web development. Not common

19. Servers • In addition to setting up a local site, Dreamweaver lets you set up both: • “remote” servers (meaning the web server on the Internet where people go to see your site) • “testing” servers(meaning a server — frequently running on your own computer — usually used to test dynamic sites, like the PHP-driven pages. • Synchronize your sites • Dreamweaver automatically turns this option on when you set up a server

20. Servers

21. File Status button • Click the File Status button (circled) and choose Put to quickly move a file to your server.

22. Other Advanced Settings Cloaking • Hide folders and specific file types from many file-transfer operations, Synchronizing Site Files and many sitewide Dreamweaver actions, including site reports, search-and-replace functions, the ability to check and change links, and the Assets panel. • There’s one exception: files linked to library or templates can still “see” items even if they’re in cloaked Library and Templates folders. • Dreamweaver lets you cloak folders and file types (those that end with a specific extension, such as .fla or .psd). It even lets you cloak a single file anywhere on your site. Implementing each type of cloak requires a different technique.

23. Check In and Check Out • Specifically designed for group web development. It works like your local public library: When you check out a file, no one else can have it. When you’re finished, you check the file back in, releasing control of it, and allowing someone else on the team to check it out and work on it.

24. Other Advanced Settings • Design Notes window opens whenever someone opens a page if checkbox is checked. • This option has no effect when you add notes to GIFs, JPEGs, PNGs, or anything other than a file that Dreamweaver can open and edit, such as a web page or an external style sheet • File View Columns • Templates • Spry • Web Fronts • Edge Animation Assets