Inserting and Editing Pictures in Dreamweaver 8


Download Inserting and Editing Pictures in Dreamweaver 8


Preview text

Inserting and Editing Pictures in Dreamweaver 8
Terminal Objective: To insert and edit an image into Dreamweaver 8.
Information: If you have already inserted your image, go to page 3 to begin the process of modifying your picture.
Before inserting a picture in Dreamweaver, be sure that you know where your picture is located on your computer or on your flash drive.
• To insert a picture on an evidence page, first open the evidence page you want to work on.
• Next, click on the ‘Insert’ Menu and select the ‘Image’ file option

• The ‘Select Image Source’ box will appear. Navigate to the location of your picture file, which will option be stored on your flash disk.
• Press ‘OK’

The picture you selected will appear in the Dreamweaver screen.
Modifying Your Image Information: Modifying your image or picture can be done for the following reasons:
™ Faces need to be blurred ™ Picture needs to be cropped(To crop an image means you want to keep part of
the picture but not all of it) ™ The file size of the picture is too big(above 40k) or the physical dimensions of
the picture are too big

• To begin editing your picture, single left mouse click the picture. A thick, black line will appear around the picture once you have selected it.
Thick, black line

• Looking on the ‘Properties’ bar, which is located at the bottom of the screen, single click the Fireworks Icon. This icon looks like a little, orange circle.

Properties window

Single click this icon

Clicking this icon will open the picture in a new program called Macromedia Fireworks. Macromedia Fireworks is a program that allows you to edit your picture.

After clicking on the orange Fireworks icon, the following screen will appear asking if you want to use a PNG file.

• Single click the ‘Use This File’ button. Depending on the version of Macromedia Fireworks you are using, the buttons may say ‘Yes’ or ‘No.’ If this is the case, press the ‘No’ button

The picture will open into a new screen that looks like this:
Face Blurring You may have some pictures with the faces of your students in them. It is a school and government requirement that you blur the faces of your students since they are minors.
• To begin the face blurring procedure, single click the icon on the left side of the screen that looks like a water drop. It is located in the icon group under the word ‘Bitmap.’

Click on this icon Your cursor will now look like a blue circle instead of an arrow Once you select this icon, look at the ‘Properties’ menu at the bottom of the screen. You will see options to change the size of your blur tool(this will allow you to blur a larger area) and to change the intensity of the blur tool(the intensity of the blur tool determines how dark or light the blurring becomes).
The size option
The Intensity option

• To make the size of the blur tool bigger, click on the icon next to the number and adjust accordingly. Increasing the number will enlarge the blur tool so that you may blur a larger area.
• To change the intensity, click on the icon next to the number and adjust accordingly. Increasing the number of the intensity tool will blur and darken an area faster than a smaller intensity.
Click on this icon to change the size of the blur tool
Click on this icon to change the intensity of the blur tool An example of a picture with a blur tool set at 75 for size and the intensity set at 80 would look like this:

• Once you are done blurring the faces of your students, click on the ‘Done’ button at the top left of the screen.
Clicking the ‘Done’ button will close Macromedia Fireworks and put the new picture in Macromedia Dreamweaver.
• To see the changes to your photo in Dreamweaver, click the purple ‘Refresh’ button located near the bottom, left side of the screen. Click on the purple icon

You MUST click on the purple icon to see the changes you made in your picture. Picture Cropping Cropping an image means that you want to use part of an image but not the entire image.
• To crop a picture, first select the picture and press the orange ‘Fireworks’ icon on the ‘Properties’ menu.
Click here After clicking on the orange Fireworks icon, the following screen will appear asking if you want to use a PNG file.
• Single click the ‘Use This File’ button. Depending on the version of Macromedia Fireworks you are using, the buttons may say ‘Yes’ or ‘No.’ If this is the case, press the ‘No’ button

Preparing to load PDF file. please wait...

0 of 0
100%
Inserting and Editing Pictures in Dreamweaver 8