Chapter 9 Hypertext. Key Points ► Hypertext is text augmented with links that point to other pieces of text. ► Hypertext has a relatively long history,

Slides:

Advertisements

Similar presentations

Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes, Harvard University Extension School Cambridge, MA The Web Wizards Guide.

Advertisements

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.

1 Chapter 9 Introduction to HTML and Applets Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.

HYPERMEDIA Chang-Yang Lin Eastern Kentucky University

HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.

T.Sharon-A.Frank 1 Multimedia Hypertext Navigation Issues.

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.

Tutorial 2 Developing a Basic Web Site

Web Structure Create Links Using HTML. 2 Objectives List different types of Web site structures and how to employ them Create element ids to mark specific.

XLink: Open Linking Standard XML / XSL separate  data semantics  presentation semantics Need to also separate out  navigation semantics Single unique.

T.Sharon-A.Frank 1 Multimedia Hypertext and Hypermedia.

WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.

XP 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.

CORE 2: Information systems and Databases HYPERTEXT/ HYPERMEDIA.

XP Tutorial 2New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.

Tutorial 2 Developing a Web Site

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.

Tutorial 2 Developing a Basic Web Site. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Learn how to storyboard various.

Xpath Xlink Xpointer Xquery Sources:

Mohammed Mohsen Links Links are what make the World Wide Web web-like one document on the Web can link to several other documents, and those.

XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.

XP 1 New Perspectives on Creating Web Pages with HTML Adding Hypertext Links to a Web Page.

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.

HTML, CSS, and XML Tutorial 2 Developing a Web Site.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

Chapter 8 Introduction to HTML and Applets Fundamentals of Java.

Hypermedia Cooper and Davis. What Is Hypermedia?  The combination of text, video, graphic images, sound, hyperlinks, and other elements in the form typical.

Introduction to the Internet and HTML. Objectives Students develop an understanding of the origins of the internet Students will be able to identify the.

Developing a Basic Web Site

CO1552 – Web Application Development Linking Pages - The Basis of the Web.

Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 12 This presentation © 2004, MacAvon Media Productions Hypertext and Hypermedia.

+ Information Systems and Databases 2.2 Organisation.

XP 1 HTML Tutorial 2: Developing a Basic Web Site.

SSE3 Hypertext concepts 1. Agenda Pioneers and evolution Hypermedia – Modern hypermedia technology – Structure domains Architectural evolution The project.

1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.

XP INFT 140 – Chapter 2 1 Developing a Basic Web Site Creating a Chemistry Web Site.

Chapter 22 - Browsing The World Wide Web Introduction Description Of Functionality –Obtain textual information, recorded sounds, or graphical images from.

Chapter 1 Getting Listed. Objectives Understand how search engines work Use various strategies of getting listed in search engines Register with search.

Introducing XLink and XPointer ©NIITeXtensible Markup Language/Lesson 10/Slide 1 of 23 Objectives In this lesson, you will learn to: * Identify the types.

Hypertext. Hypertext History (1) Many early attempts to organize human knowledge Many early attempts to organize human knowledge Thesaurus (Roget) Thesaurus.

Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.

CO1552 – Web Application Development Lecture 2 – What is the Internet?

XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.

HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.

HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

Chapter 8 Introduction to HTML and Applets

4.01 How Web Pages Work.

Chapter 10: Web Basics.

Web-based structures, links and testing

Chapter 1 Introduction to HTML.

Developing a Basic Web Site

Creating Links – Lesson 3

Project 1 Introduction to HTML.

CASE STUDY -HTML,URLs,HTTP

Introduction to XHTML.

Hypertext and Hypermedia

High Points CSCI 1710 Fall 2017.

Chapter 27 WWW and HTTP.

CNIT 131 HTML5 – Anchor/Link.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Chapter 16 The World Wide Web.

12. Web Spidering These notes are based, in part, on notes by Dr. Raymond J. Mooney at the University of Texas at Austin.

INFS 230 L Internet Technology

4.01 How Web Pages Work.

High Points CSCI 1210.

Presentation transcript:

Chapter 9 Hypertext

Key Points ► Hypertext is text augmented with links that point to other pieces of text. ► Hypertext has a relatively long history, but is now dominated by the World Wide Web.

Key Points ► Links may be simple and uni-directional, regional or bi-directional, or may be generalized as multi-links. ► PDF supports uni-directional regional links. ► HTML supports simple uni-directional links using URLs (Uniform Resource Locators) to identify destinations.

Key Points ► A full URL consists of a protocol, a domain name and a path. Partial URLs omit leading components. A fragment identifier is used to identify a location within a document. ► An A (anchor) element with an href attribute is used as the source of a link; with a name attribute it functions as the destination. ► XPointer and XLink extend the HTML linking mechanism to support more flexible and general links in XML.

Key Points ► Navigation in a large hypertext collection is problematical. Suitable structures are still undeveloped.

Introduction ► Hypertext is text augmented with links- points to other pieces of text, possibly elsewhere in the same documents, or on another document, perhaps stored at a different location. ► Hypertext, Hypermedia, multimedia

History ► 1945, Memex, Vannevar Bush, browsing and annotating ► , several experimental systems ► Information kiosks ► 1987, Hypercard  Apple, free  Hypercard stacks  Form Xerox’s NoteCards  Scripting: HyperTalk ► WWW

Nature ► Non-linear fashion ► Cross-reference

Link ► Fig. 9.1, uni-directional links ► Fig. 9.2 Regional, bi-directional and multi-links  XML ► PDF  uni-directional, regional link

HTML ► CGI: common gateway interface ► Partial URLs,.,.. ► Fragment identifier # ► Href attribute : source of a link ► Fig. 9.4 Links and Anchors ► Fig. 9.5 Frame-based navigation  Target attribute ► _self, _blank, _top, _parent

XPointer and XLink ► XPointer: fragment identifier  Defining a region in a document ► Regional hypertext links ► X Two sorts  Simple and extended  Inline, out-of-line : anchors ► Document tree  Relationship, Fig. 9.6  XPointer: providing a flexible means of locating elements within documents  id(orinoco).span(child(3),child(6)) ► Third through sixth child elements ► XLink  Simple and extended  Inline, out-of-line

Navigation ► Lost in hyperspace ► Graphical views of link structure ► Fish-eye ► Go back, history list, bookmark ► Small index  Manual  Automatic: robots, spiders, web crawler ► AltaVista  Oldest  Brute force approach ► META elements: data about data  Name, content attributes  Description and keywords

Hierarchical Structure ► Organizational and navigational framework ► Frame-based display  Navigation within a hierarchy ► Hybrid structure  Sequential and hierarchical