• Save
Adding links to your web page
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,088
On Slideshare
628
From Embeds
1,460
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 1,460

http://vle.cardinalallen.co.uk 1,460

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Adding Links to your Web Page
  • 2. Starter Activity: What will the table look like? How many rows will it have? How many columns will it have? What will be in each row and column? Adding Links to your Web Page <table border="1"> <tr> <td>Name</td> <td>Month</td> <td>Savings</td> </tr> <tr> <td> Mr Winrow </td> <td>January</td> <td>£1.00</td> </tr> <tr> <td> Mr Clayton </td> <td>February</td> <td>£100.00</td> </tr> </table>
  • 3. Starter Answer: What will the table look like? Adding Links to your Web Page
  • 4. In this lesson you will learn about the components of a web address and how to create hyperlinks using html. You will create 4 additional pages and link them to make a working ‘website’ for the zoo. Lesson Objectives  Understand the components works of a URL  Be able to create hyperlinks on a web page  Be able to create links to different web pages Adding Links to your Web Page
  • 5. Uniform Resource Locator Every Web site has an address call the Uniform Resource Locator or URL. 1.http:// (hypertext transfer protocol) is a code that helps computers talk to each other 2.www or world wide web lets the computer know the file is located on the World Wide Web. 3.myschool.com is a domain name or where the Web site is hosted. 4.homework.html is the file or Web page Adding Links to your Web Page
  • 6. Uniform Resource Locator Adding Links to your Web Page
  • 7. Creating Hyperlinks on your Web page To create a link in HTML, you need the anchor tag: <a>…</a> Inside the tag, you need the attribute: HREF (hypertext reference). For example, to create a link to the mymaths website you would need to write the code: <a href="http//:www.mymaths.com">mymaths</a>. Adding Links to your Web Page
  • 8. Task 17: Zoo Homepage 1.Load the text editor and open your HTML document: zoohomepage.html 2.Link each of the animals in your animals table to a website or webpage about the animal. For example the word ‘Zebra’ could be linked to: http://www.sciencekids.co.nz/sciencefacts/animals/zebra.html 3.In the menu table link the words: 1. ‘Homepage’ to zoohomepage.html 2. ‘Animals’ to zooanimalspage.html 3. ‘Park Info’ to zooparkinfopage.html 4. ‘Photographs’ to zoophotographspage.html 5. ‘Contact’ to zoocontactpage.html 4.Save the document 5.Create four copies of the document and rename the files as above 6.Edit the html of each page to change the title 7.Preview the homepage and test the links – the titles in the tabs should change Adding Links to your Web Page
  • 9. Congratulations! You now have a working website. This doesn’t mean to say that it’s the end of html programming. There are many more tags and attributes for you to learn about. Many of which are outlined on the website: http://www.w3schools.com/html/default.asp Maybe you could be the next Mark Zuckerberg! Adding Links to your Web Page
  • 10. Plenary: Gallery Walk •Complete a gallery walk to see each others websites •When back at your seat provide some verbal feedback to your elbow partner regarding their website – What do you like? – What could be improved? – Rate the website out of 10 Adding Links to your Web Page
  • 11. Submission of Work This is the end of the unit. Your teacher will tell you what files you need to submit for marking. Adding Links to your Web Page
  • 12. Keywords  Understand the components works of a URL  Be able to create hyperlinks on a web page  Be able to create links to different web pages Objectives  URL  http://  HREF  Hyperlink  Domain  Anchor  WWW    Adding Links to your Web Page