flash & dream weaver
TRANSCRIPT
-
8/2/2019 Flash & Dream Weaver
1/20
DREAMWEAVER
-
8/2/2019 Flash & Dream Weaver
2/20
Q1.Using dreamweaver create a webpage showing image mapping , hyperlink, email link and
named anchor.
IMAGE MAPPING
Steps for image mapping:
1. Click on insert , then browse and select the image to be selected.2. Enter the file name that has been selected.3. Now, click the any hotspot tool button in the properties inspector, as shown in the figure.4. Drag the rectangle hotspot tool on the image to create a rectangle hotspot.5. Dreamweaver message box appears indicating the user to describe the link, target etc6. Enter the link by browsing the file and the target and save the file.7. Now open the dream weaver file in web browser, the following image will be shown.8. Click where the rectangle hotspot was created, the link i.e. another image or file will be
shown to which the link has been created.
-
8/2/2019 Flash & Dream Weaver
3/20
HYPERLINK
Steps for creating hyperlink:
1. Click on insert on the menu bar, then click on the hyperlink option.2. A message box appears to enter the text that has to be created as hyperlink .3. Browse a particular file to enter in link.4. Also enter the target, title, access key and tab index in the message box and click on ok
button.
5. Save the file.6. Open the saved file in the web browser and click on the text, a new file or image will be
shown in the web browser.
NAMED ANCHOR HYPER LINK
Steps for creating named anchor hyperlink:
1. In dream weaver click on insert and select name anchor from the options given in themenu bar.
2. Type the name of the named anchor in textbox and click ok.3. Select the text to set the named anchor.4. Type # and the name of the named anchor in the link text box in the property inspector
and save the file.
5. Open the file in the web browser, click the named anchor text .E-MAIL LINK
Steps for e-mail link:
1. Click on insert , then on e-mail link in the option of the menu bar.2. A e-mail dialogue box appears, enter the text and e-mail textboxes and click ok.3. Open the file in web browser and click on the e-mail link text.4. The required e-mail message box appears.
-
8/2/2019 Flash & Dream Weaver
4/20
-
8/2/2019 Flash & Dream Weaver
5/20
-
8/2/2019 Flash & Dream Weaver
6/20
Q2.Using dreamweaver create a webpage showing rollover image, image placeholders .
IMAGE ROLLOVER
Steps for creating image rollover:
1. Click on insert and select image object and then select image roll over from the option inthe menu bar.
2. Browse images for original image and roll over text boxes and enter alternate key andthen press ok button.
3. Open the saved file in web browser and roll the mouse pointer on the image.4. A new image will be rolled over in the web browser.
-
8/2/2019 Flash & Dream Weaver
7/20
-
8/2/2019 Flash & Dream Weaver
8/20
IMAGE PLACE HOLDER
Steps for image place holder:
1. Click on insert and select image object and then select image place holder from theoption in the menu bar.
2. An image place holder dialogue box appears, enter the name, width, height, alternate keyand color. Then click ok.
3. Click on the text, enter the link and source for the property inspector and save the file.4. Open the file in web browser and click on the image.5. A new image will be shown in web browser.
-
8/2/2019 Flash & Dream Weaver
9/20
-
8/2/2019 Flash & Dream Weaver
10/20
Q3.Using dreamweaver crete a website using frames.
Steps for inserting frames:
1. Click on insert in the menu bar.2. Select the option i.e. HTML then frames and then particular type of frame that is to be
inserted.
3. Now properties can be change like borders, borders color, width according to thesuitability.
4. We can also insert images in each individual frames and save the file.5. Open the file in web browser.
-
8/2/2019 Flash & Dream Weaver
11/20
Q4.Using dreamweaver create a webpage using form.
Steps for inserting frames:
1. Click on insert in the menu bar.2. Select the option i.e. form then select the form and then particular type of text field that is
to be inserted.
3. Select various buttons , checkboxes, option boxes, menu list, image field, file field etcthat have inserted in the web page and save the file.
4. Open the file in the web browser.
-
8/2/2019 Flash & Dream Weaver
12/20
-
8/2/2019 Flash & Dream Weaver
13/20
FLASH
-
8/2/2019 Flash & Dream Weaver
14/20
Q1.Using flash create a flash object showing blur effect.
Step:
1. Enter any text on the stage2. Select filter option from property window3. Click on the plus sign and select the blur option4. Fill up the blur ratio
-
8/2/2019 Flash & Dream Weaver
15/20
-
8/2/2019 Flash & Dream Weaver
16/20
Q2.Using flash create a flash object showing motion tweening.
Steps:
1. Draw a shape using oval tool from tool panel in frame12. Select frame 35 on the timeline panel and press f6 from keyboard to insert keyframe and
draw rectangle
3. Right click any frame between frame1 and frame 40. A context menu appears.4. Select the create shape tween option from the context menu5. Select control- test movietest
-
8/2/2019 Flash & Dream Weaver
17/20
-
8/2/2019 Flash & Dream Weaver
18/20
Q3.Using flash create a flash object showing shape tweening.
Steps:
1. Draw a shape using oval tool from tool panel in frame12.
Select frame 35 on the timeline panel and press f6 from keyboard to insert keyframe anddraw rectangle
3. Right click any frame between frame1 and frame 40. A context menu appears.4. Select the create shape tween option from the context menu5. Select control- test movie -test
-
8/2/2019 Flash & Dream Weaver
19/20
-
8/2/2019 Flash & Dream Weaver
20/20