Hot Adobe Dreamweaver How-Tos
How To: Import your PSD layouts into Dreamweaver
Learn how to export a web layout made in Photoshop and build an editable website layout in Dreamweaver, then convert the page to a template for future use and ease of editing.
How To: Design with Divs layers and CSS styles in Dreamweaver
A beginner's guide - learn all about creating layers (or AP Divs in Dreamweaver CS3). Learn about applying properties to custom CSS rules and using stacked Divs to create interesting effects with images.
How To: Embed sound and video on a website using Dreamweaver
Learn how to import and attach mp3, mov, and wmv files to your website both by embedding and linking the files with Adobe Dreamweaver
How To: Create an expandable website text box in Dreamweaver
Learn how to create a web text box using Dreamweaver that get bigger or smaller depending on how much text you place in it. Also make a header that spans the users screen not matter what size.
How To: Build a tabbed navigation bar in Dreamweaver
Learn how to build a tabbed navigation bar using Dreamweaver's Navigation Bar builder and give the buttons an over and down state. .
How To: Create Flash buttons in Dreamweaver
Learn all about Flash buttons inside of Adobe Dreamweaver and how to make and edit them.
How To: Add Flash text to a webpage using Dreamweaver
Learn how to use Flash text in Adobe Dreamweaver so you don't have to worry about users having the font you use installed on their computer.
How To: Add Flash movies to your website using Dreamweaver
Learn how to export a Flash .SWF file and put onto your website using Adobe Dreamweaver.
How To: Create hyperlinks with Dreamweaver
This is a video tutorial on creating Hyperlinks to your local site or other websites with Dreamweaver as well how to create email links.
How To: Upload content to a web server with Dreamweaver CS3
This video shows you how to upload files to your Internet service provider (ISP), and reviews the differences between Put and Get operations. You learn about the difference between local and remote files, how to check files in and out in order to edit them, and how to post new information to a remote server. Check out this video by Garrick Chow now! Upload content to a web server with Dreamweaver CS3.
How To: Create a database with SQLyog and Dreamweaver 8
SQLyog is a Graphical User Interface (GUI) for the popular Relational Database Management System (RDBMS) MySQL. In this Dreamweaver 8 video tutorial you will learn how to create a database with SQLyog. It sounds complicated, but it really isn't. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Create a database with SQLyog and Dreamweaver 8.
How To: Use Dreamweaver to add a Flash movie to your page
Is your webpage dull and uninteresting? How about adding a Flash movie to your page? In this video Terry White will teach you how to use Dreamweaver to do just that.
How To: Use the spry accordion panel in Dreamweaver CS3
An Accordion widget is a set of collapsible panels that can store a large amount of content in a compact space. Site visitors hide or reveal the content stored in the accordion by clicking the tab of the panel. In this video special guest Mike McHugh from Creative Sweet TV shows us how to create a very fancy looking Spry Accordion Panel using Dreamweaver CS3.
How To: Style text using CSS in Dreamweaver CS3
This video shows you how to style text using the CSS panel, instead of using the Property inspector in Dreamweaver CS3. You'll also learn how to tackle cross-browser CSS rendering issues using CSS Advisor. Check out this cool tutorial from Joseph Lowery now! Style text using CSS in Dreamweaver CS3.
How To: Create a form in Dreamweaver CS3
This video shows you how to add form fields to a form laid out in a table in Dreamweaver CS3. You use text fields and a menu to gather user information, populate a menu with values, and add a button to submit information. Create a form in Dreamweaver CS3.
How To: Use templates in Dreamweaver CS3
This video shows you how to modify previously-created web pages based on a template using Dreamweaver CS3. You learn how to select a page you want to edit and modify text on that page. You also learn how to modify repeating and optional regions, and change the template file itself. Use templates in Dreamweaver CS3.
How To: Use XML in Dreamweaver CS3
This video introduces you to XML (Extensible Mark-up Language) , and prepares you to work with Ajax. You will learn how quick and easy it is to create a new XML file in Dreamweaver CS3 and what the typical contents of an XML file are. Use XML in Dreamweaver CS3.
How To: Create links in Dreamweaver CS3
This video shows you how to create email links, text links, and image links to internal and external pages on a website using Dreamweaver CS3. You learn how to use the Link box, folder icon, and Point-to-File icon in the Property inspector to create links for text or images. You also learn how to add e-mail links using the Insert bar. Create links in Dreamweaver CS3.
How To: Use Spry widgets in Dreamweaver CS3
This video shows you how to use Spry widgets in Dreamweaver CS3. See how to add a Spry Accordion widget to a web page, and edit it in Design view. The video also goes over how to change the styling of the widget, and test your web page in a browser. Use Spry widgets in Dreamweaver CS3.
How To: Create menus with Spry widgets in Dreamweaver CS3
This video shows you how to create a menu using a Spry widget. First add and customize a Spry MenuBar widget within a pre-built CSS layout (that is included with Dreamweaver CS3, then modify the menu in Design view, and preview your work in a browser. Create menus with Spry widgets in Dreamweaver CS3.
How To: Style forms with CSS in Dreamweaver CS3
This video shows you how to change the appearance of form fields using CSS. You create a new class for the form labels then apply the style to labels in your form using the Property inspector. You create another style to affect the look and feel of the form elements. Style forms with CSS in Dreamweaver CS3.
How To: Define a website using Dreamweaver CS3
New to Dreamweaver CS3? Not sure how to build a website? This video shows you how to create a site from scratch, and how to define an existing website as a Dreamweaver site. Define a website using Dreamweaver CS3.
How To: Convert a Dreamweaver webpage to a Contribute template
This video shows you how to convert a web page made in Dreamweaver in to a template in Contribute CS3. You learn how to specify which regions of a page remain editable in Contribute, and which do not. The final step is to make the template available for a Contribute website. Convert a Dreamweaver webpage to a Contribute template.
How To: Use shared elements of Dreamweaver and Fireworks
Dreamweaver and Fireworks share a common user interface and this video shows you how to understand and use those shared elements. You'll learn how to use panels, menus, and more. Check out this video created by Joseph Lowery now! Use shared elements of Dreamweaver and Fireworks.
How To: Add Flash content to a web page using Dreamweaver CS3
This video shows you how to add a SWF file to a web page using Dreamweaver CS3. You learn how to test your Flash content in Dreamweaver, and modify your site layout around the SWF file. Check out this video created by Lynn Grillo now! Add Flash content to a web page using Dreamweaver CS3.
How To: Utilize the file tab menu in Dreamweaver 8
In this Dreamweaver 8 video tutorial you will learn how to utilize the file tab menu. Learn how to locate and open the files palette, work in local view, work with assets and with snippets. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Utilize the file tab menu in Dreamweaver 8.
How To: Trace images in Dreamweaver
In this Dreamweaver 8 video tutorial you will learn how to trace images. Learn how to locate and open the tracing image button and set your tracing image. You'll then use the tracing image as a reference for layout. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Trace images in Dreamweaver.
How To: Make a jump menu item and link it using Dreamweaver 8
Jump menus offer a compact pop-up menu for users to navigate to other pages in the current site or to external pages on the Internet. In this Dreamweaver 8 video tutorial you will learn how to use jump menus. Learn how to locate and open the jump menu item, insert jump menu into the page, and style it with CSS. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Make a jump menu item and lin...
How To: Create a simple contact form in Dreamweaver 8
Email is not, and shouldn't be, the only way your site visitors could contact you. In this Dreamweaver 8 video tutorial you will learn how to create a simple contact form. Learn how to add form elements,text boxes, and style buttons using CSS. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Create a simple contact form in Dreamweaver 8.
How To: Add Flash buttons in Dreamweaver 8
Dreamweaver contains a useful set of pre-built Macromedia Flash buttons. In this Dreamweaver 8 video tutorial you will learn how to add these Flash buttons and set links in them. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Add Flash buttons in Dreamweaver 8.
How To: Animate layers in Dreamweaver 8
You can use a Dreamweaver timeline to animate any object you insert in a layer. You can then move, resize, and affect the visibility of the layer across a time continuum. In this Dreamweaver 8 video tutorial you will learn how to animate layers. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Animate layers in Dreamweaver 8.
How To: Edit templates in Dreamweaver 8
Macromedia offers you a variety of templates for building accessible websites both from within Dreamweaver 8 and by download. In this tutorial you will learn how to edit, save and update template pages. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Edit templates in Dreamweaver 8.
How To: Create validate forms in Dreamweaver 8
Dreamweaver's Validate Form behavior checks the contents of specified text fields to ensure the user has entered the correct type of data. In this Dreamweaver 8 video tutorial you will learn how to create validate forms. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Create validate forms in Dreamweaver 8.
How To: Create a rollover status bar message in Dreamweaver 8
A rollover status message can be quite helpful to the user. In this Dreamweaver 8 video tutorial you will learn how to create one. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Create a rollover status bar message in Dreamweaver 8.
How To: Add a behavior to check for plugins in Dreamweaver 8
You can use the Check Plugin action to send visitors to different pages depending on whether they have the specified plugin installed. For example, you might want visitors to go to one page if they have Shockwave and another page if they do not. In this Dreamweaver 8 video tutorial you will learn how to check for plugins, and redirect user to display the correct page. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to ...
How To: Set file associations in Dreamweaver 8
File associations associate a file extension to a file type. In this Dreamweaver 8 video tutorial you will learn how to set file associations, specify Dreamweaver preferences and boot the right program from Dreamweaver. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Set file associations in Dreamweaver 8.
How To: Display records in Dreamweaver 8
In this Dreamweaver 8 video tutorial you will learn how to display records by extracting info from a database. Learn how to create a data connection, create a query, work with recordset, display items, and use repeat regions. Note: To use this tutorial you need XAMPP and make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Display records in Dreamweaver 8.
How To: Create collapsible content boxes in Dreamweaver 9
This is a brief introduction to the new Spry features for Adobe Dreamweaver. You can now easily click one of the 12 or so Spry widgets and they are instantly embedded into your page with the required javascript and cascading style sheet to go along with them. In this Dreamweaver 9 video tutorial you will learn how to create collapsible content boxes with the Spry framework. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll ne...
How To: Define a site using PHP pages in Dreamweaver 9
As it ships, Dreamweaver typically has more built-in behaviors for ASP and Cold Fusion than it does for PHP. Still, developers are quickly writing PHP extensions to make Dreamweaver quite a robust tool for developing PHP/MySQL Web Applications. In this Dreamweaver 9 video tutorial you will learn how to define a site to use PHP pages. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Define...
How To: Use layers to create web layouts in Dreamweaver
Looking for precision in your Web layouts? Discover techniques for using Dreamweaver layers to position page content and even overlap page elements. Use layers to create web layouts in Dreamweaver.