If you have Dreamweaver CS4, make sure to download the BrowserLab extensions, so that you can launch the service directly from Dreamweaver, and exclusively preview frozen Javascript menus, Ajax data, local content, and more. All you need to do is download and install the two BrowserLab extensions. (Note - the BrowserLab team has made a couple changes to the extensions, so if you already have them installed you'll need to delete them and install the new ones).
BrowserLab is currently available as a limited free preview.
Between now and February 26th, 2010, APRESS is actually offering readers of this blog a 50% discount on the ebook version of Getting Started with CSS. Visit www.apress.com, search for the book by title, click the BUY AS EBOOK button, and enter the promotional code: DWBLOGMR.
Mr. Powers (the name is apt) is one of the most active members on the Adobe Dreamweaver forums, so if you have questions or comments about his book, you can always find him there.
]]>Spry widget samples (ADOBE)
Code and styling samples of all of the Adobe Spry widgets, directly from the Adobe Spry team.
Customizing Spry Menu Bars in Dreamweaver (JUST DREAMWEAVER)
Resource page offering various Spry Menu Bar information available out on the Web.
Creating Custom Spry Widgets: Dreamweaver CS3 (LYNDA.COM)
Video series showing how to insert and modify a Sliding Panels widget.
Tabbed Panels and Menu Bar widgets: Dreamweaver CS3 (PEACHPIT PRESS)
Basic tutorial on inserting and styling Tabbed Panels and Menu Bar widgets.
Spry Validation widgets (LAYERS MAGAZINE)
Video tutorial on inserting and styling Spry form validation widgets.
Building Spry pages visually (ADOBE)
The Dreamweaver Help system. Each widget contains a customization section, which links out to the larger Spry Developer's Guide.
From table-based to tableless web design (ADOBE)
Popular two-part tutorial series on building a CSS layout from scratch, and converting table-based layouts to pure CSS.
CSS page layout basics (ADOBE)
Explanation of a basic CSS layout that breaks down the structure and rules that create the layout.
Creating a CSS layout from scratch (SUBCIDE)
An older but still quite useful step-by-step tutorial on creating a CSS layout.
Building your first CSS site (ADOBE)
Steps beginners through the process of defining structural elements and then styling them.
Tableless layouts with Dreamweaver CS4 (ADOBE)
Shows you how to create a simple two-column CSS layout.
Creating a simple three-column design (ADOBE)
Shows you how to build a three-column design, including using the "faux column" technique
Dreamweaver CSS starter layouts (ADOBE)
An article written for Dreamweaver CS3, but still useful as the starter layouts did not change in CS4.
Create a page with a CSS layout (ADOBE)
The Dreamweaver CS4 Help doc equivalent to the above starter layouts article.
CSS layout (HTML SOURCE)
A popular article describing many of the most common terms and principles used for CSS layouts.
In Search of the Holy Grail (A LIST APART)
Elegant article on creating the "holy grail" of CSS layouts: the three-column, fixed-width sidebars, liquid center layout.
Here's the article:
http://kb2.adobe.com/community/publishing/505/cpsid_50564.html
This handy option is easy to miss, especially if you don't use the New Document Dialog box to create documents, so big thanks to David for highlighting this.
Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
Create a blank page
Create a page with a CSS layout
If you're interested in publishing Community articles of your own, download the Community Publishing AIR application.
Here's the article:
http://kb2.adobe.com/community/publishing/504/cpsid_50437.html
Customization questions are pretty frequent in both the Spry and Dreamweaver forums. This new styling guide is sure to answer lots of peoples' questions.
Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our own customization pages for the Spry Accordion, Tabbed Panels, and Collapsible Panels widgets:
Customize the Accordion widget
Customize the Tabbed Panels widget
Customize the Collapsible Panels widget
Thanks a lot to David for hammering out this article.
If you're interested in publishing Community articles of your own, you can download the Community Publishing AIR application and get right to work!
If you know of other Dreamweaver tutorials -- either by you or someone else -- that would make a good addition to the new Tutorials page, please leave links in the Comments section (of the Tutorial page, not this thread) so that we can learn about as many resources as possible.
We are offering a small incentive to those willing to help us complete this study.
If you meet these requirements and would like to participate, please contact me at jvarese@adobe.com.
In your email, please confirm that you are a Dreamweaver CS4 user, that you have never inserted a Spry Accordion, and that you are comfortable working with and editing CSS.
Thanks!
In your email, please confirm that you have never created a CSS layout before, whether or not you have created table-based layouts, and whether or not you are familiar with CSS at all.
Thanks!
View > Style Rendering > Display Styles
This allows you to quickly view the semantic structure of a page. It's also helpful when marking up or editing content inside elements that are not accessible in Design View for whatever reason.
Originally, this setting persisted until changed. But, many users turned off this setting without knowing what it was, and later would go crazy trying to figure out why their styles weren't rendering. So starting in CS4, this setting is always reset to ON when DW is restarted (which is a natural action to take when things don't make sense).
You can change it to default to OFF as follows:
1. Place the following code in a file called myStartup.htm :
<html> <head> <script language="JavaScript"> dw.cssStylePalette.setDisplayStyles(false); </script> </head> <body> </body> </html>
2. Place a copy of this file in the Configuration/Startup folder so that it gets executed every time you start DW.
Notice that I gave it a generic name in case you want to add any other commands to be executed at every startup.
]]>The exception to this is that background colors are not printed. Code printing recognizes the "Syntax Coloring" Code View setting in the:
View > Code View Options
menu for turning off coloring.
The "Line Numbers" setting is also recognized when printing.
First of all, read this excellent article by Garrett Dimon (that I found on John Nack's blog) about suggestions for making feature requests. As someone who regularly reads Feature Requests, this article hit the mark on every point.
Then use the Adobe Feature Request Form to submit your request to the appropriate Adobe product team.
Thank you in advance for keeping the great feedback coming!
http://www.youtube.com/view_play_list?p=D46F0582FED3D64E
And yes, this decision was directly geared toward those of you who might be shying away from Adobe TV.
Have fun!
]]>http://tv.adobe.com/#pd+Dreamweaver
Use the settings on the right to narrow down the list for your interests according to Release (CS3, CS4, Other), Skill Level (Beginner, Intermediate, Advanced), and Topics (Tutorials, Demos, Tips and Tricks, and Inspiration).
Also, use the dropdown list at the top to sort the videos By Date, Alphabetically, Highest Rated, or Most Popular to help sift through the list.