Adding Links to your Web Page
Starter Activity: What will the table look like?
How many rows will it have?
How many columns will it have?
What will be i...
Starter Answer: What will the table look like?
Adding Links to your Web Page
In this lesson you will learn about the components
of a web address and how to create hyperlinks
using html. You will crea...
Uniform Resource Locator
Every Web site has an address call the Uniform
Resource Locator or URL.
1.http:// (hypertext tran...
Uniform Resource Locator
Adding Links to your Web Page
Creating Hyperlinks on your Web page
To create a link in HTML, you need the anchor tag:
<a>…</a>
Inside the tag, you need ...
Task 17: Zoo Homepage
1.Load the text editor and open your HTML document: zoohomepage.html
2.Link each of the animals in y...
Congratulations!
You now have a working website. This doesn’t mean
to say that it’s the end of html programming. There
are...
Plenary: Gallery Walk
•Complete a gallery walk to see each others
websites
•When back at your seat provide some verbal
fee...
Submission of Work
This is the end of the unit. Your teacher will tell you
what files you need to submit for marking.
Addi...
Keywords
 Understand the components works of a URL
 Be able to create hyperlinks on a web page
 Be able to create links...
Upcoming SlideShare
Loading in...5
×

Adding links to your web page

2,058

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,058
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Adding links to your web page"

  1. 1. Adding Links to your Web Page
  2. 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. 3. Starter Answer: What will the table look like? Adding Links to your Web Page
  4. 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. 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. 6. Uniform Resource Locator Adding Links to your Web Page
  7. 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. 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. 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. 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. 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. 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

×