SlideShare a Scribd company logo
GENERIC CONVENTIONS OF
A WEBSITE
JOSEPH PATTISON
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.
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
CODING
• Most websites have moving images presented as a slideshow
• Often includes interactivity to attract audience
• 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.
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
HEADING/BANNER
• 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
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
ADVERTISEMENTS
• 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.

More Related Content

Similar to Generic conventions of a website

Web C&C
Web C&CWeb C&C
Web C&C
zoetoase
 
Website conventions
Website conventionsWebsite conventions
Website conventions
megansheratonx
 
Website Conventions
Website ConventionsWebsite Conventions
Website Conventions
georgianasmith12
 
Brad Matthews Advanced Portfolio - Evaluation Question 1
Brad Matthews Advanced Portfolio - Evaluation Question 1Brad Matthews Advanced Portfolio - Evaluation Question 1
Brad Matthews Advanced Portfolio - Evaluation Question 1
Brad Matthews
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
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
LuisPallister
 
Website codes and conventions.pptx
Website codes and conventions.pptxWebsite codes and conventions.pptx
Website codes and conventions.pptx
SamBuchanan9
 
Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & Development
Jenny Mandeville
 
Website research Powerpoint for Bauer magazine
Website research Powerpoint for Bauer magazineWebsite research Powerpoint for Bauer magazine
Website research Powerpoint for Bauer magazine
samuelcoulson30
 
Conventions Evaluation Question
Conventions Evaluation QuestionConventions Evaluation Question
Conventions Evaluation Question
emilyjcole
 
UX in Design
UX in DesignUX in Design
UX in Design
Intendance
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knj
kblloyd
 
Web design principles knj
Web design principles knjWeb design principles knj
Web design principles knj
haldajo
 
Web design principles KNJ
Web design principles KNJWeb design principles KNJ
Web design principles KNJ
nathanabarnes
 
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
 
Ancillary task 2 existing media analysis 1
Ancillary task 2 existing media analysis 1Ancillary task 2 existing media analysis 1
Ancillary task 2 existing media analysis 1
samipayling1
 
Question 1
Question 1Question 1
Question 1
keeleyforrester13
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
Chris Snider
 
Codes and conventions website
Codes and conventions  websiteCodes and conventions  website
Codes and conventions website
frankwebster99
 

Similar to Generic conventions of a website (20)

Web C&C
Web C&CWeb C&C
Web C&C
 
Website
WebsiteWebsite
Website
 
Website conventions
Website conventionsWebsite conventions
Website conventions
 
Website Conventions
Website ConventionsWebsite Conventions
Website Conventions
 
Brad Matthews Advanced Portfolio - Evaluation Question 1
Brad Matthews Advanced Portfolio - Evaluation Question 1Brad Matthews Advanced Portfolio - Evaluation Question 1
Brad Matthews Advanced Portfolio - Evaluation Question 1
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Webdesign(updated)
 
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
 
Website codes and conventions.pptx
Website codes and conventions.pptxWebsite codes and conventions.pptx
Website codes and conventions.pptx
 
Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & Development
 
Website research Powerpoint for Bauer magazine
Website research Powerpoint for Bauer magazineWebsite research Powerpoint for Bauer magazine
Website research Powerpoint for Bauer magazine
 
Conventions Evaluation Question
Conventions Evaluation QuestionConventions Evaluation Question
Conventions Evaluation Question
 
UX in Design
UX in DesignUX in Design
UX in Design
 
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
 
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)
 
Ancillary task 2 existing media analysis 1
Ancillary task 2 existing media analysis 1Ancillary task 2 existing media analysis 1
Ancillary task 2 existing media analysis 1
 
Question 1
Question 1Question 1
Question 1
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Codes and conventions website
Codes and conventions  websiteCodes and conventions  website
Codes and conventions website
 

More from patta123

Camera shots
Camera shotsCamera shots
Camera shots
patta123
 
Double page spread generic conventions
Double page spread generic conventionsDouble page spread generic conventions
Double page spread generic conventions
patta123
 
Contents page codes and conventions
Contents page codes and conventionsContents page codes and conventions
Contents page codes and conventions
patta123
 
Front cover codes and conventions
Front cover codes and conventionsFront cover codes and conventions
Front cover codes and conventions
patta123
 
Magazine inspiration
Magazine inspirationMagazine inspiration
Magazine inspiration
patta123
 
Font idea
Font ideaFont idea
Font idea
patta123
 
Time management
Time managementTime management
Time management
patta123
 
Regional magazines
Regional magazinesRegional magazines
Regional magazines
patta123
 
Question 1
Question 1Question 1
Question 1
patta123
 
Calander media as
Calander media asCalander media as
Calander media as
patta123
 
Question 1
Question 1Question 1
Question 1
patta123
 
Compare and contrast
Compare and contrastCompare and contrast
Compare and contrast
patta123
 
Photoshoot final ideas
Photoshoot final ideasPhotoshoot final ideas
Photoshoot final ideas
patta123
 
Calander media as
Calander media asCalander media as
Calander media as
patta123
 
Facial expression
Facial expressionFacial expression
Facial expression
patta123
 
Location scouting
Location scoutingLocation scouting
Location scouting
patta123
 
Reader profile:stat
Reader profile:statReader profile:stat
Reader profile:stat
patta123
 
Reader profile:stat
Reader profile:statReader profile:stat
Reader profile:stat
patta123
 
Colours
ColoursColours
Colours
patta123
 

More from patta123 (20)

Camera shots
Camera shotsCamera shots
Camera shots
 
Double page spread generic conventions
Double page spread generic conventionsDouble page spread generic conventions
Double page spread generic conventions
 
Contents page codes and conventions
Contents page codes and conventionsContents page codes and conventions
Contents page codes and conventions
 
Front cover codes and conventions
Front cover codes and conventionsFront cover codes and conventions
Front cover codes and conventions
 
Magazine inspiration
Magazine inspirationMagazine inspiration
Magazine inspiration
 
Font idea
Font ideaFont idea
Font idea
 
Time management
Time managementTime management
Time management
 
Regional magazines
Regional magazinesRegional magazines
Regional magazines
 
Question 1
Question 1Question 1
Question 1
 
Calander media as
Calander media asCalander media as
Calander media as
 
Question 1
Question 1Question 1
Question 1
 
Compare and contrast
Compare and contrastCompare and contrast
Compare and contrast
 
Photoshoot final ideas
Photoshoot final ideasPhotoshoot final ideas
Photoshoot final ideas
 
Calander media as
Calander media asCalander media as
Calander media as
 
Facial expression
Facial expressionFacial expression
Facial expression
 
Location scouting
Location scoutingLocation scouting
Location scouting
 
Reader profile:stat
Reader profile:statReader profile:stat
Reader profile:stat
 
Reader profile:stat
Reader profile:statReader profile:stat
Reader profile:stat
 
Colours
ColoursColours
Colours
 
Fonts
FontsFonts
Fonts
 

Recently uploaded

acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
angelicafronda7
 
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
zeyhe
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
SuryaKalyan3
 
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
Sandhya J.Nair
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
taqyed
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
SuryaKalyan3
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
CristianMestre
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
Aine Greaney Ellrott
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
luforfor
 
Fed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine ZorbaFed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine Zorba
mariavlachoupt
 
一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单
zvaywau
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
luforfor
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
ZackSpencer3
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
aditiyad2020
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
zvaywau
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
ClaireWilson398082
 
A Brief Introduction About Hadj Ounis
A Brief  Introduction  About  Hadj OunisA Brief  Introduction  About  Hadj Ounis
A Brief Introduction About Hadj Ounis
Hadj Ounis
 
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
iraqartsandculture
 
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
zeyhe
 

Recently uploaded (19)

acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
 
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
 
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
 
Fed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine ZorbaFed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine Zorba
 
一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
 
A Brief Introduction About Hadj Ounis
A Brief  Introduction  About  Hadj OunisA Brief  Introduction  About  Hadj Ounis
A Brief Introduction About Hadj Ounis
 
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
 
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
 

Generic conventions of a website

  • 1. GENERIC CONVENTIONS OF A WEBSITE JOSEPH PATTISON
  • 2. 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.
  • 3. 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
  • 4. CODING • Most websites have moving images presented as a slideshow • Often includes interactivity to attract audience • 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. 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
  • 6. HEADING/BANNER • 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
  • 7. NAVIGATION BAR • Situated at the top of the website page • Helps direct the reader to various pages on the site • Helps organise the website
  • 8. 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
  • 9. ADVERTISEMENTS • 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.