SlideShare a Scribd company logo
1 of 18
WEB DESIGN
UNIT-1 WEB DESIGN
 Introduction to web design,
 Web design concept,
 Multi media interactivity,
 History and development,
 Fundamentals of web design,
 Types of web design,
 Types of layout,
 Advantages of web design,
 Applications of web design.
INTRODUCTION TO WEB DESIGN
 Technology triggered paradigm shift in
the delivering of goods.
 Developments are principally digitization
and related issues like online journals
and their management.
 Communication skill including technical
writing, E-Publishing, Web page hosting;
Institutional repositories, metadata
standards, copyright issues; consortia
approach and co-operation/sharing;
networking, storage solution, knowledge
management, automation and
standardization.
WEB DESIGN CONCEPT:
WEB DESIGN CONCEPT:
 Web design with many similarities
with print design.
 Multimedia was introduced by web.
 Push technology in which information
is sent to the user automatically.
 Introduced as a way of making the
web more of passive medium.
 Comparison between the web and
television is still not accurate.
MULTIMEDIA INTERACTIVITY:
 The most common misconceptions in
web design is that a good site must
dazzle the multimedia experience.
 The content of the site is of secondary
important.
 The goal can be achieved with a
complex balance of well- planned
design, high- quality content, and
prepare use of available media.
HISTORY AND DEVELOPMENT:
HISTORY AND DEVELOPMENT:
 Tim Berners-Lee, a computer ‘ working
in Geneva, Switzerland proposed a
system of information management in
1989 .
 The first graphical browser (NCSA
mosaic) was introduced the real of mass
media.
 The development of the web is over
scene by the World Wide Web
consortium (W3C) [www. W3 .org].
 The group was founded by Tim Berners
FUNDAMENTALS OF WEB
DESIGN:
 The fundamentals of working of the web
are knowledge of HTML, role of server
and importance of medicine.
 HTML (hypertext markup language) -
 A computer language that describes
how a page/ text should be
formatted/presented in the web site.
 To create structured documents by
denoting structural semantics for text
such as heading, paragraphs, lists, links,
and other items.
TYPES OF WEB DESIGN:
TYPES OF WEB DESIGN:
 Design is a process of collecting
ideas and these ideas implemented.
 It involves website layouts, website
structure, user interface, navigation,
colors, font, image gallery, button style
etc.
 A professional web designer first
understand the terms and tools of
designing.
TYPES OF LAYOUT:
 STATIC PAGE LAYOUT,
 DYNAMIC WEBSITE LAYOUT,
 FIXED DESIGN LAYOUT,
 RESPONSIBLE DESIGN LAYOUT,
 LIQUID DESIGN LAYOUT,
 SINGLE PAGE DESIGN LAYOUT.
ADVANTAGES OF WEB
DESIGN:
ADVANTAGES OF WEB
DESIGN:
 IMPROVED USER EXPERIENCE,
 AN INCREASE IN MOBILE TRAFFICS,
 FASTER WEBSITE DEVELOPMENT,
 EASIER MAINTANENCE,
 NO DUPLICATE CONTENT PENALTY,
 SIMPLER WEBSITE ANALYTICS,
 BETTER WEBSITE LOADING TIME,
 LOWER BOUNCE RATES,
 HIGHER CONVERSION RATES.
ADVANTAGES OF WEB
DESIGN:
 There are many web design benefits.
 The positive impacts are SEO,
Conversion rate, User experience and
other aspects your business to
contribute the growth.
 IMPROVED USER EXPERIENCE.
 A website leads to a better user
experience.
 A major including the quality of user
experience is the time they spend on
your site.
APPLICATIONS OF WEB
DESIGN:
 HTML & CSS,
 JavaScript web AIPs,
 Graphics,
 Audio and video,
 Accessibility,
 Internationalization,
 Mobile web,
 Privacy.
APPLICATIONS OF WEB
DESIGN:
 HTML & CSS:
 The fundamental technologies for building
web pages: HTML (html& xhtml).
Structure CSS for style and layout, including
wend fonts.
 JAVASCRIPT WEB AIPs:
 Standard AIPs for client-side web
application development include reallocation,
XMLhttprequest, and mobile widgets.
 It allow providers to create interactive
documents through scripting.
APPLICATIONS OF WEB
DESIGN:
 GRAPHICS
 The widely developed PNG raster formats,
SVG vector format and the canvas API.
 WEBCGM is a more specified format used
in the field of automotive engineering,
aeronautics.
 AUDIO AND VIDEOS
 The W3C formats that enabled authoring
audio and video representation include
HTML, SVG and SMIL.
W3C working on the timed text format for
capturing and other applications.

More Related Content

What's hot

Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content developmentSam Agcaoili
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?Chance Bliss
 
Webpage Design Using Templates and Online WYSIWYG Platforms
Webpage Design Using Templates and Online WYSIWYG PlatformsWebpage Design Using Templates and Online WYSIWYG Platforms
Webpage Design Using Templates and Online WYSIWYG Platformsshelanie oliquino
 
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTRianneMaeIda
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsJohn Mark Centeno
 

What's hot (6)

Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content development
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?
 
Webpage Design Using Templates and Online WYSIWYG Platforms
Webpage Design Using Templates and Online WYSIWYG PlatformsWebpage Design Using Templates and Online WYSIWYG Platforms
Webpage Design Using Templates and Online WYSIWYG Platforms
 
Ej (2)
Ej (2)Ej (2)
Ej (2)
 
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 

Similar to Web design unit 1

Basics of Website Design
Basics of Website DesignBasics of Website Design
Basics of Website Designijbuiiir1
 
Web Development Company in Mohali
Web Development Company in Mohali Web Development Company in Mohali
Web Development Company in Mohali Extech Digital
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
 
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdfThe Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdfLucas Lagone
 
Ten design tips for non-designers
Ten design tips for non-designersTen design tips for non-designers
Ten design tips for non-designersAnnika Oeser
 
WEB DEVELOPMENT FOR BEGINNERS
WEB DEVELOPMENT FOR BEGINNERSWEB DEVELOPMENT FOR BEGINNERS
WEB DEVELOPMENT FOR BEGINNERSdigitech374
 
What Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfWhat Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfShout In USA
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Brenna Mickey
 
Web Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxWeb Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxasmeerana605
 
Web Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxWeb Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxasmeerana605
 
Introduction to Web Page Design OT and Network
Introduction to Web Page Design OT and NetworkIntroduction to Web Page Design OT and Network
Introduction to Web Page Design OT and NetworkNosajTriumps
 
Web Development Versus Web Design.docx
Web Development Versus Web Design.docxWeb Development Versus Web Design.docx
Web Development Versus Web Design.docxTechleneSoftwareSolu1
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdfTECHCENTRAL3
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​DevelopmentFariha Tasnim
 

Similar to Web design unit 1 (20)

FUNDAMENTALS OF WEB DESIGNING
FUNDAMENTALS OF WEB DESIGNINGFUNDAMENTALS OF WEB DESIGNING
FUNDAMENTALS OF WEB DESIGNING
 
Basics of Website Design
Basics of Website DesignBasics of Website Design
Basics of Website Design
 
Web Development Company in Mohali
Web Development Company in Mohali Web Development Company in Mohali
Web Development Company in Mohali
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
 
Web Development
Web DevelopmentWeb Development
Web Development
 
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdfThe Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
The Role Of AI In Front-End Web Development_ Enhancing User Experience.pdf
 
Ten design tips for non-designers
Ten design tips for non-designersTen design tips for non-designers
Ten design tips for non-designers
 
WEB DEVELOPMENT FOR BEGINNERS
WEB DEVELOPMENT FOR BEGINNERSWEB DEVELOPMENT FOR BEGINNERS
WEB DEVELOPMENT FOR BEGINNERS
 
Web design.pdf
Web design.pdfWeb design.pdf
Web design.pdf
 
What Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfWhat Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdf
 
Web design
Web designWeb design
Web design
 
Web design
Web designWeb design
Web design
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
 
Web Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxWeb Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptx
 
Web Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxWeb Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptx
 
Your big idea.pptx
Your big idea.pptxYour big idea.pptx
Your big idea.pptx
 
Introduction to Web Page Design OT and Network
Introduction to Web Page Design OT and NetworkIntroduction to Web Page Design OT and Network
Introduction to Web Page Design OT and Network
 
Web Development Versus Web Design.docx
Web Development Versus Web Design.docxWeb Development Versus Web Design.docx
Web Development Versus Web Design.docx
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​Development
 

Recently uploaded

Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationAadityaSharma884161
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxsqpmdrvczh
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayMakMakNepo
 

Recently uploaded (20)

Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint Presentation
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up Friday
 

Web design unit 1

  • 2. UNIT-1 WEB DESIGN  Introduction to web design,  Web design concept,  Multi media interactivity,  History and development,  Fundamentals of web design,  Types of web design,  Types of layout,  Advantages of web design,  Applications of web design.
  • 3. INTRODUCTION TO WEB DESIGN  Technology triggered paradigm shift in the delivering of goods.  Developments are principally digitization and related issues like online journals and their management.  Communication skill including technical writing, E-Publishing, Web page hosting; Institutional repositories, metadata standards, copyright issues; consortia approach and co-operation/sharing; networking, storage solution, knowledge management, automation and standardization.
  • 5. WEB DESIGN CONCEPT:  Web design with many similarities with print design.  Multimedia was introduced by web.  Push technology in which information is sent to the user automatically.  Introduced as a way of making the web more of passive medium.  Comparison between the web and television is still not accurate.
  • 6. MULTIMEDIA INTERACTIVITY:  The most common misconceptions in web design is that a good site must dazzle the multimedia experience.  The content of the site is of secondary important.  The goal can be achieved with a complex balance of well- planned design, high- quality content, and prepare use of available media.
  • 8. HISTORY AND DEVELOPMENT:  Tim Berners-Lee, a computer ‘ working in Geneva, Switzerland proposed a system of information management in 1989 .  The first graphical browser (NCSA mosaic) was introduced the real of mass media.  The development of the web is over scene by the World Wide Web consortium (W3C) [www. W3 .org].  The group was founded by Tim Berners
  • 9. FUNDAMENTALS OF WEB DESIGN:  The fundamentals of working of the web are knowledge of HTML, role of server and importance of medicine.  HTML (hypertext markup language) -  A computer language that describes how a page/ text should be formatted/presented in the web site.  To create structured documents by denoting structural semantics for text such as heading, paragraphs, lists, links, and other items.
  • 10. TYPES OF WEB DESIGN:
  • 11. TYPES OF WEB DESIGN:  Design is a process of collecting ideas and these ideas implemented.  It involves website layouts, website structure, user interface, navigation, colors, font, image gallery, button style etc.  A professional web designer first understand the terms and tools of designing.
  • 12. TYPES OF LAYOUT:  STATIC PAGE LAYOUT,  DYNAMIC WEBSITE LAYOUT,  FIXED DESIGN LAYOUT,  RESPONSIBLE DESIGN LAYOUT,  LIQUID DESIGN LAYOUT,  SINGLE PAGE DESIGN LAYOUT.
  • 14. ADVANTAGES OF WEB DESIGN:  IMPROVED USER EXPERIENCE,  AN INCREASE IN MOBILE TRAFFICS,  FASTER WEBSITE DEVELOPMENT,  EASIER MAINTANENCE,  NO DUPLICATE CONTENT PENALTY,  SIMPLER WEBSITE ANALYTICS,  BETTER WEBSITE LOADING TIME,  LOWER BOUNCE RATES,  HIGHER CONVERSION RATES.
  • 15. ADVANTAGES OF WEB DESIGN:  There are many web design benefits.  The positive impacts are SEO, Conversion rate, User experience and other aspects your business to contribute the growth.  IMPROVED USER EXPERIENCE.  A website leads to a better user experience.  A major including the quality of user experience is the time they spend on your site.
  • 16. APPLICATIONS OF WEB DESIGN:  HTML & CSS,  JavaScript web AIPs,  Graphics,  Audio and video,  Accessibility,  Internationalization,  Mobile web,  Privacy.
  • 17. APPLICATIONS OF WEB DESIGN:  HTML & CSS:  The fundamental technologies for building web pages: HTML (html& xhtml). Structure CSS for style and layout, including wend fonts.  JAVASCRIPT WEB AIPs:  Standard AIPs for client-side web application development include reallocation, XMLhttprequest, and mobile widgets.  It allow providers to create interactive documents through scripting.
  • 18. APPLICATIONS OF WEB DESIGN:  GRAPHICS  The widely developed PNG raster formats, SVG vector format and the canvas API.  WEBCGM is a more specified format used in the field of automotive engineering, aeronautics.  AUDIO AND VIDEOS  The W3C formats that enabled authoring audio and video representation include HTML, SVG and SMIL. W3C working on the timed text format for capturing and other applications.