Planning the Home Page
-
Upload
noelani-blake -
Category
Documents
-
view
44 -
download
0
description
Transcript of Planning the Home Page
![Page 1: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/1.jpg)
The Internet Writer’s Handbook 2/e
Planning the Home PagePlanning the Home Page
Writing for the Web
![Page 2: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/2.jpg)
The Internet Writer’s Handbook 2/e
Contents
Background Site introduction Links
![Page 3: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/3.jpg)
The Internet Writer’s Handbook 2/e
BackgroundBackground
![Page 4: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/4.jpg)
The Internet Writer’s Handbook 2/e
Purpose of the Home Page
An introduction to your site that • Sets the tone
• Creates a first impression
![Page 5: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/5.jpg)
The Internet Writer’s Handbook 2/e
Purpose of the Home Page
The location of the main menu/table of contents, where readers can find information.
A home base to which readers can return when they are lost.
![Page 6: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/6.jpg)
The Internet Writer’s Handbook 2/e
Home Page Filename
Home.html Index.html Contents.html
![Page 7: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/7.jpg)
The Internet Writer’s Handbook 2/e
Home Page Checklist
Logo Site name What’s new Purpose Scope Audience
Annotated menu Navigation Date Author Sponsor Footer/contact info
![Page 8: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/8.jpg)
The Internet Writer’s Handbook 2/e
Links to the Following
Site index Table of contents Site map Shortcuts Search engine Site help/guide Glossary
What’s new Mission About us Author info Page for different
browsers Printer-friendly page
![Page 9: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/9.jpg)
The Internet Writer’s Handbook 2/e
Home Page Elements
Top of page:• Banner/logo/graphic
• Site title
Navigation Introduction Bottom of page
• Footer/contact information
![Page 10: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/10.jpg)
The Internet Writer’s Handbook 2/e
Techniques to Use
Keep the home page simple. Focus on the purpose of your site.
![Page 11: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/11.jpg)
The Internet Writer’s Handbook 2/e
Techniques to Use
Keep the home page one screen long. Put the important information within the
focal point. Draw people’s eyes to it.
![Page 12: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/12.jpg)
The Internet Writer’s Handbook 2/e
Scrolling
Minimize the need to scroll by fitting information on one screen.
Put the most important information at the top.
![Page 13: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/13.jpg)
The Internet Writer’s Handbook 2/e
Techniques to Use
Size page so it fits within the screen dimensions.
Balance information. Group related information.
![Page 14: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/14.jpg)
The Internet Writer’s Handbook 2/e
Techniques to Use
Include a link to the home page from every page in your site.
![Page 15: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/15.jpg)
The Internet Writer’s Handbook 2/e
Site IntroductionSite Introduction
![Page 16: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/16.jpg)
The Internet Writer’s Handbook 2/e
Top of Page
Every page should make it clear• What the page is about
• How it relates to the site as a whole
• What is available
• Who is responsible for the info
• How to get there (navigation)
![Page 17: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/17.jpg)
The Internet Writer’s Handbook 2/e
Writing and Formatting Page Introductions
Word each introduction the same. Format each introduction the same.
![Page 18: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/18.jpg)
The Internet Writer’s Handbook 2/e
Purpose of Site Introduction
Get attention by providing a hook. Give readers the idea of the
• Purpose
• Scope
• Target audience
• Content Briefly describe contents (advance
organizer).
![Page 19: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/19.jpg)
The Internet Writer’s Handbook 2/e
Purpose
Help readers decide whether to continue reading.
Attract Web “spiders” that create keyword databases for search engines.
![Page 20: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/20.jpg)
The Internet Writer’s Handbook 2/e
Ways to Begin
Welcome. Invitation to explore the site, interact,
participate. Hook to get attention.
![Page 21: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/21.jpg)
The Internet Writer’s Handbook 2/e
Ways to Begin
Why site is important. Site’s benefits. Who is responsible for the site. Statement of how often the site is
maintained.
![Page 22: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/22.jpg)
The Internet Writer’s Handbook 2/e
Techniques to Use
Get right to the point. Use direct, simple sentences. Use lively text. Use links immediately. Keep it short.
![Page 23: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/23.jpg)
The Internet Writer’s Handbook 2/e
Parts of the Introduction
Purpose Scope Audience
![Page 24: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/24.jpg)
The Internet Writer’s Handbook 2/e
Purpose Statement
State the purpose of the Web site--your objectives.• The purpose of this site is to . . .
![Page 25: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/25.jpg)
The Internet Writer’s Handbook 2/e
Scope Statement
State what is and what is not covered in your site.
Explain your criteria for including and excluding information.
Be specific.
![Page 26: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/26.jpg)
The Internet Writer’s Handbook 2/e
Example
![Page 27: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/27.jpg)
The Internet Writer’s Handbook 2/e
Audience
Describe intended primary audience.
![Page 28: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/28.jpg)
The Internet Writer’s Handbook 2/e
Examples
![Page 29: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/29.jpg)
The Internet Writer’s Handbook 2/e
Intros to Avoid
Ads Counters Apologies Dull facts or quotes Jumping right into the content
![Page 30: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/30.jpg)
The Internet Writer’s Handbook 2/e
Intros to Avoid
Hi, I’m . . . Lists of awards you have received Requiring registration Requiring that readers adjust their
browsers Overemphasis on self
![Page 31: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/31.jpg)
The Internet Writer’s Handbook 2/e
Overdone Phrases to Avoid
I hope that. . . This site focuses on. . . This site is designed to. . . This site is intended to. . .
![Page 32: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/32.jpg)
The Internet Writer’s Handbook 2/e
LinksLinks
![Page 33: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/33.jpg)
The Internet Writer’s Handbook 2/e
Links to Include
Link to each major Web page in your site.
Annotate menu items.
![Page 34: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/34.jpg)
The Internet Writer’s Handbook 2/e
Link to the Following
Introduction (if long) The following optional sections:
• Mission statement
• What’s New (if long)
• Glossary
• Site map or index
• Site help
• About us
• Pages for separate audiences
• Table of Contents (if long)
![Page 35: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/35.jpg)
The Internet Writer’s Handbook 2/e
Example
Links for various audience types
![Page 36: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/36.jpg)
The Internet Writer’s Handbook 2/e
Table of Contents
Use to show:• The length of the document.
• Organization and hierarchy of topics and subtopics.
• Type of information.
• Overview or map of site.
• If a viewer has visited all topics.
![Page 37: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/37.jpg)
The Internet Writer’s Handbook 2/e
Table of Contents Options: Levels
![Page 38: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/38.jpg)
The Internet Writer’s Handbook 2/e
Table of Contents Options: Expandable/Collapsible
![Page 39: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/39.jpg)
The Internet Writer’s Handbook 2/e
Table of Contents Options: Organizational Chart Style
![Page 40: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/40.jpg)
The Internet Writer’s Handbook 2/e
Table of Contents: Organization
Pick a logical organization: • Simple to complex
• Alphabetical, etc.
Keep the structure fairly shallow (no more than three links deep).
Have no more than about fifteen choices for any one group of topics.
Consider providing several tables of contents, each organized in a different way.
![Page 41: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/41.jpg)
The Internet Writer’s Handbook 2/e
Writing a Separate Table of Contents Page
Put Table of Contents in the page title to help readers when they refer to their bookmarks ( ____ Table of Contents Page or Table of Contents: ______ ).
This name will also appear at the top of the browser.
![Page 42: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/42.jpg)
The Internet Writer’s Handbook 2/e
Linking to the Table of Contents
Always provide a link to the table of contents on each Web page.
![Page 43: Planning the Home Page](https://reader035.fdocuments.in/reader035/viewer/2022062720/568134a8550346895d9bb381/html5/thumbnails/43.jpg)
The Internet Writer’s Handbook 2/e