When you are linking your Web site together, use relative URLs. A relative URL gives the path to the file to which you wish to link, relative to the page.

Slides:



Advertisements
Similar presentations
How to Use Stowe School District
Advertisements

Reinventing using REST. Anything addressable by a URI is called a resource GET, PUT, POST, DELETE WebDAV (MOVE, LOCK)
Outlook 2003 Overvi w For Windows XP Users The new interface in Outlook 2003 helps you read, prioritize, file and track more effectively!
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 2: Developing a Web Site.
XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.
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.
Hyper Text Markup Language Developing & Hosting a Web page Lecture 21.
1 Configuring Internet- related services (April 22, 2015) © Abdou Illia, Spring 2015.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
New Perspectives on Creating Web Pages with HTML
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
1 Configuring Web services (Week 15, Monday 4/17/2006) © Abdou Illia, Spring 2006.
XP Adding Hypertext Links to a Web Page. XP Objectives Create hypertext links between elements within a Web page Create hypertext links between Web pages.
Dreamweaver Basics In this section you will learn how to:
Hyperlinks and Site Organization Putting it together...
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.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Create an Online Account. Navigate to the following URL Address
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
Mozilla Thunderbird Roderick Bautista Cheryl Knott Gyeong Lee Lee Raynes Kelly Santos.
1 Deploying a Web Application. 2 Virtual Directories Web servers map URLs to directories in their file systems. Called virtual directories. Normally one.
Exchange 2010 Recipient and Mailbox Management IT:Network:Applications.
CNIT 132 Intermediate HTML and CSS Publish Web Page.
First, open Microsoft Outlook How To Configure Microsoft Outllook For Your Webspace Account.
Scoring Program Updates & XML upload to the NSRCA web site July 2013.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Another Method to Open WebSpace as a Web Folder Alternative Method for Creating Web Folder in WebSpace, Slide 1Copyright © 2004, Jim Schwab, University.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 4. Understanding the Internet’s Software Structure.
Once you have contacted me to set up a new account, your computer needs to be configured to dial into.DevlinEx and use our servers for things like .
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
Adding Hyperlinks To a Web Page. Hyperlink and Its Add-Ons Main way to connect web pages and move throughout a web site. Uses the Anchor Tag which is.
CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.
Tutorial: Web Publishing. Web Publishing Tutorial IS for Management2 Web Publishing Web pages are stored on a Web server: a computer with a unique Web.
COMPREHENSIVE Windows Tutorial 4 Working with the Internet and .
Managing Clients in the IEZ Quote System Objective: Become an expert in managing your clients in the IEZ Quote System.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
Web Site Design & Management Class Two. Agenda Attendance Questionnaire Setup/task Homework Review Screenshots Lists/Nested Lists Home Page Links Images.
ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first 4.
XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.
Turning Windows 7 into a Web Server Ch 28. Understanding Internet Information Services.
HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.
Creating a Canvas Account! Follow these simple directions to access the course materials for this year.
XP 1 HTML Tutorial 2: Developing a Basic Web Site.
How To Configure Thunderbird For Your Webspace Account.
Chapter 1 Web Page Building Blocks. Elements, Attributes & Values ElementAttr 1Value 1Attr 2Value 2.
CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images.
HyperText Markup Language. Web Hosting Creating a web site (on a site like iPage) –Buy domain name ( –iPage has registrar (e.g., FastDomain.
Portaportal Portaportal is a web based bookmarking utility that lets you store links to your favorite websites online. Now your bookmarks are no longer.
CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.
1 Using Livescribe Files Pencasts. 2 What is it? My SmartPen, made by Livescribe, will record whatever I say as I use it, and link that recording to exactly.
Working On-Line Module 4 People's Resource Center Barry Glicklich Last updated 24 December 2011Working On-Line (BG)1.
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
Kamdhenu Website is used to Add agent in Kamdhenu offer under Group head Pfiger Software Technologies Pvt. Ltd.
Internet The internet is the largest computer network system in the world. It consists of many smaller networks connected together by a global public.
Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.
Getting an account with WordPress.com
Hyperlink Anchor tag and its attributes Four Types of URL
Hyperlink Anchor tag and its attributes Four Types of Hyperlink
Appendix A: Introduction to SkyDrive and Office Web Apps
HTML Introduction Lecture 8.
Hyperlink Anchor tag and its attributes Four Types of URL
Linking to files from your myASU course site
Presentation transcript:

When you are linking your Web site together, use relative URLs. A relative URL gives the path to the file to which you wish to link, relative to the page in which the link appears.

You can use absolute URLs to link the pages in your site together, but that is bad practice. Check out my football page If you move the Web site to a different server, the links will no longer work.

The notation../ means to move up one level in the file system hierarchy. Said another way, it says "look outside the current directory."

The next slide shows bad site design: The linking is done in a seemingly random fashion. Pages A and B form a "loop", with no escape (except using the back button on the browser). Page C is isolated on the site. You would have to know the location of that page in the site and type in the full URL to locate it.

One possible linking strategy is to create a linear site (or portion of a site). Move among the pages in a linear fashion using next and back links. An added feature is to put links in the home page pointing to each of the pages, and to put home links in each page.

Linear sites (or portions of sites) are good for pages which need to be read in sequence, like a tutorial for example. Another very common linking strategy for Web sites is to link pages together according to the hierarchical structure of the site. There is a main page. There are several sub categories under that page. There are sub-sub categories under those pages and so forth.

A hierarchical site structure and linking strategy.

mailto: Links send me Requires the Web browser to launch an client. The client has to be properly configured (can logon to an account on a mail (SMTP) server so message can be delivered).