Additional Notes for DreamWeaver

Fragment Links | Image Properties | List Properties

Modern XHTML offers different and better ways of achieving certain effects. DreamWeaver in most cases implements these ways, but in a few ways uses the older, less suitable methods. The following notes show how you how to implement them appropriately.

Fragment Links

Originally frament links were targeted on to emtpy named anchors. The following technique for creating the targets is to be preferred.

  1. Select a target for the fragment. Typically this is a heading.
  2. Using the Tag Inspector, set the id of the target.
  3. Select the text to link to your fragment.
  4. Set the link to id of your target, with a hash (#) before it: #...

Image Properties

Many image properties are set through the image property inspector. However, some of these properties are best set through a combination of CSS and the id. The following example will illustrate.

First, set the ID. In this example, the id is bridge.

The following CSS properties should be set.

		img {
			border-width: 0px;	/* This is for all immages */
		}

Second, set the following properties:

		#bridge {
			float: right; /* Equivalent to Align: Right*/
			padding: 0px 0px 4px 4px; /* Similar to, but more flexible than V Space and H Space.
		}

Bridge ImageLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc consectetuer eros nec tellus. Aliquam vestibulum, felis non pellentesque egestas, tortor turpis tincidunt leo, et cursus elit libero ut diam. Aenean nec ligula quis arcu facilisis viverra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed dignissim nisi gravida ante. Sed sem libero, fringilla in, vehicula sed, ultricies vitae, risus. Phasellus sit amet pede eget metus lobortis fermentum. Praesent at metus. Aenean libero enim, tincidunt eu, lobortis eu, tincidunt vel, lorem. Aliquam orci mi, interdum vel, vestibulum et, pretium a, lectus. Fusce massa lectus, bibendum in, auctor quis, ornare et, arcu. Fusce dignissim metus ut nunc.

Aliquam adipiscing, eros sit amet tincidunt tristique, elit erat congue lectus, non pharetra ante diam ac lacus. Cras vitae ipsum. Nunc sit amet nisi. Curabitur ante tellus, vehicula ut, accumsan at, ultricies et, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras tortor enim, porta eu, fermentum ac, consequat eget, lorem. Nullam urna lorem, iaculis vitae, iaculis id, bibendum vel, ante. Proin eros tellus, faucibus vel, placerat at, convallis eu, elit. Aenean tempus mi sit amet tellus. Duis tellus urna, eleifend eget, accumsan vel, hendrerit vitae, augue. Ut lacinia, magna ultricies egestas consectetuer, magna justo semper purus, ut adipiscing felis nunc sed felis. Praesent purus. Proin nunc lorem, pellentesque vitae, dictum vitae, auctor sit amet, eros. Suspendisse sed metus. In facilisis, tortor et bibendum consectetuer, nulla ligula ornare eros, a molestie mi justo quis arcu. Sed commodo magna venenatis sem. Phasellus tristique. Aenean semper nibh id erat. Nullam ullamcorper consequat sapien.

You should also set the title of the image instead of relying only on the alt atttribute.

List Properties

The following properties give you some control over Lists:

Bullet Styles (Unordered Lists)

		ul {
			list-style-type: disc; /* disc, circle, square, none */
		}

Number Styles (Ordered Lists)

		ol {
			list-style-type: decimal; /* decimal, lower-roman, upper-roman, lower-alpha, upper-alpha */
		}

Displaying DreamWeaver Pages in the same tab

When you preview a DreamWeaver page in Firefox (F12, if set up), it may display each preview in a new tab. This will clutter up your Firefox window with many redundant tabs.

To get DreamWeaver previews to reuse the same FireFox tab:

  1. In a new tab, enter about:config
  2. Search for: browser.link.open_newwindow
  3. Change the value to 1