• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 2. Working with Graphics

Lesson 2. Working with Graphics

Graphics play a significant part in capturing the attention of your audience and effectively communicating the intended message of your Web site. In this lesson, you will create Web pages that incorporate graphics, text, and Flash. In the process, you'll learn about different graphic file formats, how to control their appearances in an HTML document, and how to combine them with text.

The features in Dreamweaver MX give you a great deal of control over the graphics used in your site. You are able to modify image properties quickly within Dreamweaver, as well as immediately open images within an external image editor. The Assets panel simplifies the management of graphics by enabling you to create catalogs of all the images used in your site or of images that you need to have available.

In this lesson, you'll create a page like this one while you learn to incorporate graphics with text on your Web pages.

If you would like to view the final result of this lesson, open invent_lens.html in the Completed folder within the Lesson_02_Graphics folder.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Identify graphics formats and explore their differences

  • Insert graphics into a page

  • Modify the properties of your images

  • Give your images names and <alt> tags

  • Change the positioning of graphics on a page

  • Align text with an image

  • Wrap text around an image

  • Use the Assets panel to manage graphics

  • Insert buttons and animations from Macromedia Flash

APPROXIMATE TIME

This lesson should take about one hour to complete.

LESSON FILES

Media Files:

Lesson_02_Graphics/Images/bkg_inside_tan.gif

Lesson_02_Graphics/Images/invlens_header.gif

Lesson_02_Graphics/Images/ptarena_lens.jpg

Lesson_02_Graphics/Images/ptarena_outlens.jpg

Lesson_02_Graphics/Images/ptarena_belowlight.jpg

Lesson_02_Graphics/Images/lens_demoY.swf

Lesson_02_Graphics/Images/ptarena_prism.jpg

Starting Files:

Lesson_02_Graphics/Text/invent.txt

Lesson_02_Graphics/Text/lens_demo.txt

Completed Project:

Lesson_02_Graphics/Completed/invent_lens.html

Lesson_02_Graphics/Completed/lens_demo.html


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint