1 / 10

Creating a Hypertext Document

Creating a Hypertext Document. Links can point to another section in the same document, to an entirely different document, or to a variety of other web objects. Creating Anchors.

ryann
Télécharger la présentation

Creating a Hypertext Document

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Creating a Hypertext Document • Links can point to another section in the same document, to an entirely different document, or to a variety of other web objects.

  2. Creating Anchors • The <a> tag creates an anchor which is text that is specially marked so that you can link to it from other points in the document.

  3. Creating Links • The HREF property can refer to an anchor that you place in the document or to a different page on the internet. • Anchor names ARE case sensitive.

  4. Web Page Structures • Before writing the code for your pages you should map out exactly how you want your pages to relate using a technique known as storyboarding. • Storyboarding is deciding how you want to set up your pages to relate to each other so that users can navigate through them.

  5. Web Page Structures • Linear structure-  each page is linked to the next and to the previous pages in an ordered chain of pages. • Hierarchical structures-  starts with a general topic that includes links to more specific topics. • Mixed structures-  a combination of structures.

  6. Creating Links Between Documents • To link a page to another page you use the <a> tag with the HREF code. • Example:  A HREF="linkpage.htm"> Click here </a> • The text Click here is linked to the page "linkpage.htm" so that when the user click on the text he/she will go to that page.

  7. Linking to Documents in Other Folders • Browsers assume that if no folder information is given, the file is in the same folder as the current document. • Use the absolute path to show exactly where the file is on the computer.

  8. Linking to Documents in Other Folders (Cont.) • If the file you want to link to is in a folder called folder2 which is in a folder called folder1 the link should be: • /folder1/folder2 • A relative path gives a file's location in relation to the current web document.

  9. Linking to Documents on the Internet • To link to a document on the internet you must know its URL (Uniform Resource Locator). • The URL gives the file's location on the web.  To link to the class web site type: <a HREF="http://www.jonesboroweb.com/brtc">Class Page</a> • This will allow the user to click on Class Page to go to our class web site.

  10. The End!

More Related