1 / 16

FrontPage 2003

FrontPage 2003. Web Fundamentals Web Site Design. World Wide Web. System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information is a series of documents or web pages Can easily move between resources. Hypertext Transfer Protocol. Set of rules or protocol

red
Download Presentation

FrontPage 2003

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. FrontPage 2003 Web Fundamentals Web Site Design

  2. World Wide Web • System based on Hypertext Transfer Protocol (HTTP) • Provides access to information • Information is a series of documents or web pages • Can easily move between resources

  3. Hypertext Transfer Protocol • Set of rules or protocol • Transfers hypertext data between computers • Hypertext • Text coded with Hypertext Markup Language or HTML • Client/server principle

  4. Web Page • Single unit of information • Created using Hypertext Markup Language or HTML • Resides on a web server • Page may contain: • Text • Images • Sound • Video • Links to other resources

  5. HTML • Defines the structure of information on a web page • Standardized codes or tags • Formats headings, images, paragraphs, links • Can be used in any text-editing program • Notepad • HTML editor • FrontPage

  6. URL • Uniform Resource Locator • Identifies an Internet resource • Standardized addressing scheme

  7. Browser • Acts as a user interface • Contacts a web server • Requests information • Displays it on the user’s computer • Popular web browsers • Microsoft Internet Explorer • Netscape Navigator

  8. Page Design • Plan ahead • Organize into a logical structure • Prototype page design • Keep it simple • Get visual • Make it easy to navigate • Small graphics are better • Reduces download time

  9. Navigation • Create easy navigation • Allow user to move to the page they want • Storyboarding • Map out how pages relate • Navigational structures • Linear • Augmented linear • Hierarchical • Combination

  10. Linear Structure • Each page is linked to the next page • Each page is linked to the previous page • Ordered chain of pages Page 1 Page 2 Page 3 Page 4

  11. Augmented Linear Structure • Each page includes a link page to the first page • Keep the links to move to the next and previous pages Page 1 Page 2 Page 3 Page 4

  12. Hierarchical Structure • Begins with a general topic • Links to more specific topics • Users move easily between general to specific and back General Topic Specific Topic Specific Topic More Specific Topic More Specific Topic More Specific Topic

  13. Combination • Combines linear and hierarchical • Overall structure is hierarchical • Each level is linear General Topic Specific Topic Specific Topic More Specific Topic More Specific Topic More Specific Topic More Specific Topic

  14. Things to Think About • Purpose • Audience • Size • Time • Layout • Visitor interaction • Information overload

  15. Resources • Introduction to FrontPage 2002 • UW Information Technology Computer Training • Yale Style Manual • http://info.med.yale.edu/caim/manual/contents.html FrontPage 2003 – Shelly Cashman Series • Thomson Course Technology • http://www.scseries.com • Complete Visual Step-by-step Series • www.computertrainingmanual.com

  16. Resources • Students - ASUW Short Courses • http://microlab.uwyo.edu/ASUWCourses/default.htm • Microsoft Office FrontPage 2003 Step by Step • http://www.microsoft.com/mspress/books/5606.asp • W3 Schools • Reference for HTML and Web design • http://www.w3schools.com

More Related