Training

• Home
• Training Classes

"Winners make choices,
losers make excuses."
Decide to be a Winner!!!!

± Getting Started

± Phase 1
Planning

± Website Tools

± Phase 3
Conceptual Design

± Helpful Information

± Phase 4
Physical Design

± Phase 5
Testing

± Phase 6
Implement and Market Website

± Other Web Development Items

± Multimedia

± Useful Utilities

± Programming

± Advanced Programming

± Microsoft Office Products

± Computer Maintenance

± Other

---

NOTE: This is a collection of information and links collected over the years that might provide useful information. A Safer Company LLC does not guarantee, endorse or approve any of these links or their scripts. Use these links to other websites at your own risk.

Adding and Editing Images with Dreamweaver

 

Adding Images with Dreamweaver

Dreamweaver is a excellent tool to use to add photographs or images to your web page. Of course you can use any text editor and type the HTML code and insert images too.

1. Create a new HTML page in Dreamweaver <Ctrl> n
2. Make sure that you are storing all of your photographs in the image folder
3. In Dreamweaver, there are at least 3 ways to add an image to a page. Go to the position on the page where you want the image to be located. It is probably easier to be in the Design view of Dreamweaver.
• From the top menu bar, select Insert > Image and go to the folder and file of your image.
4. Make sure that you include the alt text for screen readers.

Editing Images in Dreamweaver

Dreamweaver CS4 and above have a tool for editing images.

1. Make a backup copy of your image before you edit in Dreamweaver. Dreamweaver will actually resize and crop the image. So if you get it too small you cannot undo.
2. Once you have added the image to the web page, click on the image in Dreamweaver Design view.
3. Crop
   1. You should see the image properties in the properties panel at the bottom of the screen
      
   2. Select the Crop icon
   3. Drag the outline to the part of the image that you want to keep.
   4. When you finish, make sure that you click on the crop icon again to actually crop the image.
4. Resize
   1. Select the image
   2. You will see the image properties in the properties panel at the bottom of the screen
   3. Select the Edit Image icon
   4. You will see the Image Preview screen
      
   5. Select the File tab
      
   6. Make sure that Constrain is checked.
   7. Change the image size by a percentage or width or height.
   8. Select OK at the bottom of the screen to save your changes.
   9. If the image does not look differently, you probably did not click OK, Go through the resize process again.

 

top of page

Page last updated: May 31, 2012 10:50 AM