SlideShare a Scribd company logo
WEBSITE PLANNING &
DESIGN
Cherry B. Lim
SubjectTeacher
Stages in Website
Planning
1. DefineYour Purpose
The first step is determining exactly why you are
creating it.
 Survey-is a common tool in determining the
purpose of creating website.
2. Determining the site structure
Make a list of all things you want to include and then decide how they will fit
together.
Site Map- is a visual or textually organized model of a website content.
3.Deciding how you site will look like
This is another important
stage in planning a website.
Draw and prepare several
drafts sketches of site layouts
until you have the one you like.
It doesn’t need to be fancy, just
enough to give you a good idea
of your layout.
The Dos in Web Designing
1. Make it easier to use – Most Internet surfers have short attention spans
just like two year old child. Don’t make your visitors think too hard, wait
long or read too much.
2. Capture your user’s Attention –Web users usually don’t take enough time
carefully read and view everything that is on the page.That’s why it is the
best to capture their attention in very short time span, direct them to what
is most important or attractive on your page.
3. Use high quality content –Web users appreciate high quality and credible
content.
4. Use topography wisely – this is one of the most powerful tools available
to web designer. Picking the right typeface could make or break your
design and can lead to success or failure of your website
5. Try it out for a test drive –You can never know if your web page does what
it’s supposed to do unless you try it out
Assignment
Instructions: Look for at least five (5) websites. Use the table to list
down the qualities and features you like and you didn’t like on
those website.
WEBSITE LIKE DISLIKE
1.
2.
3.
4.
5.

More Related Content

PDF
Web designing chapter 01
PDF
Quick Web Accessibility - Sensory Therapy Gardens Manual
PPTX
Web Publishing.pptx vhgvg gvgv cghgv vhvv
PPTX
Web Publishing.pptx dferfesv sdffs sdfs dfv
PPT
Web site design
PPT
Website development company in mumbai
PPT
Web Site Design,
PPT
AMA Basics in Website Design
Web designing chapter 01
Quick Web Accessibility - Sensory Therapy Gardens Manual
Web Publishing.pptx vhgvg gvgv cghgv vhvv
Web Publishing.pptx dferfesv sdffs sdfs dfv
Web site design
Website development company in mumbai
Web Site Design,
AMA Basics in Website Design

Similar to Lesson 2.pptx (20)

PPTX
Top10 Usability Guidelines for Bloggers
PDF
Guide to Planning Your Next Web Project
PPT
Website world
PPTX
web essentials - Working principle of a Website.pptx
PPT
Website design
PDF
Usability 101
PPTX
Basic Web Design Principles and Elements
PPT
Web development | Derin Dolen
PPTX
Understanding the Internet: Concepts, Etiquette, and Copyright
PPTX
Discovery to Design
PDF
Make your website work for you
PPTX
Web design
PPTX
Jesterandniepes
PPT
webdevlopment-190510072045.pcdcsdcdrvrvpt
PPTX
What is a website
PDF
Creating a Website: Design and Layout
PPTX
Java Unit 5(part 1)
DOCX
Desighn and develpment
PPTX
writing-web-content-part-one lecture note.pptx
PPTX
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
Top10 Usability Guidelines for Bloggers
Guide to Planning Your Next Web Project
Website world
web essentials - Working principle of a Website.pptx
Website design
Usability 101
Basic Web Design Principles and Elements
Web development | Derin Dolen
Understanding the Internet: Concepts, Etiquette, and Copyright
Discovery to Design
Make your website work for you
Web design
Jesterandniepes
webdevlopment-190510072045.pcdcsdcdrvrvpt
What is a website
Creating a Website: Design and Layout
Java Unit 5(part 1)
Desighn and develpment
writing-web-content-part-one lecture note.pptx
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
Ad

More from LimEchYrr (7)

PPTX
vb-160518151614.pptx
PDF
vb-160518151614.pdf
PPT
GRADE 7 LESSON 5 MS WORD INTRO.ppt
PPTX
LESSON 3-HTML 5 START UP.pptx
PPTX
Lesson 7 - Article 2.pptx
PPTX
Aa presentation.pptx
PPT
HTML Demo.ppt
vb-160518151614.pptx
vb-160518151614.pdf
GRADE 7 LESSON 5 MS WORD INTRO.ppt
LESSON 3-HTML 5 START UP.pptx
Lesson 7 - Article 2.pptx
Aa presentation.pptx
HTML Demo.ppt
Ad

Recently uploaded (20)

PDF
HVAC Specification 2024 according to central public works department
PDF
Complications of Minimal Access-Surgery.pdf
PDF
Uderstanding digital marketing and marketing stratergie for engaging the digi...
PDF
Trump Administration's workforce development strategy
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
FORM 1 BIOLOGY MIND MAPS and their schemes
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
Practical Manual AGRO-233 Principles and Practices of Natural Farming
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PDF
International_Financial_Reporting_Standa.pdf
PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PDF
What if we spent less time fighting change, and more time building what’s rig...
PDF
Empowerment Technology for Senior High School Guide
HVAC Specification 2024 according to central public works department
Complications of Minimal Access-Surgery.pdf
Uderstanding digital marketing and marketing stratergie for engaging the digi...
Trump Administration's workforce development strategy
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
FORM 1 BIOLOGY MIND MAPS and their schemes
Chinmaya Tiranga quiz Grand Finale.pdf
Environmental Education MCQ BD2EE - Share Source.pdf
Practical Manual AGRO-233 Principles and Practices of Natural Farming
B.Sc. DS Unit 2 Software Engineering.pptx
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
International_Financial_Reporting_Standa.pdf
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
LDMMIA Reiki Yoga Finals Review Spring Summer
Cambridge-Practice-Tests-for-IELTS-12.docx
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
What if we spent less time fighting change, and more time building what’s rig...
Empowerment Technology for Senior High School Guide

Lesson 2.pptx

  • 1. WEBSITE PLANNING & DESIGN Cherry B. Lim SubjectTeacher
  • 3. 1. DefineYour Purpose The first step is determining exactly why you are creating it.  Survey-is a common tool in determining the purpose of creating website.
  • 4. 2. Determining the site structure Make a list of all things you want to include and then decide how they will fit together. Site Map- is a visual or textually organized model of a website content.
  • 5. 3.Deciding how you site will look like This is another important stage in planning a website. Draw and prepare several drafts sketches of site layouts until you have the one you like. It doesn’t need to be fancy, just enough to give you a good idea of your layout.
  • 6. The Dos in Web Designing 1. Make it easier to use – Most Internet surfers have short attention spans just like two year old child. Don’t make your visitors think too hard, wait long or read too much. 2. Capture your user’s Attention –Web users usually don’t take enough time carefully read and view everything that is on the page.That’s why it is the best to capture their attention in very short time span, direct them to what is most important or attractive on your page. 3. Use high quality content –Web users appreciate high quality and credible content. 4. Use topography wisely – this is one of the most powerful tools available to web designer. Picking the right typeface could make or break your design and can lead to success or failure of your website 5. Try it out for a test drive –You can never know if your web page does what it’s supposed to do unless you try it out
  • 7. Assignment Instructions: Look for at least five (5) websites. Use the table to list down the qualities and features you like and you didn’t like on those website. WEBSITE LIKE DISLIKE 1. 2. 3. 4. 5.