Dreamweaver Notes

It is the powerful web designer software to create the attractive and powerful pages. It has many others facilities to work in web.
Getting start:-
· Click start / program.
· Click macromedia folder and dream weaver.
Or
· Open “Run”.
· Type the word “Dream weaver” and click on ok.
[While Dream weaver starting, one palate with the two options comes, click on 4 spaces.]
Dream weaver Environment:-
There are many different palates (Tools) to work with dream weaver. They are given below:-
Insert:-
Using insert palate we can use different kinds of tools for designing web page.
Getting methods:-
You will get the insert palate default while opened the program like wise we can get it if hidden from window/insert. We can get these tools of the insert using insert menu too.
Property palate:-
The properties of the tools and objects are included in the property palate. In case it is hidden get from window /properites.
Site :-
Site is the collection of different pages and objects under the any site folder, to create such sites we can use the site menu or site palate.
The site palate displays the root of pages under the sites. As well as we can create the new sites too from this palate.
File:-we can create the new file, folder in the existing websites as well as view in the browser.
View:-using this menu we can view the sites map (F8) or files (Alt+f8) under the site.
Site:-
New sites:-we can create the new site from this option.
How to define the new site?
èGo site menu and click on new site
èThen you’ll get site definition window
èType your site name click on next button
èThen choose “no, I don’t use server technology” then click on next
èThen choose first option and select your folder and click on next.
♣Then choose the “none” on to the dialog box and click on next.
♣Finally define your site and click on done button.
Text formatting:-
We can work with the text using text properties.
The text can be formatted using following property box.
Format:-
There are six heading’s formats for format the text; using them text’s sizes can be changed.
Font type (A):-
Using this box we can change the font types.
Size:-
We can change the font sizes using this option.
Text color:-
We can change the text color using this box. In the nearest box giving number we can change the color types too.
Bold/Italic/Alignment:-
We can use bold, italic as well as arrange the alignment too.
Link:-
Using this option we can link the file.
Steps:-
1. Click on folder.
2. Select the file.
Page and page properties:-
Page is that interface where we can design the real webpage. The page is formatted using its properties. To get the property box, Right click on it and click on page property.
Properties:-
Title:-It is used to name the title of the page.
Background Image:-We can set the background image using this option.
Background Color:-We can set the background with color.
Text:-Sets the text color of the page.
Link color:-Sets the hyperlink color.
Left margin/Right margin:-they arrange the left or right margin of the page.
Using insert palates’ tools:-
(Hyperlink):-To link the file from one location to another this icon is used.
Steps:-
a. Click on hyperlink icon.
b. Write down “Linker” in the text.
c. Click on link folder.
d. Select the file and click on ok.
(Draw Layer):-It is used to draw the layer for placing the elements dynamically. We can store image, text, video etc in the layers.
(Image):-
It is used to insert the image.
Steps:-
a. Click on the image.
b. Select the source picture.
c. Click on open.
d. Save the image in your web folder.
e. Click on ok.
f. Set the properties.
Hotspots:-
It is linkable area from where clicking we can open the file by hyperlink easily.
Steps:-
1. Click on hotspot shape.
2. Define the hotspot area drawing on the image.
3. Link to the source.
Image place holder:-
It is also used to insert the image on the page.
Steps:-
a. Click on the image place holder.
b. The dialog box is appeared, write the text, set the background color, define the size of image place holder and click on ok.
c. Go to property box of iph (image place holder).
d. Click on source.
e. Select the source and click on ok then save the picture.
f. Set others required properties.
FLASH:-
Using this icon we can insert the flash made movie.
Steps:-
a. Click on flash.
b. Select the flash movie.
c. Click on ok.
Your can now set the flash movie property from property box.
ROLLOVER IMAGE:-
It is used to create the rollover image and link the others object like picture, page etc.
Steps:-
1. Click on rollover image.
2. Click on browse for inserting original image that will appear first.
3. Click on browse for inserting rollover image that will appear when moves the mouse.
4. If you want to link the objects click on browse in “when clicked, go to url”.
Your can set the many properties from the property box also.
NAVIGATION BAR:-
It is used to create the navigation bar that helps to navigate the objects by hyperlink. It creates the rollover image too.
Steps:-
a. Click on navigation bar.
b. Browse the image for up, over, down, over down and link image. You can write the alternative text for execution the text incases of picture not loading.
c. Save the picture.
You can insert the navigation bar only one in the one page.
HORIZONTAL RULE:-
It is used to insert the horizontal line on the page.
Steps:-
a. Click on it.
b. Set the properties like height, width etc.
DATE:-
Using this we can insert the date of system in our page.
Steps:-
a. Click on date.
b. The dialog is opened, choose the format.
c. Check on “automatically updated” for the updating time.
LAYOUT TAB:-
The layout tab contains the following tools:-
A. Insert table.
B. Draw layer.
A. INSERT TABLE:-
This is used to insert the table.
STEPS:-
a. Click on insert table icon.
b. Give the numbers of rows and columns.
c. Set others properties.
INSERTING AND MERGING TABLE:-
a. Select the table.
b. Right click on the cell.
c. Select the options.
B. DRAW LAYER:-
This is used to draw the layer where we can insert the image as well as text as our requirement.
FORMAT TABLE:-
This command helps to format the cells. There are many readymade format of the table.
STEPS:-
a. Select the table.
b. Select the format as you want.
c. Set the rows and column’s color and text types.
d. You can view the effects when apply.
TEXT TAB:-
It contains the many text formatting tools like:-
B- For bold.
I-italic
S-strong
EM-emphasis
[“ ”]- For block quote.
PRE- FOR the previous condition of the text.
H1 TO H6- for heading text.
UL AND OL- for the unordered list and order list.
TABLE TAB:-
This tab also contains the table .Using this we can insert the table and set the required properties.
FRAME TAB:-
It is used to insert the different kinds of frames in our page.
To insert the frame we have to follow the following rules:-
STEPS:-
a. Click on any frames.
b. To modify it go to property box.
Border:-choose “yes” for the border.
Border width:-give number for the border width.
Border color:-choose the border color for the border.
Every frameset makes the page.
For more frame options:-
TO INSERT MORE:-
A. Keep the cursor in the frame.
B. Go to insert menu.
C. Chose the “frames”.
D. Choose the frame options as you like to insert the frame.
MODIFY THE FRAME:-
To modify the frame:-
a. Keep the cursor in the particular frame.
b. Go to modify menu.
c. Choose frameset.
d. Choose the “split frame”.
CHARACTER TAB:-
Using this tab we can insert the different characters that are needed.
Like: – £-pound.
©-copy right.
®- register.
™- Trade mark……………….
MEDIA TAB:-
Using this we can insert the different media tools like:-
FLASH ():-
We use this flash to insert the flash movie.
Steps:-
a. Click on flash.
b. Choose the flash movie.
c. Click on ok.
FLASH BUTTON ():-
We can insert the flash button from this tool.
Steps:-
a. Click on button.
b. choose the button
c. Write down the text in the button text.
d. Arrange the text, size, bgcolor etc.
FLASH TEXT ():-
We can insert the flash text using this tool.
Steps:-
a. Click on “flash text”.
b. Set the original color and rollover color.
c. Write down the text in the text box.
d. Set the back color and link if needed.
e. Click on ok.
SOCKWAVE ():-
Using this too we can insert the flash movies.
Steps:-
a. Click on shockwave.
b. Select the flash movie.
c. Click on ok.
FORM TAB:-
Using this we can insert the form and its elements.
We can insert the following form elements in the page.
FORM ():-
It is the interface, platform for the form’s elements. It is the objects for server and client’s instruction.
TEXT FIELD ():-
It is used for input text box. It has the following properties also:-
CHARACTER WIDTH:-for the width.
MAX CHARS:-For limiting the text characters numbers.
SINGLE LINE:-It is used for only single text writing text box.
MULTILINE:-It creates the email text box where we can write multiple lines and characters.
PASSWORD:-It creates the password text box.
TEXT AREA:- It creates the email text box where we can write multiple lines and characters.
CHECK BOX ():-
We can create the check box from this tool.
RADIO BUTTON ():-
We can create the Radio button from this tool.
RADIO GROUP ():-
Using this we can create at once many radio buttons in group.
STEPS:-
a. click on radio group.
b. Add required buttons from plus button.
c. Double click on the created buttons and write down the text.
d. Click on ok.
LIST/ MENU ()
Using this we can create the combo or list box.
STEPS:-
a. Click on this menu.
b. Select and go to property box.
c. Click on menu for the combo box or click on menu
d. Click on list for the list box.
e. Give height in number and select the all multiple.
f. Click on “List values” button for adding new value in the list or menu.
JUMP MENU ():-
It is used for open the others program.
STEPS:-
a. Click on jump menu.
b. Click on plus (+) button for the button.
c. Write the caption in the button in the text box.
d. Click on browse button for link the program.
e. Click on ok.
IMAGE ():-
It is used to insert the image in the page.
STEPS:-
a. Click on image.
b. Select the image.
c. Save in your page.
d. Click on ok.
FILE FIELD ():-
It helps to browse the file and insert in the page. For inserting or apply the file on the page we need to write down vbscript.
STEP:-
a. Click on field.
BUTTON ():-
We can insert the three kinds of button from this tool.
SUBMIT:-For submitting the client’s data to the server.
RESET BUTTON:-To blank the written text in the text box.
BUTTON (NONE):-t is normal button helps to input the data or instruct commands.

Related posts:

VB Script Notes
How to Make Your Laptop Computer More Secure
Receive the most well-liked wordpress plugin directory available today, you'll find both free and exceptional plugins below. We have actually examined the entire web, reviewed hundreds of suggested Wordpress plugins and picked the most effective.
Discover technology innovation the latest modern technology news, consisting of brand-new product launches, sales figures and technician business efficiency info. Check out information on brand-new gizmos and models for future modern technology.
seo tips and tricks you should and need to not be doing on your Websites to make them rate higher in search engines. In a constantly transforming Search Engine Optimization garden, it is very important to stay updated about the altering practices and techniques of optimization.
Listed here is a listing of software WordPress management console from a main area. There are WordPress control panels, and also multisite tools to handle domains, motifs, projects, and more. includes one-click gain access to, tracking, back-up, deployment, publishing, and safety attributes. Review which of your websites have motifs and plugins that need focus. With one click, upgrade all your plugins, motifs or center WordPress software application.


Hi, My Name is Sanjan Bikram. I am a Visual Interface Designer focusing on Web Applications design, WordPress/blogger development… I am also the founder and Chief-editor of XploringMinds.Com

Share This Post

Recent Articles

Leave a Reply

What is 4 + 14 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)
XploringMinds is on Wordpress CMS · Designed by BloggingTalks