SlideShare a Scribd company logo
2.1 Review web page design
Mr. Cliff Levai
Clif.l@unityhighschool.org
Learning Objectives
• Whether the design of a web page is appropriate for its
purpose and audience.
• How web pages are designed in a consistent way.
• How websites are designed so that they are easy to navigate.
• How websites are designed so that information is made clear.
Introduction:
• When designing and developing a website, we always have
to consider the purpose of our website (the reason behind
developing the website: to inform, to persuade, or to
entertain) and the audience (who are we targeting when
the website is done).
• The same questions should be asked when we are
designing web pages.
• Web pages are another way of presenting information.
• They are multimedia, which means that they can consist of
text, images, video and sound.
Web page design:
• Web pages are the individual pages that make up a website.
• Normally the individual pages of a website will share the
same design features.
Navigation:
• Moving around a website is known as navigating.
• When creating a website, you need to think carefully about
how people will be able to navigate around your site.
Clarity of information:
• Clarity: refers to whether or not the information is clear
and easy to understand.
• When creating web pages, you must make sure that the
information is clear.
• You do this depends on the purpose and audience.
Web design and creation
Slides
• Reviewing web page
design.
• Methods for creating web
pages.
• Creating a web page using
HTML/CSS.
• Creating a web page using
specialised software.
• Structuring a website.
ICT & SOFTWARE DEVELOPER
Mr. Cliff Levai

More Related Content

Similar to Reviwing web page design

Student Presentation: The Pain with No Name
Student Presentation: The Pain with No NameStudent Presentation: The Pain with No Name
Student Presentation: The Pain with No Name
Jodie Nicotra
 
Creating a Winning Content Strategy
Creating a Winning Content StrategyCreating a Winning Content Strategy
Creating a Winning Content Strategy
Ektron
 
Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]
CanadaHelps / MyCharityConnects
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
CanadaHelps / MyCharityConnects
 
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Create to Learn: Introduction to the Digital Literacy
 
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Four Kitchens
 
The benefit of iconography in ux
The benefit of iconography in uxThe benefit of iconography in ux
The benefit of iconography in uxEntropii
 
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
Four Kitchens
 
Does our website still meet our organisational needs
Does our website still meet our organisational needsDoes our website still meet our organisational needs
Does our website still meet our organisational needs
Te Horowhenua Trust
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]CanadaHelps / MyCharityConnects
 
Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
 Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430 Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
Vantharith Oum
 
Web development chandigarh
Web development chandigarhWeb development chandigarh
Web development chandigarh
49 Webstreet
 
Gems 7 Class
Gems 7 ClassGems 7 Class
Gems 7 Class
Karol Mark Yee
 
CMS 120: Introduction to Building a Website
CMS 120: Introduction to Building a WebsiteCMS 120: Introduction to Building a Website
CMS 120: Introduction to Building a Website
Montana State University
 
Growing Your Dream Series... Social Media - Mayhem to Metanoia
Growing Your Dream Series... Social Media - Mayhem to MetanoiaGrowing Your Dream Series... Social Media - Mayhem to Metanoia
Growing Your Dream Series... Social Media - Mayhem to Metanoia
Be The Dream LLC
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
Gowtham Cr
 
Must Have Small Business Website Features
Must Have Small Business Website Features Must Have Small Business Website Features
Must Have Small Business Website Features
BizcentralUSA
 
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpointGsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
etikmsc2004
 
Developing an effective website captovate 2012_hs_v8
Developing an effective website captovate 2012_hs_v8Developing an effective website captovate 2012_hs_v8
Developing an effective website captovate 2012_hs_v8Captovate
 

Similar to Reviwing web page design (20)

Student Presentation: The Pain with No Name
Student Presentation: The Pain with No NameStudent Presentation: The Pain with No Name
Student Presentation: The Pain with No Name
 
Creating a Winning Content Strategy
Creating a Winning Content StrategyCreating a Winning Content Strategy
Creating a Winning Content Strategy
 
Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
 
Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101
 
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
 
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
 
The benefit of iconography in ux
The benefit of iconography in uxThe benefit of iconography in ux
The benefit of iconography in ux
 
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
Don't Design Websites. Design Web SYSTEMS! (Dallas Drupal Days 2011)
 
Does our website still meet our organisational needs
Does our website still meet our organisational needsDoes our website still meet our organisational needs
Does our website still meet our organisational needs
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
 
Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
 Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430 Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
Khmer Wikipedia's WikiMeetupPP2 - PPT Deck 201100430
 
Web development chandigarh
Web development chandigarhWeb development chandigarh
Web development chandigarh
 
Gems 7 Class
Gems 7 ClassGems 7 Class
Gems 7 Class
 
CMS 120: Introduction to Building a Website
CMS 120: Introduction to Building a WebsiteCMS 120: Introduction to Building a Website
CMS 120: Introduction to Building a Website
 
Growing Your Dream Series... Social Media - Mayhem to Metanoia
Growing Your Dream Series... Social Media - Mayhem to MetanoiaGrowing Your Dream Series... Social Media - Mayhem to Metanoia
Growing Your Dream Series... Social Media - Mayhem to Metanoia
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
 
Must Have Small Business Website Features
Must Have Small Business Website Features Must Have Small Business Website Features
Must Have Small Business Website Features
 
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpointGsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
 
Developing an effective website captovate 2012_hs_v8
Developing an effective website captovate 2012_hs_v8Developing an effective website captovate 2012_hs_v8
Developing an effective website captovate 2012_hs_v8
 

Recently uploaded

Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
Donna Lenk
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
Paco van Beckhoven
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
Google
 
Large Language Models and the End of Programming
Large Language Models and the End of ProgrammingLarge Language Models and the End of Programming
Large Language Models and the End of Programming
Matt Welsh
 
Pro Unity Game Development with C-sharp Book
Pro Unity Game Development with C-sharp BookPro Unity Game Development with C-sharp Book
Pro Unity Game Development with C-sharp Book
abdulrafaychaudhry
 
Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604
Fermin Galan
 
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdfDominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
AMB-Review
 
How Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptxHow Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptx
wottaspaceseo
 
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
Juraj Vysvader
 
Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024
Globus
 
How to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good PracticesHow to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good Practices
Globus
 
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Shahin Sheidaei
 
GOING AOT WITH GRAALVM FOR SPRING BOOT (SPRING IO)
GOING AOT WITH GRAALVM FOR  SPRING BOOT (SPRING IO)GOING AOT WITH GRAALVM FOR  SPRING BOOT (SPRING IO)
GOING AOT WITH GRAALVM FOR SPRING BOOT (SPRING IO)
Alina Yurenko
 
Understanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSageUnderstanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSage
Globus
 
Lecture 1 Introduction to games development
Lecture 1 Introduction to games developmentLecture 1 Introduction to games development
Lecture 1 Introduction to games development
abdulrafaychaudhry
 
First Steps with Globus Compute Multi-User Endpoints
First Steps with Globus Compute Multi-User EndpointsFirst Steps with Globus Compute Multi-User Endpoints
First Steps with Globus Compute Multi-User Endpoints
Globus
 
GlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote sessionGlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote session
Globus
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Crescat
 
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Globus
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
Neo4j
 

Recently uploaded (20)

Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
 
Large Language Models and the End of Programming
Large Language Models and the End of ProgrammingLarge Language Models and the End of Programming
Large Language Models and the End of Programming
 
Pro Unity Game Development with C-sharp Book
Pro Unity Game Development with C-sharp BookPro Unity Game Development with C-sharp Book
Pro Unity Game Development with C-sharp Book
 
Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604
 
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdfDominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf
 
How Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptxHow Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptx
 
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...
 
Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024
 
How to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good PracticesHow to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good Practices
 
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
 
GOING AOT WITH GRAALVM FOR SPRING BOOT (SPRING IO)
GOING AOT WITH GRAALVM FOR  SPRING BOOT (SPRING IO)GOING AOT WITH GRAALVM FOR  SPRING BOOT (SPRING IO)
GOING AOT WITH GRAALVM FOR SPRING BOOT (SPRING IO)
 
Understanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSageUnderstanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSage
 
Lecture 1 Introduction to games development
Lecture 1 Introduction to games developmentLecture 1 Introduction to games development
Lecture 1 Introduction to games development
 
First Steps with Globus Compute Multi-User Endpoints
First Steps with Globus Compute Multi-User EndpointsFirst Steps with Globus Compute Multi-User Endpoints
First Steps with Globus Compute Multi-User Endpoints
 
GlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote sessionGlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote session
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
 
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
 

Reviwing web page design

  • 1. 2.1 Review web page design Mr. Cliff Levai Clif.l@unityhighschool.org
  • 2. Learning Objectives • Whether the design of a web page is appropriate for its purpose and audience. • How web pages are designed in a consistent way. • How websites are designed so that they are easy to navigate. • How websites are designed so that information is made clear.
  • 3. Introduction: • When designing and developing a website, we always have to consider the purpose of our website (the reason behind developing the website: to inform, to persuade, or to entertain) and the audience (who are we targeting when the website is done). • The same questions should be asked when we are designing web pages. • Web pages are another way of presenting information. • They are multimedia, which means that they can consist of text, images, video and sound.
  • 4. Web page design: • Web pages are the individual pages that make up a website. • Normally the individual pages of a website will share the same design features.
  • 5. Navigation: • Moving around a website is known as navigating. • When creating a website, you need to think carefully about how people will be able to navigate around your site.
  • 6. Clarity of information: • Clarity: refers to whether or not the information is clear and easy to understand. • When creating web pages, you must make sure that the information is clear. • You do this depends on the purpose and audience.
  • 7. Web design and creation Slides • Reviewing web page design. • Methods for creating web pages. • Creating a web page using HTML/CSS. • Creating a web page using specialised software. • Structuring a website.
  • 8. ICT & SOFTWARE DEVELOPER Mr. Cliff Levai