Lab Assignment #3: Images
Writing for the World Wide Web

The Assignment
For our third lab, you will learn how to work with images and pictures in your web sites.

Please do all of the tasks listed in the table below.  And remember: you will be graded only on the technical aspects of your web pages, not their rhetorical sophistication.

 
Task Hint Sample
Begin by opening your site through Expression Web.  From now on, whenever you work on your sites, you should always open them by using the Site -- Open Site command in Expression Web. Site -- Open Site -- P drive -- htdocs -- Open.  You may need to browse for your P drive and htdocs folder the first time you do this.  
Download sample pictures from my web site, or come up with pictures of your own.  You need to use at least 3 different pictures (or more, if you'd like). Place your cursor on a photo and right click on the mouse.  "Save picture as"
 
     
Insert the three pictures in 9 different places on your website. Insert -- Picture -- From File  
     
Place the pictures on the pages in three different positions: Left, Center, Right. Highlight the picture, then move it around using the align buttons.  
Text wrap around at least 4 pictures.  Do two wraps to the left, and two to the right. Double click on the picture to open up the Properties window.  Double click -- Appearance -- Wrapping Style  
Make at least one of your pictures a hyperlink (to anything you like). Highlight picture, then make link as usual.  
Save your new pages and pictures in your htdocs folder. Images and pictures must be in the htdocs folder in order for people to see them on your pages.  
Scan in or download three original pictures from your phone or digital camera and place them on your web site. There are scanners available in a couple of TETC labs and elsewhere on campus.   
     
Pick three of your pictures and crop each one in three different ways.  Save each original picture and its cropped versions on its own page. Use Microsoft Picture Manager to crop your pictures.  Be sure to save them as .jpg files.  And be sure to save them in the same file as your html page.