<ul><li>We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction. ...
Linking to Other Web Pages <ul><li>Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition </li></ul>
Objectives <ul><li>Hypertext Links </li></ul><ul><li>Anchor Tag </li></ul><ul><li>Attribute </li></ul><ul><li>Relative vs....
Objectives <ul><li>Learn the value of linking </li></ul><ul><ul><li>Ease of use </li></ul></ul><ul><ul><li>Quickly move ab...
Linking to Another Web Page <ul><li>Hypertext Links – words that take your from one web page to another (or same) </li></u...
Linking to Another Web Page <ul><li>Attribute – extra piece of information </li></ul><ul><li>Provides further detail about...
Linking to Another Web Page <ul><li>Hypertext reference </li></ul><ul><li>href=“full_address” </li></ul><ul><li>http:// in...
Linking Between Your Own Pages <ul><li>http:// - not needed </li></ul><ul><li>linking to another page in the same director...
Addressing Web Pages <ul><li>relative address </li></ul><ul><ul><li>it  relates  to the site </li></ul></ul><ul><li>absolu...
Addressing Web Pages <ul><li>../ - means up one level </li></ul><ul><li>../../ - means up two levels </li></ul><ul><li>Rig...
Summary <ul><li>Hypertext Links </li></ul><ul><li>Anchor Tag </li></ul><ul><li>Attribute </li></ul><ul><li>Relative vs. Ab...
Summary <ul><li>We learned the value of linking </li></ul><ul><ul><li>Ease of use </li></ul></ul><ul><ul><li>Quickly move ...
Creativity
Upcoming SlideShare
Loading in...5
×

Hour 3

822

Published on

Published in: Technology, Design
1 Comment
1 Like
Statistics
Notes
  • Its very nice about hour 3 presentation.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
822
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Hour 3

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

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×