Today’s Agenda (2/10/04’) Creating anchored links Creating anchored links Working with images...

Today’s Agenda (2/10/04’)Today’s Agenda (2/10/04’)

Creating anchored linksCreating anchored links Working with imagesWorking with images The “Philosophy” pageThe “Philosophy” page The “Transcript” pageThe “Transcript” page The ePort home pageThe ePort home page More on linksMore on links Publishing your ePortPublishing your ePort

Anchored (or Bookmark) LinksAnchored (or Bookmark) Links

Step 1: Insert an anchor (bookmark).Step 1: Insert an anchor (bookmark). Step 2: Create a link to the anchor.Step 2: Create a link to the anchor.

Using ImagesUsing Images

To enhance web pagesTo enhance web pages To catch a reader's attentionTo catch a reader's attention To convey ideasTo convey ideas As menuAs menu Image linksImage links

Acquiring ImagesAcquiring Images Downloading images from the Web.Downloading images from the Web.

– Try Google images.Try Google images. Scanning pictures.Scanning pictures. Using digital cameras.Using digital cameras. Capturing still images from video/digital Capturing still images from video/digital

camcorder.camcorder. Drawing (e.g. in Paint, Photoshop).Drawing (e.g. in Paint, Photoshop). Capturing images from computer screen.Capturing images from computer screen.

Editing ImagesEditing Images Raw images are rarely ready to be used for Raw images are rarely ready to be used for

web pages.web pages. They usually need to be resized, cropped, They usually need to be resized, cropped,

compressed, etc.compressed, etc. Introduction to Adobe Photoshop (Element).Introduction to Adobe Photoshop (Element). Capturing the computer screen and editing itCapturing the computer screen and editing it

in Adobe Photoshop in Adobe Photoshop

Working with Images in FrontPageWorking with Images in FrontPage

1.1. Inserting images and setting image Inserting images and setting image properties.properties.

2.2. Deleting an image.Deleting an image.

3.3. Image links.Image links.

4.4. Images on a web page aren’t really there. Images on a web page aren’t really there. The page contains only the reference to the The page contains only the reference to the images.images.

5.5. So, make sure you copy the images to the So, make sure you copy the images to the server as well.server as well.

ePortfolio: Site MapePortfolio: Site MapHome Page(index page)

Resume page Transcript page

Standards page

Philosophy page

Favorite sites page

Site 1

E-mail

Link to

Link to and from

Site 2 Site 3Teaching Language Arts Technology TechnologyEducation

The Philosophy PageThe Philosophy Page

DemoDemo

The Transcript PageThe Transcript Page

DemoDemo Horizontal linesHorizontal lines

– Inserting a horizontal lineInserting a horizontal line– Setting line propertiesSetting line properties– Deleting a horizontal lineDeleting a horizontal line

The ePort Home PageThe ePort Home Page

Serves as an index, so usually called Serves as an index, so usually called index.htmlindex.html

More on LinksMore on Links

Creating e-mail linksCreating e-mail links Creating local linksCreating local links Copy & paste the navigation panelCopy & paste the navigation panel

Publishing Your ePortPublishing Your ePort

Determining the URL for yourDetermining the URL for your ePort ePort