Hour 3
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Hour 3

on

  • 1,916 views

 

Statistics

Views

Total Views
1,916
Views on SlideShare
1,892
Embed Views
24

Actions

Likes
1
Downloads
3
Comments
1

2 Embeds 24

https://etudes-ng.fhda.edu 13
http://www.siskiyous.edu 11

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Its very nice about hour 3 presentation.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Hour 3 Presentation Transcript

  • 1.
    • We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction.
    • Malcolm Gladwell
    • Blink
  • 2. Linking to Other Web Pages
    • Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition
  • 3. Objectives
    • Hypertext Links
    • Anchor Tag
    • Attribute
    • Relative vs. Absolute
  • 4. Objectives
    • Learn the value of linking
      • Ease of use
      • Quickly move about
      • User can focus on interest
      • Contact information is important
  • 5. Linking to Another Web Page
    • Hypertext Links – words that take your from one web page to another (or same)
    • <a> for “anchor”
    • Identifies a particular spot within a web page
  • 6. Linking to Another Web Page
    • Attribute – extra piece of information
    • Provides further detail about the tag
    • We will learn more attributes as we move through the semester
  • 7. Linking to Another Web Page
    • Hypertext reference
    • href=“full_address”
    • http:// inculded
    • Address in “quotes”
    • Copy and Paste
    • Index?
    • Does it work?
    • Keep it current!
    <a href=“http://www.google.com/maps”>Google Maps</a>
  • 8. Linking Between Your Own Pages
    • http:// - not needed
    • linking to another page in the same directory
    • give the file name
    • quizzer.html
    <a href=“quizzer.html”>Click here for the questions</a>
  • 9. Addressing Web Pages
    • relative address
      • it relates to the site
    • absolute
      • it gives the entire address
    <a href=“elephants/african.html”>African Elephants</a> <a href=“http://www.google.com/”>Google</a>
  • 10. Addressing Web Pages
    • ../ - means up one level
    • ../../ - means up two levels
    • Right now all of our files are in the same directory (folder)
    <a href=“../zoo.html”>return to the zoo</a>
  • 11. Summary
    • Hypertext Links
    • Anchor Tag
    • Attribute
    • Relative vs. Absolute
  • 12. Summary
    • We learned the value of linking
      • Ease of use
      • Quickly move about
      • User can focus on interest
      • Contact information is important
  • 13. Creativity