2. Creating Links

3. Links Link- brings user to a different webpage tag to link text or image on your web page to another page on the internet. tag must include the full URL of the webpage http://www.thesamba.com. http://www.thesamba.com

4. How to Use the Tag Type replacing ? With the address of the Web page you want to display. HREF – Hypertext Reference Be sure to include the quotation marks around the web address!!!! Type the text you want the user to select to display another web page Type after the text Example: YouTube

5. I. Creating a Text Link   Table of Contents   My Favorite Movies   Saving Private Ryan  Halloween  Shawshank Redemption  Braveheart  Anchorman  Step Brothers  Terminator  Go To You Tube to watch some clips!!  You Tube 

6. My Favorite Movies 1. Saving Private Ryan 2. Halloween 3. Shawshank Redemption 4. Braveheart 5. Anchorman 6. Step Brothers 7. Terminator Go To You Tube to watch some clips!! You TubeYou Tube

7. II. Creating an Image Link   Table of Contents   My Favorite Movies   Saving Private Ryan  Friday the 13th  Shawshank Redemption  Braveheart  Anchorman  Step Brothers  Terminator  Go To You Tube to watch some clips!! 

8. Click on the Image My Favorite Movies 1. Saving Private Ryan 2. Friday the 13th 3. Shawshank Redemption 4. Braveheart 5. Anchorman 6. Step Brothers 7. Terminator Go To You Tube to watch some clips!!

9. III. TARGETS Target- Allows you to specify a Frame (we’ll learn this in our next unit) or New Window to open your linked page in. So for example if you want the YouTube page to open in a different tab you would target a “BLANK” page. Youtube

10. IV. Creating Anchors Anchors are links that bring you to different parts of a page. For Example: Click Here to go back to the top of the page.

11. STEP 1: Create an Anchor Anchor- Where the link will send you. Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

12. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

13. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Before the text or graphic, place the tag where ? is the name of your anchor. Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

14. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Before the text or graphic, place the tag where ? is the name of your anchor. I anchored the Heading of my page Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

15. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Before the text or graphic, place the tag where ? is the name of your anchor. I anchored the Heading of my page You name the anchor Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

16. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Before the text or graphic, place the tag where ? is the name of your anchor. I anchored the Heading of my page You name the anchor I named my anchor “Anchorhere” Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

17. STEP 1: Create an Anchor Anchor- Where the link will send you. Locate the text or graphic you want to anchor. Before the text or graphic, place the tag where ? is the name of your anchor. I anchored the Heading of my page You name the anchor I named my anchor “Anchorhere” Close it with Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!!

18. STEP 2: Create the Link At the bottom of the page: Create the link to click. Instead of the tag we use the link tag which is… Replace the ? With the name you gave the anchor IMPORTANT to include the # before the anchor name. Go back to Top Table of Contents My Favorite Movies Saving Private Ryan Friday the 13th Shawshank Redemption Braveheart Anchorman Step Brothers Terminator Go To You Tube to watch some clips!! Go back to top

19. My Favorite Movies 1. Saving Private Ryan 2. Friday the 13th 3. Shawshank Redemption 4. Braveheart 5. Anchorman 6. Step Brothers 7. Terminator Go To You Tube to watch some clips!! Go back to top

20. New assignment Create a web site of three of your Favorite Bands. Use a creative title ex: “Mr.Lotter’s Rock N Roll Hall of Fame” this should be the largest font on the page. With a new font (no Arial) A horizontal rule after the title You will need to create 3 sections (1 for each band) with a Name Heading and a Picture The Titles need to be creative in font (no Arial) and second largest size to the title. Be creative with color. Make the picture of the band the Link to the website you are using. In a unordered list what you enjoy about these bands. Create an ordered list and tell me all the albums they have created. Create an anchor to get the user back to the top of the page Be Creative and find awesome pictures!

21. Creating a Sound Link There may be places that offer sounds you can use on your web page. Such as www.wavcentral.com and www.soundamerica.com www.wavcentral.com www.soundamerica.com There are specific types of sound that must be used

22. Types of Sound Type: Extension: Used For: MIDI.mid instrumental MP3.mp3 songs RealAudio.ra Live Broadcast WAV.wav short sound clips

23. How to Create the Link replacing ? With the location and name of your sound on your computer. Type at the end of the tag

24. How to Create the Link replacing ? With the location and name of your sound on your computer. Type at the end of the tag For example: Click to Listen

25. How to Create the Link replacing ? With the location and name of your sound on your computer. Type at the end of the tag For example: Click to Listen To use an image as a link:

26. How to Create the Link replacing ? With the location and name of your sound on your computer. Type at the end of the tag For example: Click to Listen To use an image as a link: