1. Today’s Agenda (2/10/04’) Creating anchored links Creating anchored links Working with images Working with images The “Philosophy” page The “Philosophy” page The “Transcript” page The “Transcript” page The ePort home page The ePort home page More on links More on links Publishing your ePort Publishing your ePort

2. Anchored (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.

3. Using Images To enhance web pages To enhance web pages To catch a reader's attention To catch a reader's attention To convey ideas To convey ideas As menu As menu Image links Image links

4. Acquiring Images Downloading images from the Web. Downloading images from the Web. –Try Google images. Scanning pictures. Scanning pictures. Using digital cameras. Using digital cameras. Capturing still images from video/digital camcorder. Capturing still images from video/digital camcorder. Drawing (e.g. in Paint, Photoshop). Drawing (e.g. in Paint, Photoshop). Capturing images from computer screen. Capturing images from computer screen.

5. Editing Images Raw images are rarely ready to be used for web pages. Raw images are rarely ready to be used for web pages. They usually need to be resized, cropped, compressed, etc. They usually need to be resized, cropped, compressed, etc. Introduction to Adobe Photoshop (Element). Introduction to Adobe Photoshop (Element). Capturing the computer screen and editing it in Adobe Photoshop Capturing the computer screen and editing it in Adobe Photoshop Capturing the computer screen and editing it in Adobe Photoshop Capturing the computer screen and editing it in Adobe Photoshop

6. Working with Images in FrontPage 1. Inserting images and setting image properties. 2. Deleting an image. 3. Image links. 4. Images on a web page aren’t really there. The page contains only the reference to the images. 5. So, make sure you copy the images to the server as well.

7. ePortfolio: Site Map Home Page (index page) Resume pageTranscript page Standards page Philosophy page Favorite sites page Site 1 E-mail Link to Link to and from Site 2 Site 3 TeachingLanguage ArtsTechnology Education

8. The Philosophy Page Demo Demo

9. The Transcript Page Demo Demo Horizontal lines Horizontal lines –Inserting a horizontal line –Setting line properties –Deleting a horizontal line

10. The ePort Home Page Serves as an index, so usually called index.html Serves as an index, so usually called index.html

11. More on Links Creating e-mail links Creating e-mail links Creating local links Creating local links Copy & paste the navigation panel Copy & paste the navigation panel

12. Publishing Your ePort Determining the URL for your ePort Determining the URL for your ePort Determining the URL for your ePort Determining the URL for your ePort