February 15, 2011Computer Science

Mr. Verlin

Web Design

Pre-class (10 classwork pts.)◦ Launch Expression Web.◦ Re-create the “Personal 1” template.◦ Click the Split view tab on the bottom edge of the design

window. You will see both the design and code views displayed at the same time.

◦ In a Word document, explain how the design is related to the code.

Announcements◦ Upcoming Project: personal website (see handout)

Preliminaries

Be able to select and move graphics. Be able to resize and sample graphics. Be able to create thumbnails of images and set

AutoThumbnail properties. Be able to crop graphics. Be able to rotate and flip graphics. Be able to position graphics on a page. Be able to wrap text and graphics. Be able to adjust color and brightness of graphics. Be able to add a bevel to a graphic. Be able to apply borders and shading. Be able to restore a graphic.

Review: Working with Web Page Graphics

Be able to define the difference between a bookmark and a hyperlink.

Be able to create bookmarks and hyperlinks within a web page.

Objectives◦ Be able to listen and read large amounts of text

carefully for a sustained period of time.◦ Be able to create a hyperlink to a web page.◦ Be able to create a hyperlink to a file◦ Be able to create a hyperlink to an e-mail address.