Web Team Services

 

Anderson Hall Room 3
West Chester University
610-436-0043
webmaster@wcupa.edu


Using Adobe Dreamweaver

Adobe Dreamweaver is typically used by our more advanced users or users who want more freedom editing their web pages. Dreamweaver allows you to edit every aspect of your webpage for better control of your design. If Adobe Contribute does not provide you with enough functionality to edit your page, you may wish to use Adobe Dreamweaver.

How to Install

If you would like to have Adobe Dreamweaver installed on your computer, please contact the web team to set up an installation time.

  • Email Kimberly Slattery: kslattery@wcupa.edu
  • Call Kimberly Slattery: 610-436-0043
  • Use the Request of Services form

Editing a Page

Editing a web page in Adobe Dreamweaver will at first seem very different from Adobe Contribute, but once you understand how to operate Dreamweaver you will see many similarities between the two software programs.

Unlike Contribute, Dreamweaver has three different types of editing modes; code, design, and split. Code view lets you see the HTML code that creates the web page. If you have no knowledge of HTML we recommend you use design view.

Design view is very similar to Contribute. You view the web page as it appears in a web browser and you edit by clicking on different elements in the page.

Split view is a combination of code view and design view. Split view is for advanced users who can use the code view but want to see how their HTML code will appear in a web browser. Split view puts code view on top and design view on the bottom so that as you type in code view, or edit in design view, the changes are made automatically to the other view.

Editing Text

To edit text in Dreamweaver simply highlight preexisting text or place your cursor where you would like text and begin typing. Dreamweaver acts like a word processor in this sense.

Creating a Hyperlink

To create a hyperlink, go to the Common tab under Insert in the blue tool bar, and click the Hyperlink button all the way to the left. A dialog box will appear asking for information. The first two text boxes are the most important in most cases - Text and Link. Type the URL in Link and the hyperlink text in Text and press OK.

Headings

To create a heading, go to the blue Insert tool bar and click on the Text tab. The buttons H1, H2, and H3 are three different types of headings you can choose from. You can either highlight text and press one of the headings buttons or press the heading button and start typing.

Page Titles

To change the page title, simply type a new one in the Title text box next to the design view buttons.

Making Bullet/Numbered Lists

To make a bulleted list, go to the blue Insert tool bar and click on the Text tab. Next, click on the UL button. That will create the first bullet in the list. To make a new bullet in your list simply press enter. If you would like a numbered list then press OL instead of UL. OL is located next to UL in the text tab in the blue Insert tool bar.

Making Tables

To create a table, go to the blue Insert tool bar and click on the Common tab. Next, click on the table button. A dialog box will appear prompting you for to input attributes of the table.

The first attribute on the list is the number of rows and columns the table will have. The default is 3 rows and 3 columns.

The next attribute is the table width. The default width is 200 pixels, but this can be changed to another width or a percentage of the page.

The next attribute is the table border thickness. The default is one pixel but this can be set larger or set to zero if desired.

The next attributes are cell padding and cell spacing. Cell padding is the space between the content in each cell and the border of the cell. Cell spacing is the space between the borders of one cell and another.

Finally, the last option is for a table header. The highlighted cells in the pictures represent cells that will bold text so they stand out more as headers.

Adding Images

To add an image, go to the blue Insert tool bar and click on the Common tab. Next, click on the image button and a dialog box will appear prompting you to locate the image you want on your page. Find the image and press ok.

Another dialog box will appear asking for alternative text and a long description. You only need to be concerned about the alternative text. Type a short but clear description of the image in the alternative text textbox.