4C. IMAGES Webpage
Create an HTML webpage.
- Replace the text.
- Copy and paste the code into Sublime Text 2.
- Then save the page as 4Cimages.html in your folder.
- Directions are in RED
Write your name for the Heading.
This is an HTML list page for the paragraph.
Save the page as 4Cimages.html in your folder.
Add 3 different size headers with the date, class name and school.
Locate several images on the Internet.
http://www.animated-gifs.eu/animated-gifs.htm
Edit and upload several images to: Picasa Web Album
Save 2 images from photo booth in your folder and add them to your page.
Make the width 75 and the height 100.
- Save the images in the same folder as the web page
- Copy the image name
- <img src="Untitled-53.jpg" alt="Image name" width="32" height="32" />
Note: image must include .jpg, .png, .gif extra
Insert images from different locations
Insert 2 image icons from the Internet change the size.
Internet Image
- Make image full size
- Right click on the image
- Copy Image Location
- <img src="https://img.skitch.com/20120327-8bc5w84s5ersy89fuaxifigatd.jpg" alt="Image name" width="32" height="32" />
Note: image must include .jpg, .png, .gif extra
Insert 2 images that you downloaded from the Internet and saved on your computers desktop
Computer Image
- Locate the image in the finder window
- Open a new tab in the web browser
- Drag the image into the window to open
- Right click on the image
- Copy Image Location
- <img src="file:///Users/viereck/Pictures/iPhoto%20Library/Thumbnails/2010/May%2013,%202010_2/Page_2_face0.jpg" alt="Image name" width="32" height="32" />
Note: image must include .jpg, .png, .gif extra
Add an image Align to the bottom and make the width 100 and the height 100.
Add an image from the Internet Align to the middle and make the width 150 and the height 150.
Add an image from the Internet Align to the bottom and make the width 200 and the height 200.
Add an image you edited and uploaded to Picasa Web Album
Make it any size you wish
Create a link to your blog
Add an image you edited and uploaded to Picasa Web Album
Make it any size you wish
Create a link to the Question of the Day
- Locate the image in the finder window
- Drag image into iPhoto
- File /Export /Picasa Web Albums
- Go to Picasa Web Album
- Click to open the Image
- Right click on the image
- Copy Image Location
- <a href="Blog URL"> <img src="image location" alt="Image name" width="32" height="32" />
- Save the page as 4Cimages.html in your folder.
- Turn it in on Engrade.
Try for Extra Credit
Create an image of 3 different smart phones
Make an image map link to the different web page of each