1 / 51

Introduction

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. The Web Defined. Software application Publish and browse hypertext documents

rue
Download Presentation

Introduction

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. 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

  2. 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

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

  4. 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

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

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

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

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

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

  10. 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

  11. Web Writing Styles Introduction • 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

  12. Web Writing Styles Introduction • 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

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

  14. Web Writing Styles The Biography • 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

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

  16. Web Writing Styles The Business Exposition • 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

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

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

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

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

  21. Web Writing Styles Writing Genres Summary • 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

  22. 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

  23. Web Presentation, Outline,Design, and Management Introduction • 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

  24. Web Presentation, Outline,Design, and Management Goal Setting • 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

  25. Web Presentation, Outline,Design, and Management Outlining • 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

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

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

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

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

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

  31. Web Presentation, Outline,Design, and Management Navigating • 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

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

  33. Web Presentation, Outline,Design, and Management Navigating • 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

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

  35. Web Presentation, Outline,Design, and Management Navigating • 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

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

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

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

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

  40. 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

  41. 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

  42. Lynx: Text-Based Web Browser Introduction • 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

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

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

  45. Lynx: Text-Based Web Browser Starting Lynx • 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

  46. Lynx: Text-Based Web Browser Basic Navigation • 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

  47. Lynx: Text-Based Web Browser Features • 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

  48. Lynx: Text-Based Web Browser Bookmarks • 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

  49. Lynx: Text-Based Web Browser Printing • 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

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

More Related