SlideShare a Scribd company logo
2
Most read
3
Most read
7
Most read
Presentation of web designing
WEB DESIGNING
Design is the process of collecting ideas, and
aesthetically arranging and implementing them,
guided by certain principles for a specific purpose.
Web design is a similar process of creation, with
the intention of presenting the content on
electronic web pages, which the end-users can
access through the internet with the help of a web
browser.
ELEMENTS OF WEB DESIGN
Web design uses many of the same key visual elements as all types of design such as: -
Layout: This is the way the graphics, ads and text are arranged. In the web
world, a key goal is to help the view find the information they seek at a
glance. This includes maintaining the balance, consistency, and
integrity of the design.
Colour: The choice of colours depends on the purpose and clientele; it
could be simple black-and-white to multi-coloured design, conveying
the personality of a person or the brand of an organization, using web-
safe colours.
Graphics: Graphics can include logos, photos, clipart or icons, all of which
enhance the web design. For user friendliness, these need to be placed
appropriately, working with the colour and content of the web page,
while not making it too congested or slow to load.
Fonts: The use of various fonts can enhance a website design. Most web
browsers can only read a select number of fonts, known as "web-safe
fonts", so your designer will generally work within this widely accepted
group.
CREATING USER FRIENDLY WEB DESIGN
Besides the basic elements of web design that make a site beautiful and
visually compelling, a website must also always consider the end user.
User-friendliness can be achieved by paying attention to the following
factors.
Navigation: Site architecture, menus and other navigation tools in the web
design must be created with consideration of how users browse and
search. The goal is to help the user to move around the site with ease,
efficiently finding the information they require.
Multimedia: Relevant video and audio stimuli in the design can help users
to grasp the information, developing understanding in an easy and
quick manner. This can encourage visitors to spend more time on the
webpage.
Compatibility: Design the webpage, to perform equally well on different
browsers and operating systems, to increase its viewing.
Technology: Advancements in technology give designers the freedom to
add movement and innovation, allowing for web design that is always
fresh, dynamic and professional.
CONSISTENCY IN DESIGN
 Use the same font throughout!
 Use consistent graphics in website – do not use ultra
modern on one page and calligraphy on another
 Use color scheme that is consistent
WEBSITE DESIGN
 From your existing web pages, build a website.
 Add more pages to site – whatever you want
 Some suggestions: Resume, friends page, hobbies page
 Minimum 6 pages (splash page + 5)
 Use common design theme
 Make custom graphics in PhotoShop
 Prepare graphical site map in PowerPoint to turn
in when finished
FUNDAMENTALS OF WEBDESIGN
Purpose of Web Design
 Inform/Educate
 Persuade
Influences on Web Design
 Technology Used by Both Target Audience and Designer
 Nature of the Content
 Economy (Budget, Time, and Scale of the Project)
 Amount and Type of Visuals Included
 Meeting Usability Objectives
THE MAKING OF GOOD DESIGN
Content is important, but content alone will not
make your site work.
THE MAKING OF DESIGN
Good Design is:
 Understandable
 Interesting
 Easy to use
 Uniform in look and feel
 Done from a visitor’s point of view:
WYSIWYW (What You See Is What You WANT)
Resources -books
 HTML & XHTML: The Complete Reference
Author: Thomas Powell
ISBN: 0-07-222942-X
 Web Design: The Complete Reference
Author: Thomas Powell
ISBN: 0-07-222442-8
 Designing With Web Standards
Author: Jeffrey Zeldman
ISBN: 0-73-571201-8
 HTML for the World Wide Web
Author: Elizabeth Castro
ISBN: 0-32-113007-3
 Integrated Web Design
Author: Molly Holzschlag
ISBN: 0-73-571233-6
THANK YOU

More Related Content

What's hot (20)

PPTX
Introduction to Web Development
Parvez Mahbub
 
PPT
Html Ppt
vijayanit
 
PPTX
Web development
Sunil Moolchandani
 
PPTX
Type of websites
Edy Indra
 
PPTX
Content Management System - CMS
Jaime Delgado
 
PPTX
Web Development
Lena Petsenchuk
 
PPTX
Wordpress ppt
Crest TechnoSoft
 
PDF
Web technology
Selvin Josy Bai Somu
 
KEY
Web Design 101
T.S. Lim
 
PDF
Web Design & Development - Session 1
Shahrzad Peyman
 
PPT
Javascript
Manav Prasad
 
ODP
The Full Stack Web Development
Sam Dias
 
PPT
Introduction to html
vikasgaur31
 
PPTX
WWW, Website & Webpage
Zeeshan Alam
 
PPTX
Basic html structure
Jhaun Paul Enriquez
 
PPTX
Website design with Wordpress ppt
WTACADEMY5
 
PPT
Web Development using HTML & CSS
Shashank Skills Academy
 
PPTX
Client Server Architecture ppt
OECLIB Odisha Electronics Control Library
 
PPS
Blog ppt
sahils123
 
PPT
Html
Bhumika Ratan
 
Introduction to Web Development
Parvez Mahbub
 
Html Ppt
vijayanit
 
Web development
Sunil Moolchandani
 
Type of websites
Edy Indra
 
Content Management System - CMS
Jaime Delgado
 
Web Development
Lena Petsenchuk
 
Wordpress ppt
Crest TechnoSoft
 
Web technology
Selvin Josy Bai Somu
 
Web Design 101
T.S. Lim
 
Web Design & Development - Session 1
Shahrzad Peyman
 
Javascript
Manav Prasad
 
The Full Stack Web Development
Sam Dias
 
Introduction to html
vikasgaur31
 
WWW, Website & Webpage
Zeeshan Alam
 
Basic html structure
Jhaun Paul Enriquez
 
Website design with Wordpress ppt
WTACADEMY5
 
Web Development using HTML & CSS
Shashank Skills Academy
 
Client Server Architecture ppt
OECLIB Odisha Electronics Control Library
 
Blog ppt
sahils123
 

Similar to Presentation of web designing (20)

PPTX
WEB DESIGNING.pptx
MEDICALCOUNSELING
 
PPTX
Web design principles
Beverly Garcia
 
PDF
Web designing course in chandigarh
excellence academy
 
PDF
WEB DESIGNING.pdf
KartikeyMathur5
 
PDF
Soodam
SandhyaChavda
 
DOCX
Web designing course in chandigarh
excellence acadmey
 
PDF
Web Designing and development course in Chandigarh
Kanchan Sharma
 
PPTX
Complete web designing course in chandigarh
Kanchan Sharma
 
PPTX
Basic Web Design Principles and Elements
EromRamos
 
PDF
Web Design
Virtu Institute
 
PDF
Best Search Engine Optimization Online Course
Scholar studysolution
 
PDF
Web Designing Course in Chandigarh.pdf
Excellence Academy
 
PPT
6 Key Principles Of Making A Web Design
Clippingimages
 
PDF
What is Web Design? An Introduction to the Basics
wedesignmarbella
 
PPTX
"Creative & Responsive Web Design Trends"
ishu04009
 
PPT
Web Design by Client Perspective
eginni
 
DOCX
Web designing course in chandigarh mohali
excellenceacademy
 
PDF
Web designing chapter 01
Farmanzaland
 
PPTX
Web Designing course in chandigarh Ppt .
pooja2203choudhary
 
PPTX
web designing slide .pptx
excellence academy
 
WEB DESIGNING.pptx
MEDICALCOUNSELING
 
Web design principles
Beverly Garcia
 
Web designing course in chandigarh
excellence academy
 
WEB DESIGNING.pdf
KartikeyMathur5
 
Web designing course in chandigarh
excellence acadmey
 
Web Designing and development course in Chandigarh
Kanchan Sharma
 
Complete web designing course in chandigarh
Kanchan Sharma
 
Basic Web Design Principles and Elements
EromRamos
 
Web Design
Virtu Institute
 
Best Search Engine Optimization Online Course
Scholar studysolution
 
Web Designing Course in Chandigarh.pdf
Excellence Academy
 
6 Key Principles Of Making A Web Design
Clippingimages
 
What is Web Design? An Introduction to the Basics
wedesignmarbella
 
"Creative & Responsive Web Design Trends"
ishu04009
 
Web Design by Client Perspective
eginni
 
Web designing course in chandigarh mohali
excellenceacademy
 
Web designing chapter 01
Farmanzaland
 
Web Designing course in chandigarh Ppt .
pooja2203choudhary
 
web designing slide .pptx
excellence academy
 
Ad

Recently uploaded (20)

PPTX
一比一原版(HM毕业证书)慕尼黑应用技术大学毕业证如何办理
Taqyea
 
PPT
Teaching Learning-1- (New) 2020.pptuuuo
omarekaabed
 
PDF
🔴BUKTI KEMENANGAN HARI INI SELASA 08 JULI 2025 !!!🔴
GRAB
 
DOCX
Ai Vehicle traffic signal detector Literature Review.
DavidNameza
 
PDF
Presentation of design made by power point
habibikuw002
 
PPTX
TAMBO CANTA CALLAO C3 INFOGRAFIA - 05.07.pptx
milleracosta1
 
PDF
Uber Driver Hackday Sprint Solving Ride Cancellations
YellowSlice1
 
PPTX
SAMPLE FILE OF-PPT-FINAL-ORAL-DEFENSE.pptx
Yvez2
 
PDF
Empowering Artisans Through Technology Karmakar App Concept
yellowslice2
 
PDF
S2 Associates brings museum exhibits to life with innovative design.pdf
S2 Associates
 
PPTX
Dndnnnssjsjjsjsjjsssjsjsjjsjsjsjsjjsjsjdn.pptx
Nandy31
 
PDF
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
PPTX
DEVELOPING-PARAGRAPHS.pptx-developing...
rania680036
 
PPTX
condylar pptx.in relation to dental seurgery
abishekgowtham586
 
PDF
Design Social Change Creating Social Change
Eduardo Corrêa
 
PPTX
sCREW cONVEYOR AUGER DAF SLUDGE SYSTEM TO
viksurs
 
PPTX
HIGH DENSITY CONCRETE-Concrete Technology
mayurbhandari2123
 
PPTX
Adjective..pptxujjjjjjjjjjjjjjjjjjjjjjjj
seemanodiyal
 
PPTX
Transportation in the air, sea and land.pptx
KhloodAli5
 
PPTX
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
一比一原版(HM毕业证书)慕尼黑应用技术大学毕业证如何办理
Taqyea
 
Teaching Learning-1- (New) 2020.pptuuuo
omarekaabed
 
🔴BUKTI KEMENANGAN HARI INI SELASA 08 JULI 2025 !!!🔴
GRAB
 
Ai Vehicle traffic signal detector Literature Review.
DavidNameza
 
Presentation of design made by power point
habibikuw002
 
TAMBO CANTA CALLAO C3 INFOGRAFIA - 05.07.pptx
milleracosta1
 
Uber Driver Hackday Sprint Solving Ride Cancellations
YellowSlice1
 
SAMPLE FILE OF-PPT-FINAL-ORAL-DEFENSE.pptx
Yvez2
 
Empowering Artisans Through Technology Karmakar App Concept
yellowslice2
 
S2 Associates brings museum exhibits to life with innovative design.pdf
S2 Associates
 
Dndnnnssjsjjsjsjjsssjsjsjjsjsjsjsjjsjsjdn.pptx
Nandy31
 
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
DEVELOPING-PARAGRAPHS.pptx-developing...
rania680036
 
condylar pptx.in relation to dental seurgery
abishekgowtham586
 
Design Social Change Creating Social Change
Eduardo Corrêa
 
sCREW cONVEYOR AUGER DAF SLUDGE SYSTEM TO
viksurs
 
HIGH DENSITY CONCRETE-Concrete Technology
mayurbhandari2123
 
Adjective..pptxujjjjjjjjjjjjjjjjjjjjjjjj
seemanodiyal
 
Transportation in the air, sea and land.pptx
KhloodAli5
 
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
Ad

Presentation of web designing

  • 2. WEB DESIGNING Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.
  • 3. ELEMENTS OF WEB DESIGN Web design uses many of the same key visual elements as all types of design such as: - Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design. Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multi-coloured design, conveying the personality of a person or the brand of an organization, using web- safe colours. Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load. Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.
  • 4. CREATING USER FRIENDLY WEB DESIGN Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors. Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require. Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage. Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing. Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.
  • 5. CONSISTENCY IN DESIGN  Use the same font throughout!  Use consistent graphics in website – do not use ultra modern on one page and calligraphy on another  Use color scheme that is consistent
  • 6. WEBSITE DESIGN  From your existing web pages, build a website.  Add more pages to site – whatever you want  Some suggestions: Resume, friends page, hobbies page  Minimum 6 pages (splash page + 5)  Use common design theme  Make custom graphics in PhotoShop  Prepare graphical site map in PowerPoint to turn in when finished
  • 7. FUNDAMENTALS OF WEBDESIGN Purpose of Web Design  Inform/Educate  Persuade Influences on Web Design  Technology Used by Both Target Audience and Designer  Nature of the Content  Economy (Budget, Time, and Scale of the Project)  Amount and Type of Visuals Included  Meeting Usability Objectives
  • 8. THE MAKING OF GOOD DESIGN Content is important, but content alone will not make your site work.
  • 9. THE MAKING OF DESIGN Good Design is:  Understandable  Interesting  Easy to use  Uniform in look and feel  Done from a visitor’s point of view: WYSIWYW (What You See Is What You WANT)
  • 10. Resources -books  HTML & XHTML: The Complete Reference Author: Thomas Powell ISBN: 0-07-222942-X  Web Design: The Complete Reference Author: Thomas Powell ISBN: 0-07-222442-8  Designing With Web Standards Author: Jeffrey Zeldman ISBN: 0-73-571201-8  HTML for the World Wide Web Author: Elizabeth Castro ISBN: 0-32-113007-3  Integrated Web Design Author: Molly Holzschlag ISBN: 0-73-571233-6 THANK YOU