Creating Links and adding to the text

Dreamweaver provides a number of ways to insert hyperlinks into your web pages. You can:

1. Type them directly into the Property Inspector.
   
2. Use the Point to File button in the Property Inspector.
   
3. Use the Browse for File button in the Property Inspector.
   
4. Use the Hyperlink button on the Insert bar.
   

Manually Creating Links

When linking to another file in the same folder in your site, it's often easiest to simply type the file name directly into the Link field in the Property Inspector as shown in the Figure-3.8.

Figure-3.8

In the Link field in the Property Inspector, type the name of the file you want to link to and press Enter.

Inserting a Flash Movie

Inserting a Flash movie in Dreamweaver is as simple as inserting a graphic. An FMA is a common type of Flash application that displays an informational message to the audience. This message can be changed pertaining to the needs of people.

1. On the Insert bar, click the Media button and select Flash from the drop-down menu. The Select File dialog opens.
   
2. Navigate to the flash movie file and click OK. FLA files are the default file type for the Flash application. When you export FLA files in Flash, they are converted to SWF files and assigned by a .swf extension. SWF files, play Flash content in a web browser and are the file type you must insert into a web page that you are building with Dreamweaver.
   
3. The Flash movie is placed in the document and appears as a gray box with a Flash icon in the middle. In order to view the Flash movie, you must either access it through the Property Inspector or view it in a browser.
   
4. In the Property inspector (Window > Properties), click Play as shown in Figure-3.9.

   
   Figure-3.9

5. Save the page.

Flash Text Rollovers

1. Place the cursor where you want the rollover text to be positioned. Click on Insert > Media > Flash Text as shown in Figure-3.10.

   
   Figure-3.10

2. Select flash text property like font style, size ,color etc. Type your text in the text box. Save it with an extension .swf and click OK.
   
3. To preview the flash clip, click a play button in the properties window as shown in Figure-3.11 and move your mouse over the text to view the rollover effect.

   
   Figure-3.11

Behaviors

Dreamweaver behaviors make it easy to add interactivity to your site. Behaviors allow visitors to interact with a Web page to change the page in different ways. While using behaviors you need to specify the action and also the event that triggers that action. Some of the Behaviors are Play Sound, Pop-up menu, Jump Menu etc.

Play Sound in Dreamweaver

1. The first step is to create a link for the sound to be played on Rollover or on Click in the properties inspector. You can make a simple text link with the '#' symbol.
   
2. The next step is to add a behavior to the link. Open the Behaviors panel by clicking on Windows/Behaviors and click on the '+' symbol in the Behaviors Panel. Select play sound. With this play sound dialog box will appear on screen as shown in Figure-3.12.

   
   Figure-3.12

3. Browse to find the sound you want to play and click on OK. Make sure a sound file called 'sound.wav' is present in your local folder. If you want the music to play on Rollover then you have to choose onMouseOver.
   
4. Save your work and preview it in the browser.

Create Small Pop-up Windows

1. Open the behaviors panel by clicking on Windows/Behaviors.
   
2. Select the text that you would like to link to the new browser window.
   
3. Click on the '+' symbol in the behaviors panel.
   
4. Click on 'Open Browser Window' as shown in Figure-3.13.

   
   Figure-3.13

5. In the 'Open browser Window' pop-up-window select the URL and specify the width and the height of the window. You can also choose if you want a status bar or a scroll bar etc.
   
6. Click OK.
   
7. In the behaviors panel under the Events Column you can choose on Click if you want the browser window to open only when the link is clicked.
   

Jump Menu in Dreamweaver

1. Create a List/Menu in a form. Click on Insert/Form and then click on Insert/List Menu.
   
2. Open the behaviors panel by clicking on Windows/Behaviors.
   
3. Select the list menu and Click on the '+' symbol in the behaviors panel.
   
4. Click on 'Jump Menu'. With this Jump Menu dialog box will appear on the screen as shown in Figure-3.14.

   
   Figure-3.14

5. In the 'jump Menu' pop-up-window enter the text and the URL for your links. To add a new link click on the '+' and to delete a link click on the '-'.
   
6. Click on OK.
   
7. Save your work and preview it in browser.
   

Photo Album

You can create a complete web photo album in Dreamweaver. With the help of photo album you can create portfolio, showcase your products and can also come up the picture gallery.

For creating Photo Album in Dreamweaver, you need to have Fireworks Software.

1. Create or Open any page within the site.
   
2. Choose Commands à Create Web Photo Album from the toolbar. Give your album a suitable title. Select the Source images folder by using the folder icon to browse to the relevant folder and then choose the destination folder. You can design your album by choosing the thumbnail size, the number of columns you want etc. You can play with rest of the settings. Once you are done with designing part you can Click Ok to continue. Finally, you will receive a message that the photo album has been created and you can view it.
   
3. You will have a folder, under which there will be 3 folders as follows:
   
   • Thumbnails - contains the thumbnails
     
   • Images - contains the images in its original form
     
   • Pages - contains the pages in which the larger images are inserted along with the navigation to navigate between pictures and go back to home.
     
   Along with three folders you will also have index.htm.
   
4. You can now go to the index page and apply your template over there.