SlideShare una empresa de Scribd logo
1 de 9
Codes & Conventions
Of a Website
BY FATIMA IFTIKHAR
Layout and Design
Usability: Easy to use site with clear areas for navigation around the website.
Grid System: Separate sections of a website to present information in small, easy to
access segments.
Centre of Page: Used for main content with navigation tools on the left and/or across
the top of the page and links to more information on the right.
Background and Font color: Used to separate different types of information.
Images: Used to illustrate as much as possible to add visual interest.
Codes & conventions of a website
Technical Codes Used
Certain technical codes are now a common place on websites. Most websites have
moving images or audio content and something for the audience to do on the website for
interest or integration. This content are provided dependent on what the website is like a
music website would have downloadable music/ videos or downloadable content.
Content
Websites with factual information may look different compared to a site for entertainment.
There are different titles on different sites as they would be focus on only one type of
information.
Genre
Websites are based on existing genres (e.g. Broadsheets or Tabliod Newspapers) the web
design uses recognizable codes and conventions to ensure that the audience recognize
the genre.
Target Audience
Most audiences may find a certain layout and design appealing compared to others. A
key issue with websites is the way they attempt to encourage audience activity and
interactivity to attract audiences in and persuade them to return or pass on information
important to the site.
Codes & conventions of a website
Technical Codes
Content
Genre: Broadsheet
Target Audience: This site looks like its designed to attract teenagers due to its
image and layout. It can be surely said because it a music site and most of its
audience in young aged groups.
Technical Codes
Content
Genre: Tabloids
Target Audience: The Main Image on the
website is the most important content in order to
connect with and attract the potential
Audience. If the image is attractive the client
will be more interestedly want to read and know
more about your business and site
Technical Codes
Content
Genre: Broad Sheet
Target
Audience:
House Buyer or
Renters.
Codes & conventions of a website

Más contenido relacionado

La actualidad más candente

A-Level Media Studies - Magazine Planning. (Primary Coursework)
A-Level Media Studies - Magazine Planning. (Primary Coursework)A-Level Media Studies - Magazine Planning. (Primary Coursework)
A-Level Media Studies - Magazine Planning. (Primary Coursework)RyaaanWard
 
Audience and Industry
Audience and IndustryAudience and Industry
Audience and IndustryYvonne44
 
G322: AS Media Studies Section A & B
G322: AS Media Studies Section A & BG322: AS Media Studies Section A & B
G322: AS Media Studies Section A & Bhannahmedia
 
Industries introduction for The Bridge and Life on Mars
Industries introduction for The Bridge and Life on MarsIndustries introduction for The Bridge and Life on Mars
Industries introduction for The Bridge and Life on MarsKStockwell
 
Music Magazine Covers
Music Magazine CoversMusic Magazine Covers
Music Magazine Coverstaylzz1
 
Media Studies OCR A Level Advertising and marketing 11 01 19
Media Studies OCR A Level Advertising and marketing 11 01 19Media Studies OCR A Level Advertising and marketing 11 01 19
Media Studies OCR A Level Advertising and marketing 11 01 19Yvonne44
 
Media Studies OCR A level The Big Issue 29 01 19 final
Media Studies OCR A level The Big Issue 29 01 19 finalMedia Studies OCR A level The Big Issue 29 01 19 final
Media Studies OCR A level The Big Issue 29 01 19 finalYvonne44
 
Formation music video lesson 2
Formation music video lesson 2 Formation music video lesson 2
Formation music video lesson 2 spiderhead84
 
Shaun of the dead opening sequence analysis
Shaun of the dead opening sequence analysisShaun of the dead opening sequence analysis
Shaun of the dead opening sequence analysisGeorgerawding123
 
Generic conventions of film posters
Generic conventions of film postersGeneric conventions of film posters
Generic conventions of film postersmediaboy96
 
Media Studies NEWS
Media Studies NEWSMedia Studies NEWS
Media Studies NEWSYvonne44
 
Applying theory media industries
Applying theory media industriesApplying theory media industries
Applying theory media industriesMrs Downie
 
GCSE Statement of intent nea
GCSE Statement of intent neaGCSE Statement of intent nea
GCSE Statement of intent neaRafaelPerezOlivan
 
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGEEDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGEGemmaHugill
 
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDEEDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDEGemmaHugill
 
A Level Media Studies (Daily Mail) How to analyse newspaper front pages
A Level Media Studies (Daily Mail) How to analyse newspaper front pagesA Level Media Studies (Daily Mail) How to analyse newspaper front pages
A Level Media Studies (Daily Mail) How to analyse newspaper front pagesBryan Langley
 
C1 sb assassins creed iii liberation
C1 sb assassins creed iii liberationC1 sb assassins creed iii liberation
C1 sb assassins creed iii liberationKBucket
 
The Hangover 3 film marketing campaign
The Hangover 3 film marketing campaignThe Hangover 3 film marketing campaign
The Hangover 3 film marketing campaignsarahscorermedia
 

La actualidad más candente (20)

A-Level Media Studies - Magazine Planning. (Primary Coursework)
A-Level Media Studies - Magazine Planning. (Primary Coursework)A-Level Media Studies - Magazine Planning. (Primary Coursework)
A-Level Media Studies - Magazine Planning. (Primary Coursework)
 
Audience and Industry
Audience and IndustryAudience and Industry
Audience and Industry
 
G322: AS Media Studies Section A & B
G322: AS Media Studies Section A & BG322: AS Media Studies Section A & B
G322: AS Media Studies Section A & B
 
Industries introduction for The Bridge and Life on Mars
Industries introduction for The Bridge and Life on MarsIndustries introduction for The Bridge and Life on Mars
Industries introduction for The Bridge and Life on Mars
 
Music Magazine Covers
Music Magazine CoversMusic Magazine Covers
Music Magazine Covers
 
Media Studies OCR A Level Advertising and marketing 11 01 19
Media Studies OCR A Level Advertising and marketing 11 01 19Media Studies OCR A Level Advertising and marketing 11 01 19
Media Studies OCR A Level Advertising and marketing 11 01 19
 
Media Studies OCR A level The Big Issue 29 01 19 final
Media Studies OCR A level The Big Issue 29 01 19 finalMedia Studies OCR A level The Big Issue 29 01 19 final
Media Studies OCR A level The Big Issue 29 01 19 final
 
Formation music video lesson 2
Formation music video lesson 2 Formation music video lesson 2
Formation music video lesson 2
 
Genre theory Steve Neale
Genre theory Steve NealeGenre theory Steve Neale
Genre theory Steve Neale
 
Shaun of the dead opening sequence analysis
Shaun of the dead opening sequence analysisShaun of the dead opening sequence analysis
Shaun of the dead opening sequence analysis
 
Generic conventions of film posters
Generic conventions of film postersGeneric conventions of film posters
Generic conventions of film posters
 
Media Studies NEWS
Media Studies NEWSMedia Studies NEWS
Media Studies NEWS
 
Applying theory media industries
Applying theory media industriesApplying theory media industries
Applying theory media industries
 
GCSE Statement of intent nea
GCSE Statement of intent neaGCSE Statement of intent nea
GCSE Statement of intent nea
 
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGEEDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION A LIFE ON MARS AND THE BRIDGE
 
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDEEDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDE
EDUQAS MEDIA STUDIES A LEVEL COMPONENT TWO SECTION C ZOELLA AND ATTITUDE
 
A2 media film poster analysis
A2 media   film poster analysisA2 media   film poster analysis
A2 media film poster analysis
 
A Level Media Studies (Daily Mail) How to analyse newspaper front pages
A Level Media Studies (Daily Mail) How to analyse newspaper front pagesA Level Media Studies (Daily Mail) How to analyse newspaper front pages
A Level Media Studies (Daily Mail) How to analyse newspaper front pages
 
C1 sb assassins creed iii liberation
C1 sb assassins creed iii liberationC1 sb assassins creed iii liberation
C1 sb assassins creed iii liberation
 
The Hangover 3 film marketing campaign
The Hangover 3 film marketing campaignThe Hangover 3 film marketing campaign
The Hangover 3 film marketing campaign
 

Destacado

Websites codes and conventions
Websites codes and conventionsWebsites codes and conventions
Websites codes and conventionsGeoGriff94
 
---Generic conventions of a webpage----
 ---Generic conventions of a webpage---- ---Generic conventions of a webpage----
---Generic conventions of a webpage----MatthewBallard17
 
Web page analysis
Web page analysisWeb page analysis
Web page analysisibz10
 
Codes and convection's of a web page
Codes and convection's of a web pageCodes and convection's of a web page
Codes and convection's of a web pageEllen Whight
 
A2 Media Studies: Band Website Analysis
A2 Media Studies: Band Website AnalysisA2 Media Studies: Band Website Analysis
A2 Media Studies: Band Website AnalysisSarah Green
 
The Codes & Conventions of a Magazine
The Codes & Conventions of a MagazineThe Codes & Conventions of a Magazine
The Codes & Conventions of a MagazineSundasBostan
 
Codes conventions-blog
Codes conventions-blogCodes conventions-blog
Codes conventions-blogBen Cornhill
 
Adverts: Codes and Conventions
Adverts: Codes and ConventionsAdverts: Codes and Conventions
Adverts: Codes and ConventionsEllie Buchan
 
Adverts: Structures and Styles
Adverts: Structures and StylesAdverts: Structures and Styles
Adverts: Structures and StylesEllie Buchan
 
E media marketing
E media marketingE media marketing
E media marketingibz10
 
Codes and conventions of a newspaper
Codes and conventions of a newspaperCodes and conventions of a newspaper
Codes and conventions of a newspaperAmna Qaiser
 
News codes and conventions
News codes and conventionsNews codes and conventions
News codes and conventionsiain bruce
 
Codes and conventions of film trailers
Codes and conventions of film trailersCodes and conventions of film trailers
Codes and conventions of film trailersjazzyprince
 
Film poster codes and conventions
Film poster codes and conventionsFilm poster codes and conventions
Film poster codes and conventionsNnadinee
 
Conventions of a band website
Conventions of a band websiteConventions of a band website
Conventions of a band websitetobytrew
 
Website analysis basic tools and illustration
Website analysis basic tools and illustrationWebsite analysis basic tools and illustration
Website analysis basic tools and illustrationPriyanka Sharma
 
conventions of a news show
conventions of a news showconventions of a news show
conventions of a news showteddiebmxa
 
Sitcom Conventions
Sitcom ConventionsSitcom Conventions
Sitcom Conventionsguest17b7a0
 
Codes and conventions of a double page spread
Codes and conventions of a double page spreadCodes and conventions of a double page spread
Codes and conventions of a double page spreadLaurengibney
 
Conventions of TV dramas
Conventions of TV dramasConventions of TV dramas
Conventions of TV dramasbethbouchareb
 

Destacado (20)

Websites codes and conventions
Websites codes and conventionsWebsites codes and conventions
Websites codes and conventions
 
---Generic conventions of a webpage----
 ---Generic conventions of a webpage---- ---Generic conventions of a webpage----
---Generic conventions of a webpage----
 
Web page analysis
Web page analysisWeb page analysis
Web page analysis
 
Codes and convection's of a web page
Codes and convection's of a web pageCodes and convection's of a web page
Codes and convection's of a web page
 
A2 Media Studies: Band Website Analysis
A2 Media Studies: Band Website AnalysisA2 Media Studies: Band Website Analysis
A2 Media Studies: Band Website Analysis
 
The Codes & Conventions of a Magazine
The Codes & Conventions of a MagazineThe Codes & Conventions of a Magazine
The Codes & Conventions of a Magazine
 
Codes conventions-blog
Codes conventions-blogCodes conventions-blog
Codes conventions-blog
 
Adverts: Codes and Conventions
Adverts: Codes and ConventionsAdverts: Codes and Conventions
Adverts: Codes and Conventions
 
Adverts: Structures and Styles
Adverts: Structures and StylesAdverts: Structures and Styles
Adverts: Structures and Styles
 
E media marketing
E media marketingE media marketing
E media marketing
 
Codes and conventions of a newspaper
Codes and conventions of a newspaperCodes and conventions of a newspaper
Codes and conventions of a newspaper
 
News codes and conventions
News codes and conventionsNews codes and conventions
News codes and conventions
 
Codes and conventions of film trailers
Codes and conventions of film trailersCodes and conventions of film trailers
Codes and conventions of film trailers
 
Film poster codes and conventions
Film poster codes and conventionsFilm poster codes and conventions
Film poster codes and conventions
 
Conventions of a band website
Conventions of a band websiteConventions of a band website
Conventions of a band website
 
Website analysis basic tools and illustration
Website analysis basic tools and illustrationWebsite analysis basic tools and illustration
Website analysis basic tools and illustration
 
conventions of a news show
conventions of a news showconventions of a news show
conventions of a news show
 
Sitcom Conventions
Sitcom ConventionsSitcom Conventions
Sitcom Conventions
 
Codes and conventions of a double page spread
Codes and conventions of a double page spreadCodes and conventions of a double page spread
Codes and conventions of a double page spread
 
Conventions of TV dramas
Conventions of TV dramasConventions of TV dramas
Conventions of TV dramas
 

Similar a Codes & conventions of a website

Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a websiteLaurenHolyoak1
 
Website conventions
Website conventionsWebsite conventions
Website conventionsoliviadoug
 
Creating a Powerful Website Presence through WordPress and Blogging
Creating a Powerful Website Presence through WordPress and BloggingCreating a Powerful Website Presence through WordPress and Blogging
Creating a Powerful Website Presence through WordPress and BloggingMTECH Internet Marketing
 
Intro to MM Chapter 13
Intro to MM Chapter 13Intro to MM Chapter 13
Intro to MM Chapter 13khall2009
 
Conventions of factual websites
Conventions of factual websites Conventions of factual websites
Conventions of factual websites haverstockmedia
 
Conventions of fact based 2
Conventions of fact based 2Conventions of fact based 2
Conventions of fact based 2haverstockmedia
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based haverstockmedia
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based haverstockmedia
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewVisionary Marketing
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websitesAmanda Simmons
 
Customer effective web design new
Customer effective web design newCustomer effective web design new
Customer effective web design newVikram g b
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhiCss Founder
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 

Similar a Codes & conventions of a website (20)

Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
 
Website
WebsiteWebsite
Website
 
Website conventions
Website conventionsWebsite conventions
Website conventions
 
Web C&C
Web C&CWeb C&C
Web C&C
 
Website cncs
Website cncsWebsite cncs
Website cncs
 
Creating a Powerful Website Presence through WordPress and Blogging
Creating a Powerful Website Presence through WordPress and BloggingCreating a Powerful Website Presence through WordPress and Blogging
Creating a Powerful Website Presence through WordPress and Blogging
 
Intro to MM Chapter 13
Intro to MM Chapter 13Intro to MM Chapter 13
Intro to MM Chapter 13
 
Conventions of factual websites
Conventions of factual websites Conventions of factual websites
Conventions of factual websites
 
Conventions of fact based 2
Conventions of fact based 2Conventions of fact based 2
Conventions of fact based 2
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based
 
Website best-practices
Website best-practicesWebsite best-practices
Website best-practices
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based
 
Website conventions
Website conventionsWebsite conventions
Website conventions
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website Review
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websites
 
Customer effective web design new
Customer effective web design newCustomer effective web design new
Customer effective web design new
 
Website Conventions
Website ConventionsWebsite Conventions
Website Conventions
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 

Más de FatimaIftikhar5

Analysis of the existing news paper’s target audience
Analysis of the existing news paper’s target audienceAnalysis of the existing news paper’s target audience
Analysis of the existing news paper’s target audienceFatimaIftikhar5
 
Codes & conventions of a
Codes & conventions of aCodes & conventions of a
Codes & conventions of aFatimaIftikhar5
 
Conventions of Print Advertisements
Conventions of Print AdvertisementsConventions of Print Advertisements
Conventions of Print AdvertisementsFatimaIftikhar5
 

Más de FatimaIftikhar5 (7)

Research on Fonts
Research on FontsResearch on Fonts
Research on Fonts
 
Ancillary tasks
Ancillary tasksAncillary tasks
Ancillary tasks
 
Ancillary tasks
Ancillary tasksAncillary tasks
Ancillary tasks
 
What is a newspaper?
What is a newspaper?What is a newspaper?
What is a newspaper?
 
Analysis of the existing news paper’s target audience
Analysis of the existing news paper’s target audienceAnalysis of the existing news paper’s target audience
Analysis of the existing news paper’s target audience
 
Codes & conventions of a
Codes & conventions of aCodes & conventions of a
Codes & conventions of a
 
Conventions of Print Advertisements
Conventions of Print AdvertisementsConventions of Print Advertisements
Conventions of Print Advertisements
 

Codes & conventions of a website

  • 1. Codes & Conventions Of a Website BY FATIMA IFTIKHAR
  • 2. Layout and Design Usability: Easy to use site with clear areas for navigation around the website. Grid System: Separate sections of a website to present information in small, easy to access segments. Centre of Page: Used for main content with navigation tools on the left and/or across the top of the page and links to more information on the right. Background and Font color: Used to separate different types of information. Images: Used to illustrate as much as possible to add visual interest.
  • 4. Technical Codes Used Certain technical codes are now a common place on websites. Most websites have moving images or audio content and something for the audience to do on the website for interest or integration. This content are provided dependent on what the website is like a music website would have downloadable music/ videos or downloadable content. Content Websites with factual information may look different compared to a site for entertainment. There are different titles on different sites as they would be focus on only one type of information. Genre Websites are based on existing genres (e.g. Broadsheets or Tabliod Newspapers) the web design uses recognizable codes and conventions to ensure that the audience recognize the genre. Target Audience Most audiences may find a certain layout and design appealing compared to others. A key issue with websites is the way they attempt to encourage audience activity and interactivity to attract audiences in and persuade them to return or pass on information important to the site.
  • 6. Technical Codes Content Genre: Broadsheet Target Audience: This site looks like its designed to attract teenagers due to its image and layout. It can be surely said because it a music site and most of its audience in young aged groups.
  • 7. Technical Codes Content Genre: Tabloids Target Audience: The Main Image on the website is the most important content in order to connect with and attract the potential Audience. If the image is attractive the client will be more interestedly want to read and know more about your business and site
  • 8. Technical Codes Content Genre: Broad Sheet Target Audience: House Buyer or Renters.