Upload
susanna-palmer
View
213
Download
0
Embed Size (px)
Citation preview
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
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