Learning the Basics (In Design Mode)

Aligning Text

The first way to align text using Dreamweaver is to go down to the Properties Panel and click one of the alignments (located to the right of the Italics option, and to the left of the Link box). The order of alignments is: Left, Center, Right and Justify. Following are examples of each alignment.

Dreamweaver

Figure 9

Example of Left Alignment

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur at velit vehicula enim imperdiet hendrerit. Morbi imperdiet placerat erat. Fusce lobortis odio sit amet ante. Vestibulum vitae mauris sit amet arcu bibendum feugiat. Duis posuere dictum odio. In nec nisi id erat sollicitudin rutrum. Suspendisse vitae nibh. Donec pretium cursus nunc. Nullam sodales, magna ac dignissim tincidunt, purus justo dictum orci, nec ultricies nunc est ac justo. Nullam non tortor. Sed arcu. Praesent ipsum. Fusce condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent porttitor rhoncus odio. Nulla nulla. Proin sit amet dolor. Donec erat sem, mattis ut, aliquet quis, vestibulum id, lacus. (http://www.lipsum.com/)

Example of Center Alignment

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur at velit vehicula enim imperdiet hendrerit. Morbi imperdiet placerat erat. Fusce lobortis odio sit amet ante. Vestibulum vitae mauris sit amet arcu bibendum feugiat. Duis posuere dictum odio. In nec nisi id erat sollicitudin rutrum. Suspendisse vitae nibh. Donec pretium cursus nunc. Nullam sodales, magna ac dignissim tincidunt, purus justo dictum orci, nec ultricies nunc est ac justo. Nullam non tortor. Sed arcu. Praesent ipsum. Fusce condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent porttitor rhoncus odio. Nulla nulla. Proin sit amet dolor. Donec erat sem, mattis ut, aliquet quis, vestibulum id, lacus. (http://www.lipsum.com/)

Example of Right Alignment

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur at velit vehicula enim imperdiet hendrerit. Morbi imperdiet placerat erat. Fusce lobortis odio sit amet ante. Vestibulum vitae mauris sit amet arcu bibendum feugiat. Duis posuere dictum odio. In nec nisi id erat sollicitudin rutrum. Suspendisse vitae nibh. Donec pretium cursus nunc. Nullam sodales, magna ac dignissim tincidunt, purus justo dictum orci, nec ultricies nunc est ac justo. Nullam non tortor. Sed arcu. Praesent ipsum. Fusce condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent porttitor rhoncus odio. Nulla nulla. Proin sit amet dolor. Donec erat sem, mattis ut, aliquet quis, vestibulum id, lacus. (http://www.lipsum.com/)

Example of Justify Alignment

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur at velit vehicula enim imperdiet hendrerit. Morbi imperdiet placerat erat. Fusce lobortis odio sit amet ante. Vestibulum vitae mauris sit amet arcu bibendum feugiat. Duis posuere dictum odio. In nec nisi id erat sollicitudin rutrum. Suspendisse vitae nibh. Donec pretium cursus nunc. Nullam sodales, magna ac dignissim tincidunt, purus justo dictum orci, nec ultricies nunc est ac justo. Nullam non tortor. Sed arcu. Praesent ipsum. Fusce condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent porttitor rhoncus odio. Nulla nulla. Proin sit amet dolor. Donec erat sem, mattis ut, aliquet quis, vestibulum id, lacus. (http://www.lipsum.com/)

Another Way

Dreamweaver

Figure 10

The second way to align text is to go up to the Text tab in the menu and scroll down until you see Align. Hover over it until the options for Left, Center, Right, Justify come up. The options are in the same order as the first way I showed you, and they even give you shortcut-keys.