SlideShare ist ein Scribd-Unternehmen logo
1 von 8
A site or website is a central location of various 
web pages that are all related and can be 
accessed by visiting the home page using a 
Browser.
What is a Website??
Hyper Text Mark-up Language
 HTML is the language used to create webpages.
"Hypertext" refers to the hyperlinks that an HTML
page may contain. "Mark up language" refers to the
way tags are used to define the page layout and
elements within the page.
Design isn't just visual
 Design has a stigma as solely the visual part of
the website. This couldn't be more false or
misunderstood.
Design is in detail
 Details are capable of making a 'good' design
'great'. Attention to detail in a user experience can
be the difference between a satisfied user and an
annoyed one. Having the right shade of blue or
wrapping the link around particular text really
matters.
When designing, sketch
often
 The benefits of sketching user experiences are
well documented well. Sketching helps you
think about content, hierarchy and flow among
other aspects. Sketches are cheap, easy to do
and very fast.
Design is all about problem
solving
 You should approach design as a set of
problems that require solutions. Everything on
the page should have a reason for being there
and be solving a specific problem for the user
or design.
Keep an inspiration
folder
 Keep a gallery of all of the things that inspire you
visually. These can be photos, videos, and
websites; anything that may spark ideas for a
solution to the particular design problem you're
facing.

Weitere ähnliche Inhalte

Ähnlich wie Fundamentals of web_design

Web Design
Web DesignWeb Design
Web DesignMr_Casey
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web designSantosh V
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growthJames Smith
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseScholar studysolution
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationArti Parab Academics
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
How to-optimize-landing-pages
How to-optimize-landing-pagesHow to-optimize-landing-pages
How to-optimize-landing-pagesPieter Deprouw
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website designRavi Bhadauria
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentgherryta
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?Katy Slemon
 
The Importance of Accessibility in Web Design | Website Design Company | Get ...
The Importance of Accessibility in Web Design | Website Design Company | Get ...The Importance of Accessibility in Web Design | Website Design Company | Get ...
The Importance of Accessibility in Web Design | Website Design Company | Get ...NileshG12
 
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Drupal Camp Delhi
 
What Is the Use Of HTML.pptx
What Is the Use Of HTML.pptxWhat Is the Use Of HTML.pptx
What Is the Use Of HTML.pptxManviMulani
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointD'arce Hess
 

Ähnlich wie Fundamentals of web_design (20)

Web Design
Web DesignWeb Design
Web Design
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
How to-optimize-landing-pages
How to-optimize-landing-pagesHow to-optimize-landing-pages
How to-optimize-landing-pages
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
The Importance of Accessibility in Web Design | Website Design Company | Get ...
The Importance of Accessibility in Web Design | Website Design Company | Get ...The Importance of Accessibility in Web Design | Website Design Company | Get ...
The Importance of Accessibility in Web Design | Website Design Company | Get ...
 
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
 
What Is the Use Of HTML.pptx
What Is the Use Of HTML.pptxWhat Is the Use Of HTML.pptx
What Is the Use Of HTML.pptx
 
4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 

Mehr von Webliquids

What is digital marketing
What is digital marketingWhat is digital marketing
What is digital marketingWebliquids
 
Courses you can choose after 12 th
Courses you can choose after 12 thCourses you can choose after 12 th
Courses you can choose after 12 thWebliquids
 
Graphic Designing Training in Chandigarh
Graphic Designing Training in ChandigarhGraphic Designing Training in Chandigarh
Graphic Designing Training in ChandigarhWebliquids
 
SEO company in chandigarh
SEO company in chandigarhSEO company in chandigarh
SEO company in chandigarhWebliquids
 
PPC company in chandigarh
PPC company in chandigarhPPC company in chandigarh
PPC company in chandigarhWebliquids
 
SMO training in chandigarh
SMO training in chandigarhSMO training in chandigarh
SMO training in chandigarhWebliquids
 
Best google ADSENSEALTERNATIVES For Your Blog
Best google ADSENSEALTERNATIVES For Your BlogBest google ADSENSEALTERNATIVES For Your Blog
Best google ADSENSEALTERNATIVES For Your BlogWebliquids
 
SOFTWARE TESTING TRAINING IN CHANDIGARH
SOFTWARE TESTING TRAINING IN CHANDIGARHSOFTWARE TESTING TRAINING IN CHANDIGARH
SOFTWARE TESTING TRAINING IN CHANDIGARHWebliquids
 
PHP Training in Chandigarh
PHP Training in ChandigarhPHP Training in Chandigarh
PHP Training in ChandigarhWebliquids
 
Web Designing Course In Chandigarh
Web Designing Course In ChandigarhWeb Designing Course In Chandigarh
Web Designing Course In ChandigarhWebliquids
 

Mehr von Webliquids (10)

What is digital marketing
What is digital marketingWhat is digital marketing
What is digital marketing
 
Courses you can choose after 12 th
Courses you can choose after 12 thCourses you can choose after 12 th
Courses you can choose after 12 th
 
Graphic Designing Training in Chandigarh
Graphic Designing Training in ChandigarhGraphic Designing Training in Chandigarh
Graphic Designing Training in Chandigarh
 
SEO company in chandigarh
SEO company in chandigarhSEO company in chandigarh
SEO company in chandigarh
 
PPC company in chandigarh
PPC company in chandigarhPPC company in chandigarh
PPC company in chandigarh
 
SMO training in chandigarh
SMO training in chandigarhSMO training in chandigarh
SMO training in chandigarh
 
Best google ADSENSEALTERNATIVES For Your Blog
Best google ADSENSEALTERNATIVES For Your BlogBest google ADSENSEALTERNATIVES For Your Blog
Best google ADSENSEALTERNATIVES For Your Blog
 
SOFTWARE TESTING TRAINING IN CHANDIGARH
SOFTWARE TESTING TRAINING IN CHANDIGARHSOFTWARE TESTING TRAINING IN CHANDIGARH
SOFTWARE TESTING TRAINING IN CHANDIGARH
 
PHP Training in Chandigarh
PHP Training in ChandigarhPHP Training in Chandigarh
PHP Training in Chandigarh
 
Web Designing Course In Chandigarh
Web Designing Course In ChandigarhWeb Designing Course In Chandigarh
Web Designing Course In Chandigarh
 

Kürzlich hochgeladen

ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
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
 
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
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseAnaAcapella
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxdhanalakshmis0310
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxcallscotland1987
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
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
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
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
 

Kürzlich hochgeladen (20)

ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/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
 
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
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
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
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
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
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.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...
 

Fundamentals of web_design

  • 1.
  • 3. Hyper Text Mark-up Language  HTML is the language used to create webpages. "Hypertext" refers to the hyperlinks that an HTML page may contain. "Mark up language" refers to the way tags are used to define the page layout and elements within the page.
  • 4. Design isn't just visual  Design has a stigma as solely the visual part of the website. This couldn't be more false or misunderstood.
  • 5. Design is in detail  Details are capable of making a 'good' design 'great'. Attention to detail in a user experience can be the difference between a satisfied user and an annoyed one. Having the right shade of blue or wrapping the link around particular text really matters.
  • 6. When designing, sketch often  The benefits of sketching user experiences are well documented well. Sketching helps you think about content, hierarchy and flow among other aspects. Sketches are cheap, easy to do and very fast.
  • 7. Design is all about problem solving  You should approach design as a set of problems that require solutions. Everything on the page should have a reason for being there and be solving a specific problem for the user or design.
  • 8. Keep an inspiration folder  Keep a gallery of all of the things that inspire you visually. These can be photos, videos, and websites; anything that may spark ideas for a solution to the particular design problem you're facing.