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

Similar to 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 southern
dharvey100
 
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 - www
Kelly 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
 
Web designing
Web designingWeb designing
Web designing
Md Aminul Hassan
 
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 Website
Zoaib Mirza
 
Website Overview
Website OverviewWebsite Overview
Website Overview
ChanHan Hy
 
Introtointernet1
Introtointernet1Introtointernet1
Introtointernet1
Heather Lambert
 
Web engineering lecture 3
Web engineering lecture 3Web engineering lecture 3
Web engineering lecture 3
University of Swat
 

Similar to 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
 

Recently uploaded

Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
chanes7
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
Dr. Shivangi Singh Parihar
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
ak6969907
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
IreneSebastianRueco1
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
Israel Genealogy Research Association
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
Nicholas Montgomery
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
GeorgeMilliken2
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
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
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
adhitya5119
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Celine George
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
Nguyen Thanh Tu Collection
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
simonomuemu
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Celine George
 
Cognitive Development Adolescence Psychology
Cognitive Development Adolescence PsychologyCognitive Development Adolescence Psychology
Cognitive Development Adolescence Psychology
paigestewart1632
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
AyyanKhan40
 

Recently uploaded (20)

Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
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
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
 
Cognitive Development Adolescence Psychology
Cognitive Development Adolescence PsychologyCognitive Development Adolescence Psychology
Cognitive Development Adolescence Psychology
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
 

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!