SlideShare a Scribd company logo
Planning a Web Site Understanding the Possibilities of the Web
Possibilities How can you know what’s out there if you never look? Before you begin to plan your site – go shopping! Look at other site! Examine sites in your market  As you surf the ‘Net, look for components you like on other sites
Possibilities Look for functions and structures that will be serve your sites purposes There are many ways you can communicate Human voice Images Text  Sound and music Animation Motion video Virtual reality
Using Text Text Most efficient means of transferring information over the web HTML – Hypertext Markup Language Universal language spoken on the net – requires only a browser to read Reading from a computer screen not as comfortable as the printed page Important to make text on the page easy to read
Hypertext Hypertext – text that is active – it does something! Generally, it’s going to take you somewhere or display something Hypertext links are generally represented as underlined text.
Hypertext Hypertext can be used to: Link to another Web page in your own site Link to another Web site Link to a spot elsewhere on the same page Link to an image on your Web site or elsewhere Link to a voice, music or sound clip Link to a video Open a new window (display a definition, show information, show pictures)
Hypertext How will your site use links? For navigation? To access content? How will the links be represented?
Printing Some documents are able to easily read on the computer screen Long documents are better in another format MS-Word (.doc) Adobe Acrobat (.pdf) If you’re going to present different file types, be sure to include a download link for the free viewer software.
Things to Consider Look at the purposes and functions of your site Which will best be achieved with text? What type of text  Long, scrolling articles Short paragraphs that can be read on-screen Has the text been written in another organization document? Does it need to be composed from scratch?
Images Most frequently used form of information after text Images often replace or support text as the message) Images can be used as navigation tools Images can be used as icons (represent an idea)
Images Speed of users Internet connection has a huge impact on viewing images Users with limited bandwidth will find pages load very slowly Bandwidth - measures rate at which data moves between points Many users have high-speed Internet connections, but designers should remember many still do not
Images Keep the size of images down Generally, aim for image files sizes under 50 kilobytes. Here’s an example of a site where the images are used for navigation: http://www.weather.gov/
Multimedia Refers to a broad range of online media, including: Animation Sound Video Virtual Reality http://www.virtualgettysburg.com/vg/panoramas/multi_node.html
Interactivity Definition: The Web page involves action on the part of the user – the user does more than sit passively and look at the screen. That’s so important…let’s say it again: The user is not passive!  The user is involved with the Web page
Interactivity Interactive pages allow users to: Choose – select their topic Animate – click and see a process in action; learn a concept via a moving diagram Search and find – don’t make the site a scavenger hunt…make it easy! Buy and sell – making a commercial transaction (e-commerce) Manipulate – use the mouse to move things Construct – build something on-screen Question and answer – ask an expert and get a response Converse – Chat and Discussion Forums Play – the highest form of interactivity – make it fun!

More Related Content

Viewers also liked

Telecomunicaciones
TelecomunicacionesTelecomunicaciones
TelecomunicacionesYurico
 
MEC Interaction: Anatome pinterestu
MEC Interaction: Anatome pinterestuMEC Interaction: Anatome pinterestu
MEC Interaction: Anatome pinterestu
MEC Prague
 
13 10-22 Interview dans Press News bilan innovation
13 10-22 Interview dans Press News bilan innovation13 10-22 Interview dans Press News bilan innovation
13 10-22 Interview dans Press News bilan innovationRaphael Labbé
 
Quel avenir pour le media for equity en france
Quel avenir pour le media for equity en franceQuel avenir pour le media for equity en france
Quel avenir pour le media for equity en france
Raphael Labbé
 
Article Stratégies - Etude de cas Schneider Electric
Article Stratégies - Etude de cas Schneider ElectricArticle Stratégies - Etude de cas Schneider Electric
Article Stratégies - Etude de cas Schneider ElectricRaphael Labbé
 

Viewers also liked (7)

Descripcion
DescripcionDescripcion
Descripcion
 
Story board
Story boardStory board
Story board
 
Telecomunicaciones
TelecomunicacionesTelecomunicaciones
Telecomunicaciones
 
MEC Interaction: Anatome pinterestu
MEC Interaction: Anatome pinterestuMEC Interaction: Anatome pinterestu
MEC Interaction: Anatome pinterestu
 
13 10-22 Interview dans Press News bilan innovation
13 10-22 Interview dans Press News bilan innovation13 10-22 Interview dans Press News bilan innovation
13 10-22 Interview dans Press News bilan innovation
 
Quel avenir pour le media for equity en france
Quel avenir pour le media for equity en franceQuel avenir pour le media for equity en france
Quel avenir pour le media for equity en france
 
Article Stratégies - Etude de cas Schneider Electric
Article Stratégies - Etude de cas Schneider ElectricArticle Stratégies - Etude de cas Schneider Electric
Article Stratégies - Etude de cas Schneider Electric
 

Similar to Week 3 Planning A Web Site Audience - Possibilities

Intro to the Web v1
Intro to the Web v1Intro to the Web v1
Intro to the Web v1
maybecrystal
 
Chapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The InternetChapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The Internet
Pratik Pradhan
 
Web basics southern
Web basics southernWeb basics southern
Web basics southerndharvey100
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
BalasundaramSr
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
BalasundaramSr
 
web_dev_first_session.pptx
web_dev_first_session.pptxweb_dev_first_session.pptx
web_dev_first_session.pptx
AyaBenkabbour1
 
6 multimedia elements - www
6   multimedia elements - www6   multimedia elements - www
6 multimedia elements - wwwKelly Bauer
 
Internet
InternetInternet
Internet
HODA ELEBIARY
 
Multimedia Basics
Multimedia BasicsMultimedia Basics
Multimedia Basics
Akhil Kaushik
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
Martin Mulwa
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptx
DhruvPatel189174
 
Web page design-cssfounder
Web page design-cssfounderWeb page design-cssfounder
Web page design-cssfounder
Css Founder
 
Website research
Website researchWebsite research
Website research
er180044
 
Types of websites
Types of websitesTypes of websites
Types of websites
Sidrah Noor
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
Vineet Kumar Saini
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsiteZoaib Mirza
 
Website Overview
Website OverviewWebsite Overview
Website Overview
ChanHan Hy
 

Similar to Week 3 Planning A Web Site Audience - Possibilities (20)

Intro to the Web v1
Intro to the Web v1Intro to the Web v1
Intro to the Web v1
 
Chapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The InternetChapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The Internet
 
Web basics southern
Web basics southernWeb basics southern
Web basics southern
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
 
web_dev_first_session.pptx
web_dev_first_session.pptxweb_dev_first_session.pptx
web_dev_first_session.pptx
 
6 multimedia elements - www
6   multimedia elements - www6   multimedia elements - www
6 multimedia elements - www
 
Internet
InternetInternet
Internet
 
Multimedia Basics
Multimedia BasicsMultimedia Basics
Multimedia Basics
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptx
 
Web page design-cssfounder
Web page design-cssfounderWeb page design-cssfounder
Web page design-cssfounder
 
Web designing
Web designingWeb designing
Web designing
 
Website research
Website researchWebsite research
Website research
 
Types of websites
Types of websitesTypes of websites
Types of websites
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
Website Overview
Website OverviewWebsite Overview
Website Overview
 
Introtointernet1
Introtointernet1Introtointernet1
Introtointernet1
 
Web engineering lecture 3
Web engineering lecture 3Web engineering lecture 3
Web engineering lecture 3
 

More from Stark State College

7 3 Preparing The Elements Video
7 3 Preparing The Elements Video7 3 Preparing The Elements Video
7 3 Preparing The Elements VideoStark State College
 
7 4 Preparing The Elements Forms And Databases
7 4 Preparing The Elements Forms And Databases7 4 Preparing The Elements Forms And Databases
7 4 Preparing The Elements Forms And DatabasesStark State College
 
7 2 Preparing The Elements Audio
7 2 Preparing The Elements Audio7 2 Preparing The Elements Audio
7 2 Preparing The Elements AudioStark State College
 
7 1 Preparing The Elements Animation
7 1 Preparing The Elements Animation7 1 Preparing The Elements Animation
7 1 Preparing The Elements AnimationStark State College
 
Week 6 4 Preparing The Elements Numbers
Week 6 4 Preparing The Elements NumbersWeek 6 4 Preparing The Elements Numbers
Week 6 4 Preparing The Elements NumbersStark State College
 
Week 6 2 Preparing The Elements Text
Week 6 2 Preparing The Elements TextWeek 6 2 Preparing The Elements Text
Week 6 2 Preparing The Elements TextStark State College
 
Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Stark State College
 
Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Stark State College
 
Week 5 - Guidelines For Site Design - 2
Week 5 - Guidelines For Site Design - 2Week 5 - Guidelines For Site Design - 2
Week 5 - Guidelines For Site Design - 2Stark State College
 
Week 5 - Toward A Better Design - 1
Week 5 - Toward A Better Design - 1Week 5 - Toward A Better Design - 1
Week 5 - Toward A Better Design - 1Stark State College
 
Week 3 Planning­ A Web Site - Summary
Week 3 Planning­ A Web Site - SummaryWeek 3 Planning­ A Web Site - Summary
Week 3 Planning­ A Web Site - SummaryStark State College
 
Week 3 Planning A Web Site - Structure
Week 3 Planning A Web Site - StructureWeek 3 Planning A Web Site - Structure
Week 3 Planning A Web Site - StructureStark State College
 

More from Stark State College (20)

7 3 Preparing The Elements Video
7 3 Preparing The Elements Video7 3 Preparing The Elements Video
7 3 Preparing The Elements Video
 
7 4 Preparing The Elements Forms And Databases
7 4 Preparing The Elements Forms And Databases7 4 Preparing The Elements Forms And Databases
7 4 Preparing The Elements Forms And Databases
 
7 2 Preparing The Elements Audio
7 2 Preparing The Elements Audio7 2 Preparing The Elements Audio
7 2 Preparing The Elements Audio
 
7 5 Summary
7 5 Summary7 5 Summary
7 5 Summary
 
7 1 Preparing The Elements Animation
7 1 Preparing The Elements Animation7 1 Preparing The Elements Animation
7 1 Preparing The Elements Animation
 
Week 6 3 Writing For The Web
Week 6 3 Writing For The WebWeek 6 3 Writing For The Web
Week 6 3 Writing For The Web
 
Week 6 1 Listing The Elements
Week 6 1 Listing The ElementsWeek 6 1 Listing The Elements
Week 6 1 Listing The Elements
 
Week 6 5 Summary
Week 6 5 SummaryWeek 6 5 Summary
Week 6 5 Summary
 
Week 6 4 Preparing The Elements Numbers
Week 6 4 Preparing The Elements NumbersWeek 6 4 Preparing The Elements Numbers
Week 6 4 Preparing The Elements Numbers
 
Week 6 2 Preparing The Elements Text
Week 6 2 Preparing The Elements TextWeek 6 2 Preparing The Elements Text
Week 6 2 Preparing The Elements Text
 
Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4
 
Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3
 
Week 5 - Guidelines For Site Design - 2
Week 5 - Guidelines For Site Design - 2Week 5 - Guidelines For Site Design - 2
Week 5 - Guidelines For Site Design - 2
 
Week 5 - Toward A Better Design - 1
Week 5 - Toward A Better Design - 1Week 5 - Toward A Better Design - 1
Week 5 - Toward A Better Design - 1
 
Week 5 - Summary - 5
Week 5 - Summary - 5Week 5 - Summary - 5
Week 5 - Summary - 5
 
Week 3 Planning­ A Web Site - Summary
Week 3 Planning­ A Web Site - SummaryWeek 3 Planning­ A Web Site - Summary
Week 3 Planning­ A Web Site - Summary
 
Week 3 Planning A Web Site - Structure
Week 3 Planning A Web Site - StructureWeek 3 Planning A Web Site - Structure
Week 3 Planning A Web Site - Structure
 
Designing Display
Designing DisplayDesigning Display
Designing Display
 
Images Logos Corporate Identity
Images Logos Corporate IdentityImages Logos Corporate Identity
Images Logos Corporate Identity
 
Feedback And Interaction
Feedback And InteractionFeedback And Interaction
Feedback And Interaction
 

Recently uploaded

Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
Mohammed Sikander
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBCSTRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
kimdan468
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
DhatriParmar
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
Chapter -12, Antibiotics (One Page Notes).pdf
Chapter -12, Antibiotics (One Page Notes).pdfChapter -12, Antibiotics (One Page Notes).pdf
Chapter -12, Antibiotics (One Page Notes).pdf
Kartik Tiwari
 

Recently uploaded (20)

Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Multithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race conditionMultithreading_in_C++ - std::thread, race condition
Multithreading_in_C++ - std::thread, race condition
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBCSTRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
Chapter -12, Antibiotics (One Page Notes).pdf
Chapter -12, Antibiotics (One Page Notes).pdfChapter -12, Antibiotics (One Page Notes).pdf
Chapter -12, Antibiotics (One Page Notes).pdf
 

Week 3 Planning A Web Site Audience - Possibilities

  • 1. Planning a Web Site Understanding the Possibilities of the Web
  • 2. Possibilities How can you know what’s out there if you never look? Before you begin to plan your site – go shopping! Look at other site! Examine sites in your market As you surf the ‘Net, look for components you like on other sites
  • 3. Possibilities Look for functions and structures that will be serve your sites purposes There are many ways you can communicate Human voice Images Text Sound and music Animation Motion video Virtual reality
  • 4. Using Text Text Most efficient means of transferring information over the web HTML – Hypertext Markup Language Universal language spoken on the net – requires only a browser to read Reading from a computer screen not as comfortable as the printed page Important to make text on the page easy to read
  • 5. Hypertext Hypertext – text that is active – it does something! Generally, it’s going to take you somewhere or display something Hypertext links are generally represented as underlined text.
  • 6. Hypertext Hypertext can be used to: Link to another Web page in your own site Link to another Web site Link to a spot elsewhere on the same page Link to an image on your Web site or elsewhere Link to a voice, music or sound clip Link to a video Open a new window (display a definition, show information, show pictures)
  • 7. Hypertext How will your site use links? For navigation? To access content? How will the links be represented?
  • 8. Printing Some documents are able to easily read on the computer screen Long documents are better in another format MS-Word (.doc) Adobe Acrobat (.pdf) If you’re going to present different file types, be sure to include a download link for the free viewer software.
  • 9. Things to Consider Look at the purposes and functions of your site Which will best be achieved with text? What type of text Long, scrolling articles Short paragraphs that can be read on-screen Has the text been written in another organization document? Does it need to be composed from scratch?
  • 10. Images Most frequently used form of information after text Images often replace or support text as the message) Images can be used as navigation tools Images can be used as icons (represent an idea)
  • 11. Images Speed of users Internet connection has a huge impact on viewing images Users with limited bandwidth will find pages load very slowly Bandwidth - measures rate at which data moves between points Many users have high-speed Internet connections, but designers should remember many still do not
  • 12. Images Keep the size of images down Generally, aim for image files sizes under 50 kilobytes. Here’s an example of a site where the images are used for navigation: http://www.weather.gov/
  • 13. Multimedia Refers to a broad range of online media, including: Animation Sound Video Virtual Reality http://www.virtualgettysburg.com/vg/panoramas/multi_node.html
  • 14. Interactivity Definition: The Web page involves action on the part of the user – the user does more than sit passively and look at the screen. That’s so important…let’s say it again: The user is not passive! The user is involved with the Web page
  • 15. Interactivity Interactive pages allow users to: Choose – select their topic Animate – click and see a process in action; learn a concept via a moving diagram Search and find – don’t make the site a scavenger hunt…make it easy! Buy and sell – making a commercial transaction (e-commerce) Manipulate – use the mouse to move things Construct – build something on-screen Question and answer – ask an expert and get a response Converse – Chat and Discussion Forums Play – the highest form of interactivity – make it fun!