Presentation is loading. Please wait.

Presentation is loading. Please wait.

Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.

Similar presentations


Presentation on theme: "Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes."— Presentation transcript:

1 Images Worksheet

2 Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes

3 Set up your page Open the index.html page Change the page title to Image Work Inside your body tags –Add a heading (h1) Animals –Directly below add a second heading (h2) Cats Should look like this:

4 Save Image Open Internet Explorer Go to Google Images and search for “cat” Once you’ve found a picture you like right click and select “save as” Ensure you save the image inside the “images work” folder, and inside the “images” folder. Rename the file “cat” and make a note of the extension (whether it’s a.png.jpg or.jpeg)

5 Insert Image Go back to your webpage code Below your cats heading add a and Inside the p tags, add – –Change the src= to go to your cat picture

6 Your HTML should look like….

7 View your page Save your page Have a look at it in Internet Explorer Should look something like this:

8 Task Add a second heading for any other animal you want e.g. Lions, Dogs, Snakes etc. Add 3 relevant images to your new section Make sure they are all: – saved in your images folder –a reasonable size –have alt text


Download ppt "Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes."

Similar presentations


Ads by Google