Labels

Jumat, 23 November 2012

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.
And so many of my tutorials give, hopefully with the tutorial, you can create more by using Dreamweaver.

1 komentar:

  1. 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