SlideShare a Scribd company logo
1 of 6
Codes and Conventions
Websites
The Cheshire Magazine Title - located as a logo in the top left hand corner, small yet
stands out due to the colours (white against back)
Tags - along the top of the page where you can easily navigate
to that part of the magazine, stands out again, black and white
and use of capital letters
Search bar - separated from all text easy for audience to find,
and navigate to any part of the website which links with the
word they’ve searched
Main image - large proportion of the page, links with the
caption which is about holidays, main image is a women sitting
on a beach no views obstructed which gives the website a
placid look. Thi screen would change, bit like a slide show and
would show different images.
Ad - ad bannered across the bottom of the page, colourful and
eye catching
Apart from the images the main colours used are black and
white, to give a monochrome feel, the images add frequent
colour which makes the website home page more appealing
Surrey Title - logo of the magazine is presented as the title, white font against
black/dark background makes title stand out, large lettering, eye catching
Tags - along the top of the page, easy to see not cramped in with lots of text,
split into simple categories
Telephone number - this is located twice on the page, it appears at the top
and down the left hand side in the column - informative (cognitive needs)
Address - faintly written, left hand column with a complementary colour to the
background, therefore difficult to see
Images - 6 small square cropped images, in a row along top of page, all
different types, interesting and intriguing, brightens up the dark page, one
larger image which presents the front cover of the magazine, almost
advertising itself.
Social media tag - facebook logo, top right hand corner, the social media
aspect appeals to younger audiences therefore widening their customer base
Text - ones large chunk of text located in the middle of the page, explaining
who they are and what they’re about, split into paragraphs, right aligned
Colour - dark blue main background with black used as a background for all
the media formats, white writing to stand out against these dark colours
Kent Life Title - black serif font, stands out against white background,
largest font on page therefore stands out more
Search bar - top right hand corner, easy to navigate to for the
audience
Social Media tags - logos facebook, twitter, gmail, pinterest,
these open up other audiences for kent life, as social media
appeals more to younger audiences
Tags - appear at the top of the page, the tags are split into
categories to easily navigate through the website
Images - images on the page linked to articles
Text - small chunks of text, gives insight of what will be in the
articles
Ads - ads placed down the right hand side of the page
Log in - you can make an account, therefore makes the site
more personal to the audiences as you can virtually connect
with the magazine
Bristol
Title - centred, white serif font, surrounded by a lot of space to make the
title eye catching and stand out
Tags - two lots of tags,a row below and above the title. The row above is
more informative as to the business side of the magazine but the row below
is more about what's in the magazine. The separation of the two helps
people to distinguish
Search bar - away from everything so does not get mixed up therefore easy
for the audience to navigate too
Images - medium sized images, covering the page, with captions on, the
pictures and captions work together to intrigue the audience into clicking on
that hyperlink to take them to the article
Colours - a mixture of dainty blues, grey and white, some of the writing is
written in yellow which lightens up the page, the rest is written in either
white or black, white is the main background colour
Conventions Overview
● Majority of the websites all have tags along the top and also a search bar.
The all conform to the conventions of interesting images on their homepages
as this intrigues the audience to read on more into the website.
● Most of the websites have social media tags however a few did not conform
to these conventions. I will be including a social media tag on my website as
this appeals more to a wider audience and may expand my target audience.
● Many of the websites enlarge their logo to form the title however for some of
the simpler websites the title is smaller but because it is the logo it's more
recognisable therefore has the same effect as a large title.

More Related Content

What's hot

Contents page overview
Contents page overviewContents page overview
Contents page overviewkathrynpalos
 
Contents page deconstruction
Contents page deconstructionContents page deconstruction
Contents page deconstructionFreddie Kelleher
 
Textual analysis of magazine pages
Textual analysis of magazine pagesTextual analysis of magazine pages
Textual analysis of magazine pagesCameron Loftus
 
Front cover codes and conventions
Front cover codes and conventionsFront cover codes and conventions
Front cover codes and conventionspatta123
 
Evaluation of music magazine
Evaluation of music magazineEvaluation of music magazine
Evaluation of music magazineskm92
 
Crack magazine deconstruction
Crack magazine deconstructionCrack magazine deconstruction
Crack magazine deconstructionHeather Johnson
 
Contents pages
Contents pagesContents pages
Contents pagesbigtone2
 
Codes and conventions of a music magazine
Codes and conventions of a music magazineCodes and conventions of a music magazine
Codes and conventions of a music magazinenadia_ahmed2
 
Contents Page Research
Contents Page ResearchContents Page Research
Contents Page Researchmezagrove
 
Codes and conventions of a contents page
Codes and conventions of a contents pageCodes and conventions of a contents page
Codes and conventions of a contents pagenadia_ahmed2
 
Codes and Conventions - Websites
Codes and Conventions - WebsitesCodes and Conventions - Websites
Codes and Conventions - Websitesluciahoyle12
 
Textual analysis of magazine pages
Textual analysis of magazine pagesTextual analysis of magazine pages
Textual analysis of magazine pagesCameron Loftus
 
Codes and Conventions - Billboards
Codes and Conventions - BillboardsCodes and Conventions - Billboards
Codes and Conventions - Billboardsluciahoyle12
 

What's hot (19)

Contents page overview
Contents page overviewContents page overview
Contents page overview
 
Contents page deconstruction
Contents page deconstructionContents page deconstruction
Contents page deconstruction
 
New media evaluation
New media evaluationNew media evaluation
New media evaluation
 
Textual analysis of magazine pages
Textual analysis of magazine pagesTextual analysis of magazine pages
Textual analysis of magazine pages
 
Conents
ConentsConents
Conents
 
Front cover anylisis nme
Front cover anylisis nmeFront cover anylisis nme
Front cover anylisis nme
 
Front cover codes and conventions
Front cover codes and conventionsFront cover codes and conventions
Front cover codes and conventions
 
Research
ResearchResearch
Research
 
Contents
ContentsContents
Contents
 
Evaluation of music magazine
Evaluation of music magazineEvaluation of music magazine
Evaluation of music magazine
 
Crack magazine deconstruction
Crack magazine deconstructionCrack magazine deconstruction
Crack magazine deconstruction
 
Contents pages
Contents pagesContents pages
Contents pages
 
Codes and conventions of a music magazine
Codes and conventions of a music magazineCodes and conventions of a music magazine
Codes and conventions of a music magazine
 
Contents Page Research
Contents Page ResearchContents Page Research
Contents Page Research
 
Codes and conventions of a contents page
Codes and conventions of a contents pageCodes and conventions of a contents page
Codes and conventions of a contents page
 
Codes and Conventions - Websites
Codes and Conventions - WebsitesCodes and Conventions - Websites
Codes and Conventions - Websites
 
Magazine Cover Research
Magazine Cover ResearchMagazine Cover Research
Magazine Cover Research
 
Textual analysis of magazine pages
Textual analysis of magazine pagesTextual analysis of magazine pages
Textual analysis of magazine pages
 
Codes and Conventions - Billboards
Codes and Conventions - BillboardsCodes and Conventions - Billboards
Codes and Conventions - Billboards
 

Similar to Websites Codes and Conventions

Evaluation question number 5
Evaluation question number 5Evaluation question number 5
Evaluation question number 5LenaGL
 
Editorial page
Editorial pageEditorial page
Editorial pagemollybeck_
 
Editorial page Codes and Conventions
Editorial page Codes and ConventionsEditorial page Codes and Conventions
Editorial page Codes and Conventionsmollybeck_
 
Ads Codes and Conventions
Ads Codes and ConventionsAds Codes and Conventions
Ads Codes and Conventionsmollybeck_
 
Codes and conventions regional websites
Codes and conventions regional websitesCodes and conventions regional websites
Codes and conventions regional websitesAmber Stagg
 
Magazine website codes & conventions
Magazine website codes & conventionsMagazine website codes & conventions
Magazine website codes & conventionsalex turner
 
Codes and conventions of contents page
Codes and conventions of contents pageCodes and conventions of contents page
Codes and conventions of contents pagenathan gkikas
 
Evaluation question number 5
Evaluation question number 5Evaluation question number 5
Evaluation question number 5LenaGL
 
Evaluation question one abbey
Evaluation question one abbeyEvaluation question one abbey
Evaluation question one abbey08WaittA
 
Research into codes and conventions of contents page
Research into codes and conventions of contents pageResearch into codes and conventions of contents page
Research into codes and conventions of contents pagegeehardy
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1Samjohnson98
 
Front cover generic conventions
Front cover generic conventionsFront cover generic conventions
Front cover generic conventionsmegansheratonx
 

Similar to Websites Codes and Conventions (20)

Billboards
BillboardsBillboards
Billboards
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Media contnet page jpeg
Media contnet page jpegMedia contnet page jpeg
Media contnet page jpeg
 
Evaluation question number 5
Evaluation question number 5Evaluation question number 5
Evaluation question number 5
 
Editorial page
Editorial pageEditorial page
Editorial page
 
Editorial page Codes and Conventions
Editorial page Codes and ConventionsEditorial page Codes and Conventions
Editorial page Codes and Conventions
 
Contents.
 Contents. Contents.
Contents.
 
Gcse planning selection
Gcse planning selectionGcse planning selection
Gcse planning selection
 
Ads Codes and Conventions
Ads Codes and ConventionsAds Codes and Conventions
Ads Codes and Conventions
 
Codes and conventions regional websites
Codes and conventions regional websitesCodes and conventions regional websites
Codes and conventions regional websites
 
Ads.
Ads.Ads.
Ads.
 
Magazine website codes & conventions
Magazine website codes & conventionsMagazine website codes & conventions
Magazine website codes & conventions
 
Codes and conventions of contents page
Codes and conventions of contents pageCodes and conventions of contents page
Codes and conventions of contents page
 
Evaluation question number 5
Evaluation question number 5Evaluation question number 5
Evaluation question number 5
 
Contents page research pdf
Contents page research pdfContents page research pdf
Contents page research pdf
 
Evaluation question one abbey
Evaluation question one abbeyEvaluation question one abbey
Evaluation question one abbey
 
Front cover.
Front cover.Front cover.
Front cover.
 
Research into codes and conventions of contents page
Research into codes and conventions of contents pageResearch into codes and conventions of contents page
Research into codes and conventions of contents page
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
 
Front cover generic conventions
Front cover generic conventionsFront cover generic conventions
Front cover generic conventions
 

Recently uploaded

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
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
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
 
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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
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
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxcallscotland1987
 
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
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
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
 
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
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 

Recently uploaded (20)

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
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.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
 
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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
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
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.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
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.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...
 
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
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

Websites Codes and Conventions

  • 2. The Cheshire Magazine Title - located as a logo in the top left hand corner, small yet stands out due to the colours (white against back) Tags - along the top of the page where you can easily navigate to that part of the magazine, stands out again, black and white and use of capital letters Search bar - separated from all text easy for audience to find, and navigate to any part of the website which links with the word they’ve searched Main image - large proportion of the page, links with the caption which is about holidays, main image is a women sitting on a beach no views obstructed which gives the website a placid look. Thi screen would change, bit like a slide show and would show different images. Ad - ad bannered across the bottom of the page, colourful and eye catching Apart from the images the main colours used are black and white, to give a monochrome feel, the images add frequent colour which makes the website home page more appealing
  • 3. Surrey Title - logo of the magazine is presented as the title, white font against black/dark background makes title stand out, large lettering, eye catching Tags - along the top of the page, easy to see not cramped in with lots of text, split into simple categories Telephone number - this is located twice on the page, it appears at the top and down the left hand side in the column - informative (cognitive needs) Address - faintly written, left hand column with a complementary colour to the background, therefore difficult to see Images - 6 small square cropped images, in a row along top of page, all different types, interesting and intriguing, brightens up the dark page, one larger image which presents the front cover of the magazine, almost advertising itself. Social media tag - facebook logo, top right hand corner, the social media aspect appeals to younger audiences therefore widening their customer base Text - ones large chunk of text located in the middle of the page, explaining who they are and what they’re about, split into paragraphs, right aligned Colour - dark blue main background with black used as a background for all the media formats, white writing to stand out against these dark colours
  • 4. Kent Life Title - black serif font, stands out against white background, largest font on page therefore stands out more Search bar - top right hand corner, easy to navigate to for the audience Social Media tags - logos facebook, twitter, gmail, pinterest, these open up other audiences for kent life, as social media appeals more to younger audiences Tags - appear at the top of the page, the tags are split into categories to easily navigate through the website Images - images on the page linked to articles Text - small chunks of text, gives insight of what will be in the articles Ads - ads placed down the right hand side of the page Log in - you can make an account, therefore makes the site more personal to the audiences as you can virtually connect with the magazine
  • 5. Bristol Title - centred, white serif font, surrounded by a lot of space to make the title eye catching and stand out Tags - two lots of tags,a row below and above the title. The row above is more informative as to the business side of the magazine but the row below is more about what's in the magazine. The separation of the two helps people to distinguish Search bar - away from everything so does not get mixed up therefore easy for the audience to navigate too Images - medium sized images, covering the page, with captions on, the pictures and captions work together to intrigue the audience into clicking on that hyperlink to take them to the article Colours - a mixture of dainty blues, grey and white, some of the writing is written in yellow which lightens up the page, the rest is written in either white or black, white is the main background colour
  • 6. Conventions Overview ● Majority of the websites all have tags along the top and also a search bar. The all conform to the conventions of interesting images on their homepages as this intrigues the audience to read on more into the website. ● Most of the websites have social media tags however a few did not conform to these conventions. I will be including a social media tag on my website as this appeals more to a wider audience and may expand my target audience. ● Many of the websites enlarge their logo to form the title however for some of the simpler websites the title is smaller but because it is the logo it's more recognisable therefore has the same effect as a large title.