Software & Apps Design Things You Can Do with Dreamweaver Over 100 Different Dreamweaver Tips and Techniques by Jennifer Kyrnin Freelance Contributor Jennifer Kyrnin is a professional web developer who assists others in learning web design, HTML, CSS, and XML. our editorial process LinkedIn Jennifer Kyrnin Updated on November 21, 2018 Design Graphic Design Photoshop Animation & Video 3D Design Tweet Share Email Adobe Dreamweaver is such a powerful tool for Web designers, because it has so many things you can do with it. Of course, all those things you can do make it challenging to learn. Find out some of the many things that Dreamweaver can do, including changes in the latest version, CS5. And don't forget to check out the things that are missing from Dreamweaver CS5. Lifewire / Briana Gilmartin Defining a Site Start a new websiteCreate a websiteSet up only the parts of the site that you need, when you need them *New in CS5Set up remote, QA, and testing servers for more complete workflows *New in CS5Create and publish new directoriesChange the doctypeInclude meta data in your pages Putting Your Site Live Define a remote siteFTP files to the web serverUse a version control system to check files in and outConnect with Subversion for more advanced version control *New in CS5Leave notes for your teammates Creating Web Pages Write a page in WYSIWYG modeWrite a page in HTMLCreate a new page from a templateCreate a new page from scratchCreate a templateSave files to your site directoryDefine the page properties CSS Use CSS style sheetsAdding inline stylesCreate an external style sheetAttach an external style sheetCreate class, ID, tag, and compound CSS selectorsEdit existing CSS rulesCreate CSS for printable pagesEnable and disable style properties *New in CS5Inspect CSS box model visually *New in CS5 Text Modify textUse different fontsInsert a line breakUse special charactersInclude today's dateWrite commentsApply HTML tags to textAdd HTML attributes to tags Links Link text and imagesCheck site linksChange the default link colors (link, visited, hover, active)Create tool tips on linksCreate mailto linksCreate web page anchors Images Add graphics to a pageEdit imagesResize imagesAdd alt text to imagesAdd additional accessibility options to imagesAlign images and textCreate a rollover imageUse image mapsUse tracing imagesUse image placeholdersInsert Fireworks HTMLInsert Photoshop files Layout Use the included free templates *New CSS starter layouts in CS5Insert divs for layoutEdit divs in the CSS styles panelInsert absolutely positioned elementsFormat absolutely positioned elements in the property inspectorUse rulers, grids, and guides Lists Add bulleted and numbered listsCustomize list bullets and numbers Tables Create a tableAdd header rows and columnsUse transparent images to hold table cells openCreate fixed width and flexible width columnsChange the border styles of tablesEmbed a table within a tableImport tabular data Forms Use a mailto formDefine form actionsAdd text, radio, checkbox, file, image, select boxes, and hidden form fieldsMake your forms accessible with fieldset and label fieldsCreate custom submit buttonsValidate forms with JavaScript (Spry) Databases and PHP Scripting Attach your site to a databaseSet up a PHP/mySQL siteUse Spry elements to connect to the databaseInsert data objects into your pagesTest and update a Spry data source or displayEdit complex dynamic sites in design viewDiscover all dynamically related files to assemble PHP CMS sites (WordPress, Joomla, and Drupal) *New in CS5Custom class hinting for PHP code, including third-party frameworks like the Zend framework *New in CS5 Frames Build a framed websiteEdit noframes contentFormat and style your framesSet up default link targets between frames Add Interactivity Build a photo album (No longer in CS5)Add sound to web pagesCreate a drop-down menuUse Dreamweaver behaviors to open pop-up windows, create jump menus, play sound, swap images, and moreAdd RSS feeds to a siteInsert Flash text as a rolloverInsert CSS text as a rolloverInsert other pluginsAdd Spry menu bar, tabbed panels, accordion, tool tip, and collapsible panelUse the Widget Browser to find new widgets for your site, without needing to know JavaScript Test Your Pages Test your pages in Live View to see the changes due to JavaScript and interactivity *New in CS5Validate your HTMLPreview your pages in several browsersUse BrowserLab to preview your pages in other operating systems *New in CS5Use Device Central to check how the pages look on mobile devicesCheck browser compatibilityChange the settings to match what your site needs to work withCheck internal site linksTest your site's accessibility (No longer in CS5)Convert a Word Document to HTML Customize Dreamweaver Add extensionsDisable extensionsCustomize Dreamweaver with shortcuts Increase Your Efficiency Use built-in keyboard shortcutsUse code snippetsCreate and use templatesGenerate new pages from custom templatesUpdate templatesInclude one file in another with the Dreamweaver libraryUpdate library itemsInclude one file in another using SSIUse search and replace Was this page helpful? Thanks for letting us know! Get the Latest Tech News Delivered Every Day Email Address Sign up There was an error. Please try again. You're in! Thanks for signing up. There was an error. Please try again. Thank you for signing up. Tell us why! Other Not enough details Hard to understand Submit