The World Wide Web Introduction The Web Defined

  • Slides: 51
Download presentation
The World Wide Web Introduction • The Web Defined • Miscellaneous Web Browser Details

The World Wide Web Introduction • The Web Defined • Miscellaneous Web Browser Details • Web Writing Styles • Web Presentation Outline, Design, and Management • Registering Web Pages • Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1

The World Wide Web The Web Defined • Software application • Publish and browse

The World Wide Web The Web Defined • Software application • Publish and browse hypertext documents • Transported over Internet • HTTP • Browsers are multiprotocol • URL = Web address From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 2

The World Wide Web The Web Defined From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet

The World Wide Web The Web Defined From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 3

The World Wide Web Miscellaneous Web Browser Details • Personal Preferences • Bookmarks •

The World Wide Web Miscellaneous Web Browser Details • Personal Preferences • Bookmarks • Plug-ins and Helper Applications • Web Browsers Comparison: Netscape and Microsoft From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 4

The World Wide Web Miscellaneous Web Browser Details Personal Preferences • Cookies • Disk

The World Wide Web Miscellaneous Web Browser Details Personal Preferences • Cookies • Disk cache • Fonts • Helper applications • Home page location • Images • Java. Script and Java • Messages From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 5

The World Wide Web Bookmarks Miscellaneous Web Browser Details • Saved URLs • Collection

The World Wide Web Bookmarks Miscellaneous Web Browser Details • Saved URLs • Collection of bookmarks: • Hotlist • List of favorites • Bookmark list • Title of page • Bookmark folders From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 6

The World Wide Web Bookmarks Miscellaneous Web Browser Details • Reasons for saving bookmarks:

The World Wide Web Bookmarks Miscellaneous Web Browser Details • Reasons for saving bookmarks: • Visit often • May never find again From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 7

The World Wide Web Miscellaneous Web Browser Details From Greenlaw/Hepp, In-line/On-line: Fundamentals of the

The World Wide Web Miscellaneous Web Browser Details From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 8

The World Wide Web Miscellaneous Web Browser Details From Greenlaw/Hepp, In-line/On-line: Fundamentals of the

The World Wide Web Miscellaneous Web Browser Details From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 9

The World Wide Web The Web Writing Styles • Introduction • The Biography •

The World Wide Web The Web Writing Styles • Introduction • The Biography • The Business Exposition • The Guide • The Tutorial • Writing Genres Summary From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 10

The World Wide Web Introduction Web Writing Styles • Different from printed page: •

The World Wide Web Introduction Web Writing Styles • Different from printed page: • • Readers spend less time Short Less longevity Designed to grab attention From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 11

The World Wide Web Introduction Web Writing Styles • Different from printed page: •

The World Wide Web Introduction Web Writing Styles • Different from printed page: • • • Hyperlinked Published by anyone Dynamic Multimedia Appearance and form critical From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 12

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 13

The World Wide Web The Biography Web Writing Styles • Up-to-the-minute • Subpages read

The World Wide Web The Biography Web Writing Styles • Up-to-the-minute • Subpages read in any order • Exploratory nature • In-line images and animations • Short hyperlinks From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 14

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 15

The World Wide Web The Business Exposition Web Writing Styles • Easy-to-use hyperlinks •

The World Wide Web The Business Exposition Web Writing Styles • Easy-to-use hyperlinks • Interesting images • Compact • Colorful • Easy to explore • Title, header, and footer • Well-designed menu From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 16

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 17

The World Wide Web The Guide Web Writing Styles • Search mechanism • Easy

The World Wide Web The Guide Web Writing Styles • Search mechanism • Easy to read • Easy to navigate From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 18

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and

The World Wide Web Writing Styles From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 19

The World Wide Web The Tutorial Web Writing Styles • Select menu • Not

The World Wide Web The Tutorial Web Writing Styles • Select menu • Not intimidating • Short, informative text • Graphics From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 20

The World Wide Web Writing Genres Summary Web Writing Styles • Theme and goals

The World Wide Web Writing Genres Summary Web Writing Styles • Theme and goals • Exploration • Colors and text • Consistent page design • User-friendly navigation • Short, descriptive writing From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 21

The World Wide Web Presentation Outline, Design, and Management • Introduction • Goal Setting

The World Wide Web Presentation Outline, Design, and Management • Introduction • Goal Setting • Outlining • Navigating • Designing and Coding • Revising From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 22

The World Wide Web Introduction Web Presentation, Outline, Design, and Management • Details •

The World Wide Web Introduction Web Presentation, Outline, Design, and Management • Details • Coding • Features • Graphics • Layout • Writing quality • Load time • Hyperlinks From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 23

The World Wide Web Goal Setting Web Presentation, Outline, Design, and Management • Audience

The World Wide Web Goal Setting Web Presentation, Outline, Design, and Management • Audience • Date • Graphics • Length • Maintenance • Money • Objective • Research • Writing From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 24

The World Wide Web Outlining Web Presentation, Outline, Design, and Management • Two schools

The World Wide Web Outlining Web Presentation, Outline, Design, and Management • Two schools of thought • Produce HTML code concurrently • Two-step process: • Develop writing • Code HTML From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 25

The World Wide Web Hierarchical Design Web Presentation, Outline, Design, and Management From Greenlaw/Hepp,

The World Wide Web Hierarchical Design Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 26

The World Wide Web Presentation, Outline, Design, and Management <HTML> <HEAD> <TITLE>How to Clean

The World Wide Web Presentation, Outline, Design, and Management <HTML> <HEAD> <TITLE>How to Clean a Dorm Room </TITLE> </HEAD> <BODY> <H 1>How to Clean a Dorm Room</H 1> <H 3>Bathroom</H 3> <H 3>Bedroom</H 3> <H 3>Kitchen</H 3> </BODY> </HTML> From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 27

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 28

The World Wide Web Presentation, Outline, Design, and Management <HTML> <HEAD> <TITLE>How to Clean

The World Wide Web Presentation, Outline, Design, and Management <HTML> <HEAD> <TITLE>How to Clean a Dorm Room </TITLE> </HEAD> <BODY> <H 1>How to Clean a Dorm Room</H 1> <H 3>Bathroom</H 3> <H 5>Mop Floor</H 5> <H 5>Wash Mirror</H 5> <H 5>Clean Sink</H 5>. . . From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 29

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 30

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Hyperlinks •

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Hyperlinks • Circular arrangement • Forward/backward movement • Step-by-step instructions • Sequentially read text From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 31

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 32

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Exploratory arrangement

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Exploratory arrangement • Jumping from nearly every page to nearly every other • Geographical areas or maps • Image maps From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 33

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 34

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Hierarchical arrangement

The World Wide Web Navigating Web Presentation, Outline, Design, and Management • Hierarchical arrangement • Limited hyperlinks from introduction page • Succeeding pages have additional hyperlinks • Tree-like • Fanout - number of hyperlinks available from page • Depth - levels of tree From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 35

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of

The World Wide Web Presentation, Outline, Design, and Management From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 36

The World Wide Web Designing and Web Presentation, Outline, Coding. Design, and Management •

The World Wide Web Designing and Web Presentation, Outline, Coding. Design, and Management • Navigating • Coding and writing • Revising From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 37

The World Wide Web Revising Web Presentation, Outline, Design, and Management • Prototyping •

The World Wide Web Revising Web Presentation, Outline, Design, and Management • Prototyping • Check navigation • Comment code • Final evaluation From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 38

The World Wide Web Revising Web Presentation, Outline, Design, and Management • Graphics •

The World Wide Web Revising Web Presentation, Outline, Design, and Management • Graphics • Headers and footers • Reread • Spell check From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 39

The World Wide Web Registering Web Pages • Indexed by search engine • Other

The World Wide Web Registering Web Pages • Indexed by search engine • Other pages hyperlink to page • On-line form • Speed and number of hits • Directory services • Traffic From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 40

The World Wide Web Lynx: Text-Based Web Browser • Introduction • Starting Lynx •

The World Wide Web Lynx: Text-Based Web Browser • Introduction • Starting Lynx • Basic Navigation • Features • Bookmarks • Printing • Images From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 41

The World Wide Web Introduction Lynx: Text-Based Web Browser • No graphics • No

The World Wide Web Introduction Lynx: Text-Based Web Browser • No graphics • No multimedia • Advantage: Loads quickly • Disadvantage: Unable to view images From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 42

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 43

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 44

The World Wide Web Starting Lynx: Text-Based Web Browser • Type lynx at prompt

The World Wide Web Starting Lynx: Text-Based Web Browser • Type lynx at prompt • Brings up home page • Type lynx followed by URL • Loads document From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 45

The World Wide Web Basic Navigation Lynx: Text-Based Web Browser • Move among hyperlinks

The World Wide Web Basic Navigation Lynx: Text-Based Web Browser • Move among hyperlinks with up/down • • arrows Follow hyperlink with right arrow or ) Return to previous page with left arrow Scroll down with + or space bar Scroll up with - or b From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 46

The World Wide Web Features Lynx: Text-Based Web Browser • History list with backspace

The World Wide Web Features Lynx: Text-Based Web Browser • History list with backspace or delete key • Main screen with m • View source code with • Stop with z • Reload with CONTROL-R • Access Options Menu with o From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 47

The World Wide Web Bookmarks Lynx: Text-Based Web Browser • Document’s URL (option d)

The World Wide Web Bookmarks Lynx: Text-Based Web Browser • Document’s URL (option d) • URL of current hyperlink (option l) • Cancel without saving (option c) • View bookmark list (v command) From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 48

The World Wide Web Printing Lynx: Text-Based Web Browser • p command • Mail

The World Wide Web Printing Lynx: Text-Based Web Browser • p command • Mail document to yourself • Save to local file first From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 49

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the

The World Wide Web Lynx: Text-Based Web Browser From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 50

The World Wide Web Images Lynx: Text-Based Web Browser • Can download • [INLINE]

The World Wide Web Images Lynx: Text-Based Web Browser • Can download • [INLINE] or ALT string • Absolute • Relative • External From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 51