Anage Web Page Content

Anage Web Page Content

MAKING, OPEN, AND STORING DOCUMENTS HTML

Creating a new blank HTML document:

- In the display windows, select File> New.

To open an existing HTML file:

- Select the File menu> Open

You can select the HTML file you want.

Creating a new document based on the template:

- Select File> New from Template.

Dialog box will appear, listing templates - templates (you have to make a template first before creating a new document based on the template)

- Select one of the templates. The new document will be created based on

template.

Storing documents:

- Select File menu> Save.

- Type a file name and specify where you want to save the file.

Note: Dreamweaver will automatically save the file

htm or html form.

- Click the Save button to save the file.

WORKING WITH TABLES

Tables used for formatting data in positions of columns and rows.

The intersection between the row and column is called a cell, and we can

enter data in the cell.

Inserting a table

To insert a table into the homepage, first

place the cursor to the desired place. Then, choose one among 3

the following ways:

1. Click the Insert Table menu

2. Click the "Insert table" in the Object panel, Common category.

3. Press the shortcut key: Ctrl + Alt + T

Then will come the Insert Table dialog box

Enter the desired specification tables on the dialog box.

1. Fill in the number of rows in the "Rows" and the number of columns in the "Columns".

2. Next, determine the width of the table to the page. In the example image

above, the table will be included berlebar 200 percent ("Width: 200

Percent "). That is, the width of the table later is 200 percent of the width

page. If you want a table width in pixel units (fixed size),

fill in the number of pixels in the Width, and then change the dropdown box

reads Percent to Pixels. The width of each column will be divided equally

average of the width of the table and can be changed at will change. And that is the picture above has been changed from percent to pixels

3. Next, enter the desired width of the table border in units

pixel. If dikosongi then be 0 (zero) and the table was not given a border.

4. If desired, enter the Cell Padding and Cell Spacing. Cell Spacing

mean distance between the cells in the table, while the Cell Padding mean distance

of border cell to cell contents. When finished, click the OK button. If

want to cancel, press Cancel.

After pressing the OK button, then the table will be included in a page

You.

Insert Flash Button

In Dreamweaver you will be given the ease in designing website

dynamic with the button-button menu in document

you. Macromedia Dreamweaver Flash Button can directly enter

highly dynamic and animated in a variety of forms.

1. Click the cursor on the spot where you want to insert the image.

2. Click Insert> Media drag> select Flash Button.

Or can jga with Click the flash button on the Object panel.

3. Then it will come out a dialog box, which you have to fill, by selecting

button shapes, write text and type to the size of the text to be

displayed on the button, enter the address another page (link). (IN THE SENSE OF EACH ACCORDING ISI'')

5. And if it all. Then in the Click OK.

Insert Image or picture

You will learn two ways to enter the image on

Dreamweaver, by using the main menu and the

using the Object panel.

1. Click the cursor on the spot where you want to insert the image.

2. Select the menu Insert> Image or can be by pressing the key combination Ctrl + Alt + I on the keyboard.

3. Looks dialog box to select the image file, open the folder images. Choose

logo file, the dialog box on the right side you will see a preview of the image.

4. Click OK, then the image will be entered in your document.

5. For how to use the Object panel; click the insert image button

the Object panel.

8. Then the dialog box will appear to look the same, do as

the previous step.

CHANGING COLORS IN TEXT

In Dreamweaver, there is an assortment of the dialog box, as well as the

Property inspector there is a menu for color selection boxes for text.

You just choose the colors of your liking.

1. Select the text you want to change your color.

2. Shadding text (press the left button on the mouse, select the text

that will change color).

3. Then move your cursor to the Property inspector

bar, click on the color area.

4. Move the cursor to any place, then the text you are

change colors.

REPLACE OR ADD WEB LAYOUT DESIGN background image

In the Property inspector bar, you can change or add background images web layout using Page Properties.

1. Click the Page Properties in the Property inspector bar.

2. Looks dialog box to select the image file, click Browser.

3. Select an image file in the dialog box right side you will see a preview of the image. Then click OK.

4. Then click Ok.

FLASH ANIMATION ADD

You will learn two ways to incorporate flash animation on

Dreamweaver, by using the main menu and the

using the Object panel.

1. Click an insertion point at the place where you want to insert the flash.

2. Select the menu Insert> Media> Flash or can be by pressing the key combination Ctrl + Alt + F on your keyboard.

3. Looks dialog box to choose flash files, open the flash folder. Choose

flash files SWF berextension'''', then click OK.

4. And if out of this dialog box. Simply click on OK only (no need to fill in what is not well'').

5. After clicking OK, the image will be entered in your document.

6. For how to use the Object panel; click button insert flash

the Object panel.

7. Then the dialog box will appear to look the same, do as

the previous step.

Ø Note: Flash animation does not get us the results in Dreamweaver, but we can see the preview through a web browser as follows:

1. You can view web pages in the browser (Internet

Explorer, Mozilla, Chrome, etc.) by clicking on the Preview Browser via toolbar button that is on the layout.

2. After select the web browser that you want, then the result will appear in the web browser.

Creating a Hyperlink from the Property inspector

You can create a hyperlink text from page to

another page using the Property inspector facilities.

1. Select the text that you want a hyperlink.

2. Shadding text (press the left button on the mouse, select the text

to be in the link).

3. Then move your cursor to the Property inspector

bar, click on the link area type the name of the destination file.

4. You can also choose the destination of a link by opening the folder symbol,

then the dialog box will appear, where you can select the file you

want. Then click OK.

5. Move the cursor to any place, then the text you are

hyperlink.

And so many of my tutorials give, hopefully with the tutorial, you can create more by using Dreamweaver.