CREATING A LIST

Exercise No: 1
Aim :
create an ordered list, unordered list, definition list and some nested list.
nge the text alignment, text style, text colour in the page.
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Select the HTML option from File->New, then the new HTML page
will be displayed and name it as list.html.
Step 4: Type suitable text related for ordered, unordered and definition list in
the design window.
Step 5: Select the specific text from the design window and create ordered,
unordered and definition lists EITHER by using
Properties Window

Click the unordered list button to create a bulleted list.

Click the ordered list button to create a numbered list.
Click the definition list button to create a definition list.
(OR)
Text menu

Select List->Unordered List to create a bulleted list.

Select List->Ordered List to create a numbered list.
 Select List->Definition List to create a definition list.

Step 6: If you want to change the type of the ordered/unordered list for the
selected list, get into the properties window, select ordered/unordered list.
Step 7: Select the specific line or word which needs specific font size, font
style and color using the properties window.
Step 8: Save the web page and click File->Preview in Browser option.
Step 9: Stop the process.
 IMAGE EDITING
Exercise No: 2
Aim :
To insert an image into a webpage and use any five
Dreamweaver’s image editing tools. Use sharpen, cropping &
brightness/contrast. Then perform image resizing and image resampling.
Algorithm:
Step 1: Start the process.
Step 2: Create a new folder and save 7 copies of any image and assign
names.
Step 3: Select the Macro Media Dreamweaver Software.
Step 4: Select the HTML option from File->New, then the new HTML page
will be displayed and name it as imageediting.html.
Step 5:

Sharpen the 1st picture by choosing Modify-> Image -> Sharpen

option.
Crop the 2nd picture by choosing Modify-> Image -> Crop option.
Add Brightness to the 3rd picture by choosing Modify-> Image ->
Brightness option.
Add Contrast to the 4th picture by choosing Modify-> Image ->
 Contrast option.
Resample the 5th picture by choosing Modify-> Image -> Resample
option.
Resize the 6th picture by changing the width and height values in the
Properties window.
Step 6: Place all these pictures in order and save the web page
imageediting.html.
Step 7: Click File->Preview in Browser option to view the changes made to
the original image.
Step 8: Stop the process.
 TABLE CREATION
Exercise No: 3
Aim :
To Create a table with text in column 1 and numbers in column 2. Try
both ascending and descending sorts on both the alphabetic data in column
1 & the numeric data in column 2.
Algorithm:
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Select the HTML option from File->New, then the new HTML page
will be displayed and name it as tablecreation.html.
Step 4: Create a new table by choosing Insert->Table option.
Step 5: An Insert Table dialog box appears. In that window specify the
required number of rows and two columns for the table.
Step 6: Type the text items in the first column and number in the second
column.
Step 7: Copy and paste the table and sort the data items in an ascending
order by choosing Commands->Sort Table.
Step 8: A Sort table window will appear. In that window specify the column,
Order and then Click OK.
Step 9: Repeat Step 7 and Step 8 for sorting in the descending order.
Step 10: Save the web page and click File->Preview in Browser option.
Step 11: Stop the process.
 NESTED TABLE, MERGING AND SPLITING
Exercise No: 4
Aim:
Insert a table and experiment with merging and splitting cells. Insert a
nested table into one of the cells in standard mode or draw a nested table in
layout mode.
Algorithm:
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Select the HTML option from File->New, then the new HTML page
will be displayed and name it as nestedtable.html.
Step 4: Create a new table by choosing Insert->Table option.
Step 5: An Insert Table dialog box will appear. In that window specify the
required number of rows and columns for the table.
Step 6: To perform merging, select the cells and right click. A Pop-up menu
will appear. In that menu select Table->Merge Cells option.
Step 7: To perform splitting, select the cells and right click. A Pop-up menu
will appear. In that menu select Table->Split Cell option. Split Cell dialog
box will appear and specify the number of rows or columns to split the cell.
Step 8: To Create a Nested Table inside the cell by clicking Insert->Table
and also specify the required number of rows and columns.
Step 9: Save the web pages. Click File->Preview in Browser option.
Step 10: Stop the process.
 FORM CREATION
Exercise No: 5
Aim :
 To create a form to collect the user data for your choice. Format the
form object and labels with a table, so that they line up nicely. Place submit
and reset buttons in the bottom row of the table and merge the cells.
Algorithm:
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Select the HTML option from File->New, then the new HTML page
will be displayed and name it as form.html.
Step 4: Create a form to collect the user data by choosing Insert->Form
option.
Step 5: Insert a table inside the form for formatting the form objects and
labels with in a table by choosing Insert->table.
Step 6: An Insert Table dialog box appears specify the required number of
rows and two columns for the table.
Step 7: In the first column, place the labels for Name, address, Gender, City
and Languages Known, etc...
Step 8: In the second column, insert Text Field, Text Area, Radio Button, List
and Checkbox, etc.. which are in the Insert->Form option.
Step 9: Select the last row and merge the cells by Merging option.
Step 10: In the last row, place two buttons submit and reset by choosing
Insert->Form->Button option.
Step 11: Save the web page and click File->Preview in Browser option.
Step 12: Fill the form and click submit and reset button.
Step 13: Stop the process.

WEBSITE CREATION USING HYPERLINKS

Exercise No: 6
Aim:
Create a favorite link page, including links to all your favorite web site.
You can either use the URL of the link as the text that displays or you can
create a hyper link out of a descriptive word or phrase.
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Create three webpage by Selecting the HTML option from File->New,
and name the new HTML as index.html, hlink1.html, hlink2.html.
Step 4: Design the two web pages hlink1.html & hlink2.html.
Step 5: In index.html webpage, insert a hyperlink for hlink1.html webpages
by choosing Insert->Hyperlink or by selecting the Hyperlink button from the
toolbar -common.
Step 6:
Descriptive Words as Link
A Hyperlink dialog box will appear, type the text in the textbox that
you want to turn into hyperlink. Click Browse icon to select the
web page to which you want to set link(hlink1.html) and click OK.
URL as Link
Click Browse icon to select the web page to which you want to set
link (hlink2.html) and click OK.
The hyperlink is shown in blue color with underlined for the above two
cases.
Step 7: Save the web page. Click File->Preview in Browser option.
Step 8: Stop the process.
 INSERT A SOUND AND MOVIE FILE INTO A WEB PAGE
Exercise No: 7
Aim :
To Insert a sound or movie file into a web page. Create a hyperlink to
the same file. Explore how the sound or movie works differently from the
linked sound or movie.
Algorithm:
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Create three webpage by Selecting the HTML option from File->New,
and name the new HTML as sound.html and movie.html
Step 4: In sound.html webpage, insert a hyperlink link for webpage by
choosing Insert->Hyperlink or by selecting the Hyperlink button from the
toolbar-common.
Step 5: A Hyperlink dialog box will appear, type the text in the textbox that
you want to turn into hyperlink. Click Browse icon to select the song to
which you want to set link(locate Path of the song) and click OK.
Step 6: To insert more number of (sound files) links Repeat Step 4 & 5.
Step 7: In movie.html webpage, Repeat Step 4 - Step 6 for required number
of movie links.
Step 8: In soundandmovie.html webpage, Repeat Step 4 - Step 6 to create
hyperlinks for sound.html & movie.html web pages.
Step 10: Save the web pages. Select the soundandmovie.html web page and
click File->Preview in Browser option.
Step 11: Stop the process.
 WEBSITE CREATION USING FRAMES
Exercise No: 8
Aim:
To design a web site for a product using frames.
Step 1: Start the process.
Step 2: Select the Macro Media Dreamweaver Software.
Step 3: Select the HTML option from File->New, then the new HTML page
will be displayed
Step 4: Select Insert->HTML->Frames->Top to add a top frame and name it
as top frame
Step 5: Add the company name to the top frame
Step 6: Create two webpage by Selecting the HTML option from File->New,
and name the new HTML as products.html, about.html.
Step 7: Select Insert->HTML->Frames->Left to add a left frame and name
it as left frame
Step 8: Create hyperlink for the pages in left frame choosing Insert
->Hyperlink or by selecting the Hyperlink button from the toolbar-common.
Step 9: Select Insert->HTML->Frames to add a main frame and name it as
mainframe
Step 10: Set target frame to the hyperlinks by right clicking the selected
hyperlink and select target frame as main frame
Step 11: Save the web pages. Click File->Preview in Browser option.
Step 12: Stop the process.