Dreamweaver

FacebookTwitter
Most web pages follow a common set of sizes and layouts, which you'll recognise even if you aren't aware of them. For example, did you know that nine out of the top ten most popular websites in the world use a fixed-width, centre-aligned design? Maybe you should too. http://www.iteracy.com/resources/build-a-better-website/size-and-layout-of-a-web-page/

Web page size and layout : Iteracy - Web Designers Cornwall

http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c44a.html#WScbb6b82af5544594822510a94ae8d65-7c42a

Dreamweaver CS5 & CS5.5 * Absolute, document-relative, and site root-relative paths

Not sure where we go from here. I have submitted the suggestion... as you kindly suggested.

Introducing the new CSS layouts in Dreamweaver CS5

http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html After you select the layout you'd like to start your web page with, you have several other choices to make in the bottom right of the dialog box. First, you need to choose your doctype—HTML, XHTML, or HTML5. You'll also need to choose where you'd like the CSS placed.
Even with all the cool features in Dreamweaver, there will almost certainly come a day when you want to do things that Dreamweaver can’t do with the features that shipped with the program.

Add Dreamweaver Extensions from Adobe Exchange site

http://www.digitalfamily.com/tutorials/how-do-you-add-extensions-to-dreamweaver-from-adobes-exchange-site-2/
Note: You can follow the tutorial with any version of Dreamweaver or a text editor.

Getting started with jQuery Mobile

http://www.adobe.com/devnet/dreamweaver/articles/getting-started-with-jquery-mobile.html
Open tree3.html and you will see that after you add the previous rule to your style sheet, the p element and the em element (which is a child of the p element) both become blue. This is specificity at work; the color value set against the p element is more specific than the color value set against the body element, so the color value against the p wins out. The em element within the p element then inherits the color from the p element, which is its parent element. http://www.adobe.com/devnet/dreamweaver/articles/css_inheritance.html

Understanding inheritance

When you have finished adding your panels and content, preview your web page in a browser and click the tabs to see your content update within the same web page, without even reloading. If you take a look at the source code you'll see the tabbed panel widget is simply made up of a standard bullet list, ul and li tags, and a corresponding set of div tags. http://www.adobe.com/devnet/dreamweaver/articles/building_scalable_websites.html

Building scalable websites with Dreamweaver

Download Adobe Dreamweaver Widget Browser

Adobe® Dreamweaver® Widget Browser is an application built on Adobe AIR® that helps users visually browse and configure a variety of user-submitted widgets. The Widget Browser provides a way to configure JavaScript and CSS properties of these widgets through a dynamically generated user interface. It also allows users to create and save their own configurations of the widgets. http://labs.adobe.com/downloads/widgetbrowser.html

Dreamweaver CS5 & CS5.5 * The CSS Styles panel

http://help.adobe.com/en_US/dreamweaver/cs/using/WSbb8fae38174aec9d-4fb84361126e2b2aaf3-8000.html In Current mode, the CSS Styles panel displays three panes: a Summary for Selection pane that displays the CSS properties for the current selection in the document, a Rules pane that displays the location of selected properties (or a cascade of rules for the selected tag, depending on your selection), and a Properties pane that lets you edit CSS properties for the rule applied to the selection.