Dreamweaver Tutorial: Using Dreamweaver’s Text Insert panel

What you’ll learn in this Dreamweaver Tutorial:

  • Using Dreamweaver’s Text Insert panel

This tutorial provides you with a foundation for working with Adobe Dreamweaver's Text Insert panel. It is the first lesson in the Adobe Dreamweaver CS6 Digital Classroom book. For more Adobe Dreamweaver training options, visit AGI’s Dreamweaver Classes.

Dreamweaver Tutorial: Using Dreamweaver’s Text Insert panel

There are a number of ways to format text in Dreamweaver. One method you haven’t explored yet is the Text Insert panel. Because most of the options available in the Text Insert panel are also available in the Property Inspector, you may find it more convenient to use the Property Inspector for common tasks. However, you should be aware of the Characters menu located in the Text Insert panel. One of the most common items in the Characters menu used on the Web is the copyright symbol, ©. You will now insert a copyright notification at the bottom of your Events page.

1 Click to the left of the sentence This page was created with Adobe Dreamweaver and type 2012 and then add a space.

2 Click before the text 2012 to insert your cursor.

3 Click on the menu at the top of the Insert panel on the right side of your page and choose Text. Scroll all the way to the bottom of the resulting list and click on Characters to open a menu. Choose the Copyright symbol from the list to add it to the beginning of the line.

Sample Lesoon Image

The copyright symbol can be inserted from the Character menu.

4 Highlight the last two lines on your page, beginning with the newly inserted copyright symbol and ending with Dreamweaver classes. You are going to set these two lines apart from the rest of the page by italicizing them. Layout considerations such as headers and footers will be discussed throughout the following lessons in this book, but for now you can use the Text options in the Insert panel to italicize these two lines.

5 Scroll to the top of the Text options in the Insert panel and click the Italic option.


You could have also used the Italic button in the Property Inspector. Additionally, you could have selected the text and chosen Insert > HTML > Text Objects to accomplish the same thing.

6 Choose File > Save.

Continue to the next Dreamweaver Tutorial: Inserting images with Dreamweaver >