SlideShare a Scribd company logo
1 of 7
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

Similar to Lesson 2.pptx

Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and ElementsEromRamos
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen Derin Dolen
 
Discovery to Design
Discovery to DesignDiscovery to Design
Discovery to DesignAnna Stout
 
Make your website work for you
Make your website work for youMake your website work for you
Make your website work for youWarren Denley
 
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptx
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptxwriting-web-content-part-one.pptxReading_and_listening_skills_week7.pptx
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptxqueenpressman14
 
writing-web-content-part-one lecture note.pptx
writing-web-content-part-one lecture note.pptxwriting-web-content-part-one lecture note.pptx
writing-web-content-part-one lecture note.pptxmicmichael3
 
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptxDAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptxjamesambrose111
 
Web Design
Web DesignWeb Design
Web DesignSpy Seat
 
How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project Matt Herzberger
 

Similar to Lesson 2.pptx (20)

Website world
Website worldWebsite world
Website world
 
Website design
Website designWebsite design
Website design
 
Usability 101
Usability 101Usability 101
Usability 101
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Discovery to Design
Discovery to DesignDiscovery to Design
Discovery to Design
 
Make your website work for you
Make your website work for youMake your website work for you
Make your website work for you
 
Web design
Web designWeb design
Web design
 
Jesterandniepes
JesterandniepesJesterandniepes
Jesterandniepes
 
What is a website
What is a websiteWhat is a website
What is a website
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Desighn and develpment
Desighn and develpmentDesighn and develpment
Desighn and develpment
 
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptx
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptxwriting-web-content-part-one.pptxReading_and_listening_skills_week7.pptx
writing-web-content-part-one.pptxReading_and_listening_skills_week7.pptx
 
writing-web-content-part-one lecture note.pptx
writing-web-content-part-one lecture note.pptxwriting-web-content-part-one lecture note.pptx
writing-web-content-part-one lecture note.pptx
 
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptxDAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
DAY1-INTRODUCTION TO WEB DESGN BY AMBROSE.pptx
 
Web design 3
Web design 3Web design 3
Web design 3
 
Web Design
Web DesignWeb Design
Web Design
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project
 

More from LimEchYrr

vb-160518151614.pptx
vb-160518151614.pptxvb-160518151614.pptx
vb-160518151614.pptxLimEchYrr
 
vb-160518151614.pdf
vb-160518151614.pdfvb-160518151614.pdf
vb-160518151614.pdfLimEchYrr
 
GRADE 7 LESSON 5 MS WORD INTRO.ppt
GRADE 7 LESSON 5 MS WORD INTRO.pptGRADE 7 LESSON 5 MS WORD INTRO.ppt
GRADE 7 LESSON 5 MS WORD INTRO.pptLimEchYrr
 
LESSON 3-HTML 5 START UP.pptx
LESSON 3-HTML 5 START UP.pptxLESSON 3-HTML 5 START UP.pptx
LESSON 3-HTML 5 START UP.pptxLimEchYrr
 
Lesson 7 - Article 2.pptx
Lesson 7 - Article 2.pptxLesson 7 - Article 2.pptx
Lesson 7 - Article 2.pptxLimEchYrr
 
Aa presentation.pptx
Aa presentation.pptxAa presentation.pptx
Aa presentation.pptxLimEchYrr
 
HTML Demo.ppt
HTML Demo.pptHTML Demo.ppt
HTML Demo.pptLimEchYrr
 

More from LimEchYrr (7)

vb-160518151614.pptx
vb-160518151614.pptxvb-160518151614.pptx
vb-160518151614.pptx
 
vb-160518151614.pdf
vb-160518151614.pdfvb-160518151614.pdf
vb-160518151614.pdf
 
GRADE 7 LESSON 5 MS WORD INTRO.ppt
GRADE 7 LESSON 5 MS WORD INTRO.pptGRADE 7 LESSON 5 MS WORD INTRO.ppt
GRADE 7 LESSON 5 MS WORD INTRO.ppt
 
LESSON 3-HTML 5 START UP.pptx
LESSON 3-HTML 5 START UP.pptxLESSON 3-HTML 5 START UP.pptx
LESSON 3-HTML 5 START UP.pptx
 
Lesson 7 - Article 2.pptx
Lesson 7 - Article 2.pptxLesson 7 - Article 2.pptx
Lesson 7 - Article 2.pptx
 
Aa presentation.pptx
Aa presentation.pptxAa presentation.pptx
Aa presentation.pptx
 
HTML Demo.ppt
HTML Demo.pptHTML Demo.ppt
HTML Demo.ppt
 

Recently uploaded

TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Shubhangi Sonawane
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxNikitaBankoti2
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 

Recently uploaded (20)

TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 

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.