SlideShare ist ein Scribd-Unternehmen logo
1 von 9
GENERIC
CONVENTIO
NS OF A
WEBSITE
Typography • Unique font is used for certain conventions like
mastheads and headlines giving some uniqueness
• Articles are written in plain font allowing the interface
to continue being user friendly
Layout • Colour scheme allows background and text colour to
contrast in order separate out sections of information
• Usability is vital as it allows readers to easily navigate
the site, using a navigation bar it contains links to
separate pages
• Images are used to make the page look more visibly
pleasing to the reader
• Main section of the website is reserved for navigation
tools to various articles
• A grid system is often used to help separate areas of
the website and presents the information in small
easily accessible portions.
Coding • Most websites have moving images presented as a
slideshow
• Regional websites contain sections where people can
comment and have discussions.
• Music websites often have downloadable audio files
whilst a art website could have downloadable images.
Images • Images really help the visuals of the website
• Certain links to other pages are highlighted with
images
• Images can often be presented pin-board like style
• Images must be high quality
Difference
of Genre
• Genre has a large impact on how a website looks
• A news website has a tabloid format
• Whilst a fashion website will be a lot more informal
• Codes and conventions are used to allow the audience
to recognise the genre
Advertisem
ents
• Advertisements tend to have their own boxes often
located at the bottom of the page or down the sides
• Advertisements are tailored to readers based on their
search history so the adverts got appeal to them.
• They are also genre related, with fashion websites
containing advertisements for clothing stores.
Heading/Ba
nner
• Can be found across the top of the website
• Include conventions such mastheads, logos, contact
details, navigational links, strapline and social media
links.
• Often spans the entire width of the website
Navigation
Bar
• Situated at the top of the website page
• Helps direct the reader to various pages on the site
• Helps organise the website

Weitere ähnliche Inhalte

Ähnlich wie Website conventions

Website codes and conventions.pptx
Website codes and conventions.pptxWebsite codes and conventions.pptx
Website codes and conventions.pptxSamBuchanan9
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knjkblloyd
 
Web design principles KNJ
Web design principles KNJWeb design principles KNJ
Web design principles KNJnathanabarnes
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knjhaldajo
 
Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & DevelopmentJenny Mandeville
 
Codes and conventions website
Codes and conventions  websiteCodes and conventions  website
Codes and conventions websitefrankwebster99
 
Codes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle MagazinesCodes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle MagazinesLuisPallister
 
Web site questions before starting own site (1)
Web site questions before starting own site (1)Web site questions before starting own site (1)
Web site questions before starting own site (1)Eujin Hong
 
Codes and conventions of media products
Codes and conventions of media productsCodes and conventions of media products
Codes and conventions of media productsHollyAnderson5
 
How To Design Your Content Marketing Hub
How To Design Your Content Marketing HubHow To Design Your Content Marketing Hub
How To Design Your Content Marketing HubMichael Brenner
 
AS Media Evaluaion Q1
AS Media Evaluaion Q1AS Media Evaluaion Q1
AS Media Evaluaion Q1Antonie1994
 
Codes and Conventions (contents of an indie music magazine)
Codes and Conventions  (contents of an indie music magazine)Codes and Conventions  (contents of an indie music magazine)
Codes and Conventions (contents of an indie music magazine)katieavery7405
 
Green Hectares Rural Tech Factsheet – Website Design
Green Hectares Rural Tech Factsheet – Website DesignGreen Hectares Rural Tech Factsheet – Website Design
Green Hectares Rural Tech Factsheet – Website DesignGreen Hectares
 
Conventions Evaluation Question
Conventions Evaluation QuestionConventions Evaluation Question
Conventions Evaluation Questionemilyjcole
 

Ähnlich wie Website conventions (20)

Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Webdesign(updated)
 
Website codes and conventions.pptx
Website codes and conventions.pptxWebsite codes and conventions.pptx
Website codes and conventions.pptx
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knj
 
Web design principles KNJ
Web design principles KNJWeb design principles KNJ
Web design principles KNJ
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knj
 
Question 1
Question 1Question 1
Question 1
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & Development
 
Codes and conventions website
Codes and conventions  websiteCodes and conventions  website
Codes and conventions website
 
Codes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle MagazinesCodes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle Magazines
 
Web site questions before starting own site (1)
Web site questions before starting own site (1)Web site questions before starting own site (1)
Web site questions before starting own site (1)
 
UX in Design
UX in DesignUX in Design
UX in Design
 
Codes and conventions of media products
Codes and conventions of media productsCodes and conventions of media products
Codes and conventions of media products
 
How To Design Your Content Marketing Hub
How To Design Your Content Marketing HubHow To Design Your Content Marketing Hub
How To Design Your Content Marketing Hub
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
AS Media Evaluaion Q1
AS Media Evaluaion Q1AS Media Evaluaion Q1
AS Media Evaluaion Q1
 
Codes and Conventions (contents of an indie music magazine)
Codes and Conventions  (contents of an indie music magazine)Codes and Conventions  (contents of an indie music magazine)
Codes and Conventions (contents of an indie music magazine)
 
Good web design
Good web designGood web design
Good web design
 
Green Hectares Rural Tech Factsheet – Website Design
Green Hectares Rural Tech Factsheet – Website DesignGreen Hectares Rural Tech Factsheet – Website Design
Green Hectares Rural Tech Factsheet – Website Design
 
Conventions Evaluation Question
Conventions Evaluation QuestionConventions Evaluation Question
Conventions Evaluation Question
 

Mehr von megansheratonx (20)

Photoshoot image evaluation
Photoshoot image evaluationPhotoshoot image evaluation
Photoshoot image evaluation
 
Model organisation
Model organisationModel organisation
Model organisation
 
Question 1
Question 1Question 1
Question 1
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
2017 fonts
2017 fonts2017 fonts
2017 fonts
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Indie website
Indie websiteIndie website
Indie website
 
The crack website
The crack websiteThe crack website
The crack website
 
Wix template research
Wix template researchWix template research
Wix template research
 
Photoshoot recce
Photoshoot reccePhotoshoot recce
Photoshoot recce
 
Region colour a
Region colour aRegion colour a
Region colour a
 
Male costume ideas
Male costume ideasMale costume ideas
Male costume ideas
 
Survey results
Survey resultsSurvey results
Survey results
 
Lighting
LightingLighting
Lighting
 
Billboard
BillboardBillboard
Billboard
 
Front cover generic conventions
Front cover generic conventionsFront cover generic conventions
Front cover generic conventions
 
Contents page
Contents pageContents page
Contents page
 
Double page spread
Double page spreadDouble page spread
Double page spread
 
Regional genre research
Regional genre researchRegional genre research
Regional genre research
 
Presentation1
Presentation1Presentation1
Presentation1
 

Kürzlich hochgeladen

Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
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
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)cama23
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
FILIPINO PSYCHology sikolohiyang pilipino
FILIPINO PSYCHology sikolohiyang pilipinoFILIPINO PSYCHology sikolohiyang pilipino
FILIPINO PSYCHology sikolohiyang pilipinojohnmickonozaleda
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 

Kürzlich hochgeladen (20)

Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
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
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
FILIPINO PSYCHology sikolohiyang pilipino
FILIPINO PSYCHology sikolohiyang pilipinoFILIPINO PSYCHology sikolohiyang pilipino
FILIPINO PSYCHology sikolohiyang pilipino
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 

Website conventions

  • 2. Typography • Unique font is used for certain conventions like mastheads and headlines giving some uniqueness • Articles are written in plain font allowing the interface to continue being user friendly
  • 3. Layout • Colour scheme allows background and text colour to contrast in order separate out sections of information • Usability is vital as it allows readers to easily navigate the site, using a navigation bar it contains links to separate pages • Images are used to make the page look more visibly pleasing to the reader • Main section of the website is reserved for navigation tools to various articles • A grid system is often used to help separate areas of the website and presents the information in small easily accessible portions.
  • 4. Coding • Most websites have moving images presented as a slideshow • Regional websites contain sections where people can comment and have discussions. • Music websites often have downloadable audio files whilst a art website could have downloadable images.
  • 5. Images • Images really help the visuals of the website • Certain links to other pages are highlighted with images • Images can often be presented pin-board like style • Images must be high quality
  • 6. Difference of Genre • Genre has a large impact on how a website looks • A news website has a tabloid format • Whilst a fashion website will be a lot more informal • Codes and conventions are used to allow the audience to recognise the genre
  • 7. Advertisem ents • Advertisements tend to have their own boxes often located at the bottom of the page or down the sides • Advertisements are tailored to readers based on their search history so the adverts got appeal to them. • They are also genre related, with fashion websites containing advertisements for clothing stores.
  • 8. Heading/Ba nner • Can be found across the top of the website • Include conventions such mastheads, logos, contact details, navigational links, strapline and social media links. • Often spans the entire width of the website
  • 9. Navigation Bar • Situated at the top of the website page • Helps direct the reader to various pages on the site • Helps organise the website