TUTORIALS for EDITING HTML IN DREAMWEAVER: Learn how to Edit and Code HTML in Macromedia Dreamweaver, including HTML, styles, stylesheets, tags, metatags, and working in the documents window, (MX, 8, & Below)

Visit Dreamweaver 8 Upgrade Reviews & Articles

A look at the HTML Styles panel
Let's start by looking in the HTML Styles panel to see the HTML styles that ship with Dreamweaver…

Creating an HTML Style
You can create styles two ways: you can format the text in the document then create a style based on the selected text or you can create a style in the HTML Styles panel by selecting the formatting attributes you want to apply.

Applying an HTML style
Applying a style is as easy as selecting the text or paragraph you want the style applied to, and then selecting the style in the HTML Styles panel.

Sharing HTML styles across sites
HTML styles are automatically stored in a your local site's Library folder in a file named Styles.xml…

Using the new Dreamweaver integrated workspace
The one thing that Macromedia HomeSite users are probably most excited about in Dreamweaver MX is the new integrated workspace—there are no more floating windows. In the integrated workspace, all Document windows and panels are integrated into one larger …

Working in the Document window
The Document window, in Dreamweaver as in HomeSite, displays the current document as you create and edit it. When a document is maximized, document tabs appear at the bottom of the window for each open document.

Working in the Site panel
The Dreamweaver Site panel enables you to work with your files in the same way that you would with the Resource Window and Resources Tabs in Home Site. With the Site panel you can manage files and folders in your site, or use the integrated file browser to

Setting coding preferences
You can set coding preferences in Dreamweaver so that you can work in the same way that you are used to working in HomeSite …

Using the Dreamweaver coding features
Many of the Dreamweaver coding features will be familiar to HomeSite users, and most even function the same in Dreamweaver as they do in HomeSite.

Understanding Dreamweaver sites
One of the most difficult concepts for new users to understand is the concept of the Dreamweaver site. This is probably because the word "site" can refer to different things in Dreamweaver…

 

Setting up a Dreamweaver site
Once you decide how you are going to work on your website, you can set up the folders for your Dreamweaver site. There are two ways you can set up a Dreamweaver site: using the Site Definition Wizard, which guides you through the setup process…

Understanding the structure of HTML code
Every HTML document must contain certain standard tags—the html tag, head tag and body tag. The head section contains the title of the Web page (and any script code declarations such as JavaScript)

Head tags
The head section (surrounded by head tags) contains only the page title (surrounded by title tags) and programming scripts, such as JavaScript code that implements an image rollover in your page.

Body tags
The body of your document contains the content of your page. All your text, images, tables, and other content must be placed between…

Text formatting tags
You can use HTML source code to format the text in your Web page. For example, you can specify text to be bold or italic and display in a particular font…

Selecting Source Format preferences
Once you've decided how you want your code to look, set defaults to control the formatting of HTML created by Dreamweaver…

Checking for browser brand and version number
If you want to give one page to users of Internet Explorer 4 and Navigator 4, and another page to all other users, you could write the following JavaScript..

Getting information about MIME types and plugins
Only Navigator 3.0 and later support the plugins and mimeTypes properties of the navigator object. If you open the example file in IE 3, the page displays "If you were using Netscape 3.0 or later, you would see a list of installed plug-in …

Checking for specific MIME types and plugins
Suppose you have a very small sound file that you'd like to use on your website. You consider that it's worthwhile to use it if the sound will play directly from the page, but not worth the trouble if the browser has to launch an external player. Netscape

Getting even more information about the browser
You can use the methods shown in the code for this technique to get more information about the plug-in and MIME types supported by your browser (if it's Netscape 3.0 or later), as well as whether Java and data-tainting are enabled.

Dreamweaver 3: Editing HTML and HTML Styles
Dreamweaver provides ways to efficiently clean up the code of web pages. By cleaning up the code, file size is reduced and pages load more quickly.

Editing HTML in Dreamweaver turorials - Interface to HTML - DW
This portion of the tutorial should be opened in Dreamweaver to fully see what is happening. You can download the source file here. You do not need to do the first part if this tutorial to take advantage of the techniques being used.