How to Manage 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> OpenYou 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 ontemplate.
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
filehtm or html
form.- Click the Save button to save the file.
WORKING WITH TABLESTables used for formatting data in positions of columns and
rows.The intersection between the row and
column is called a cell, and we canenter data in the cell.Inserting a tableTo insert a
table into the homepage, firstplace the cursor to the desired place. Then, choose one among 3the 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 + TThen will come the Insert Table dialog
boxEnter 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 imageabove, the table will be included berlebar 200 percent ("Width:
200Percent "). That
is, the width of the table later is 200 percent of the widthpage. 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 boxreads Percent to Pixels. The width of each column
will be divided equallyaverage 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 pixels3. Next, enter the desired width of the
table border in unitspixel. 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
Spacingmean distance between the cells in
the table, while the Cell Padding mean distanceof border cell to cell
contents. When
finished, click the OK button. Ifwant to cancel, press Cancel.After pressing the OK button, then the table will be included
in a pageYou.
Insert Flash ButtonIn Dreamweaver you will be given the ease in designing websitedynamic with the button-button menu in documentyou. Macromedia Dreamweaver Flash Button
can directly enterhighly 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
selectingbutton shapes, write text and type
to the size of the text to bedisplayed 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 onDreamweaver, by using the main menu
and theusing 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. Chooselogo 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 buttonthe Object panel.
8. Then the dialog box will appear to look the
same, do asthe previous
step.
CHANGING
COLORS IN TEXTIn Dreamweaver, there is
an assortment of the dialog box, as well as theProperty 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 textthat will change color).
3.
Then
move your cursor to the Property inspectorbar, click on the color area.
4. Move the cursor to any place, then the text you
arechange 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 onDreamweaver,
by using the main menu and theusing 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. Chooseflash 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 flashthe Object panel.
7. Then the dialog box will appear to look the
same, do asthe 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 (InternetExplorer, 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 toanother 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 textto be in the link).
3. Then move your cursor to the Property inspectorbar,
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 youwant. Then
click OK.
5. Move
the cursor to any place, then the text you arehyperlink.
Thanks for this wonderful information that you have exposed in here for every one of us. The true is that I in particular am finding it very difficult in making good contents on my website @tecteem. I need someone who is good in making contents that when users sees it they will stick to my site and want to learn more. I have also read through your content and I find it so attractive, I will implement your content writing style to mine and see the out come. I will get back to you as soon I start.
BalasHapus