Hypertext University of Stellenbosch. I may not have gone where I intended to go, but I think I have ended up where I intended to be. Douglas Adams.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Web-site Design Strategy.  For P2 you need to explain how each of your 3 websites has employed ‘usability’ features;  these include: importance to success.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
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.
Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.
Exploring Windows 98 and Essential Computing Concepts - Chapter 1 1 Exploring the Internet Chapter 1 Welcome to Cyberspace: The Internet and World Wide.
A common error that appears on the copier’s screen is seen here when a scan to Sharpdesk is not sent to the computer successfully. This guide intends to.
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.
By Patricia Galien Make sure you are in slide show. Start the presentation by clicking the arrow below.
Chapter 13: Designing the User Interface
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
How the World Wide Web Works
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Adapted from the presentation of Mr. Yan Suo
Introduction to WebCT Sheridan College Architectural Technology.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
HINARI/Basic Internet Concepts (module 1.1). Instructions - This part of the:  course is a PowerPoint demonstration intended to introduce you to Basic.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Planning for Publishing Lecture Notes on the Web Deirdre Hetherington Educational Technology Unit.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
Web-designWeb-design. Web design What is it? Web-design features Before…
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Microsoft Office XP Illustrated Introductory, Enhanced Started with Internet Explorer Getting.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
eCommerce Technologies Design & Development for the Web MIS Spring 2004 Instructors: Kelly Fish, Ph.D. John Seydel, Ph.D.
HTML ~ Web Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
© 2005 Pearson Education Inc. Publishing as Longman Student Resource Guide: Reading and Evaluating Internet Sources Active Reading Skills, 1/e Kathleen.
The Internet and World Wide Web
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
10 August 2005Benchmark/Mentor Student Guide Page 1 CPS Benchmark/Mentor Student Guide Internet Edition.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
Web Page Concept and Design :
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
Inserting Hyperlinks  Purpose : Enables viewers to click the link and move directly to a slide  Directions : Make one link on slide one to move to each.
Web Site Development - Process of planning and creating a website.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Creating Web pages using HTML: Here, you will learn how to set up facilities on the internet by creating Web pages and mounting them on the World Wide.
Web Page Elements Writing For the Web
The Elements of Design: Color
Section 7.1 Section 7.2 Identify presentation design principles
Microsoft® Office FrontPage® 2003 Training
Web-design.
Introducing the World Wide Web
PubMed/History, Advanced Search and Review (module 4.3)
Web Design and Development
Creating a Successful Web Presence
Web Resource Evaluation Techniques Wolfgram Memorial Library
The Elements of Design: Color
Unit 14 Website Design HND in Computing and Systems Development
Chapter 4 Planning Site Navigation
Use an Internet Browser
Chapter 2 Web Site Design Principles
English Language Arts & Internet Resources
Lesson 2: Gathering and Organizing Information Using ICT KEY QUESTION: HOW DO YOU GATHER AND ORGANIZE INFORMATION USING THE COMPUTER AND INTERNET?
Presentation transcript:

Hypertext University of Stellenbosch

I may not have gone where I intended to go, but I think I have ended up where I intended to be. Douglas Adams

The two texts on the HyLL site are still relevant: A checklist for Evaluating Content-Based Hypertext Computer Software (Tolhurst) What is good hypertext? (Kussler & Van der Merwe)

Navigation : links Site links Appear on every page of a site. Allow users access to main areas of site without having to return to home page. Page links Page-specific links that relate to content of a page. Users are given direct access to page-level information. Example: Mr William Shakespeare & the InternetMr William Shakespeare & the Internet

Hyperlinks The ability to link documents is one of the advantages of putting information on the Web. Misuse of links probably most common failure of Web authors. Effective links supplement narrative by: Supplying background Reinforcing concepts Adding detail. But …

Poor hyperlinks Disrupt narrative flow in following ways: Visual distraction Disruption of narrative Lack of context

Effective links: placement Links draw attention because of their contrast with surrounding text. Links lead elsewhere & thus disrupt flow of information. Location: If linked page supplement your content, place them at bottom of page. Else supply a separate annotated “Links” page. Colour: If links appear in body of text, use a custom link colour similar to colour of body text.

Effective links: maintain context Annotation Explain relevance of linked material on your page so that user knows in advance where they are going & why you are sending them there. Secondary window Open related sites in a second browser window. Ensure that the user knows that they are in another window. Supply a “close window” button if possible. Never open someone else’s site in a frame of your own.

Exploring hypertext Look at the way in which the following sites have used links: Nietzsche Chronicle Kairos: A Journal for Teachers of Writing in Webbed Environments A Teacher's Guide to the Holocaust Blue Web'n Learning Sites Library A Celebration of Women Writers

And if you need help … Maybe hyperlinks won’t give you the answer!

References Horton, Sarah Web teaching Guide A Practical Approach to Creating Course Web Sites Yale University Press Lynch, P & Horton, S 2002 Web Style Guide Basic Design Principles for Creating Web Sites Yale University Press