Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images.

Published byBethany Hudson Modified over 8 years ago

Similar presentations

Presentation on theme: "CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images."— Presentation transcript:

1 CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images

2 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Goals By the end of today’s lecture, you should … … understand how to create relative paths to files.… understand how to create relative paths to files. … understand how to create absolute paths to files.… understand how to create absolute paths to files.

3 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science First, A Few Notes … In web development, we use the forward slash ( / ) to indicate a directory.In web development, we use the forward slash ( / ) to indicate a directory. Always begin with the current document in mind.Always begin with the current document in mind. Use../ to go back a directory level.Use../ to go back a directory level.

4 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Absolute Links To create a link to another site (one outside of your own public_html directory), use the full URL for the site: http://www.iupui.edu/To create a link to another site (one outside of your own public_html directory), use the full URL for the site: http://www.iupui.edu/ To include a link for your e-mail, use the mailto: protocol: mailto:student@cs.iupui.eduTo include a link for your e-mail, use the mailto: protocol: mailto:student@cs.iupui.edu

5 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Fill in the Blank public_html images index.html smiley.gif Create an in index.html to display the image smiley.gif. ANSWER:

6 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Fill in the Blank public_htmlabout_us index.html Create a link from beginnings.html to index.html. ANSWER: Our Home Page history beginnings.html

7 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Fill in the Blank public_htmlabout_us support.html Create a link from beginnings.html to support.html. ANSWER: Our Support Page history beginnings.html services

8 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Fill in the Blank public_html support.html Create a link from support.html to IUPUI’s website. ANSWER: Visit IUPUI services

9 N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Questions?

Download ppt "CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images."

Similar presentations

4.01 How Web Pages Work.

4.01 How Web Pages Work.
Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.

Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.
 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (http://help.unc.edu/?id=108)http://help.unc.edu/?id=108  To transfer page to ISIS,

 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (  To transfer page to ISIS,
Absolute vs. Relative Paths/Links

Absolute vs. Relative Paths/Links
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,

Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,
HTML Introduction (cont.) 10/01/2009 1 Lecture 8, MAT 279, Fall 2009.

HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
Web basics Keywords: Web Server, Browser, Local, Remote, HTML, URL.

Web basics Keywords: Web Server, Browser, Local, Remote, HTML, URL.
27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.

27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.
Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.

Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.

13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.

Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  12.30 pm – 1.45 pm  Exam will cover all materials till Oct.

Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.
ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.

ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Hyperlinks.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Hyperlinks.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Public_html sites website1 website2 Server Folder Sequence & Website Uniform Resource Locator (URL) Address Example

Public_html sites website1 website2 Server Folder Sequence & Website Uniform Resource Locator (URL) Address Example
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
CNIT 132 – Week 3 HTML (2). Working with Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down. A.

CNIT 132 – Week 3 HTML (2). Working with Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down. A.

Similar presentations

Ads by Google