SlideShare a Scribd company logo
CODES AND CONVECTION'S
    OF A WEB PAGE
       By Ellen Whight
WHAT IS A WEB PAGE?
A web page is a document or an information source that is suitable to be viewed on the internet by
the world. Web pages can be accessed through a web browser such as ‘Google’. There is a whole
range of different web pages, they can literally be about anything such as music, films, music videos
etc.

Layout Of A Web Page
The layout of a web page must be easy to use and that the design is effective. The web page needs to
be bold and clear for people to be able to read and understand. Normally a webpage will be set out
by the centre is used to present the main content of what the web page is about. There will be
navigation tools on the left or right side of the page to help you scroll up and down the page viewing
everything there is . At the top of the page will usually be a link which gives you more information
to what the page consists.

The grid system is used to help separate sections of the webpage and present the information in a
small easy to ready text, allowing people to access segments. Unlike typical conventions depending
on the content of the web page for example a bands web page will have a large picture of the band
in the centre of the webpage and the back navigation tools are across the top of the picture. The
font may be in colour to separate different types of information and the picture in the middle adds
to the visual interest making it appealing to whoever is looking at it.
TECHNICAL CODES
Within a web page technical codes are used by moving images, sounds, music and audience
interaction. Making the web page more attractive to an audience. These things are normally on web
pages which show new films, music, bands etc. Also web pages allow people to download materials,
also on newer web pages it lets people interact with each other by commenting on images, music,
films or to each other.

Content Of A Web Page
Web pages with different audiences and purposes will look and work different from other web pages
depending on what the web pages are about and what information they hold. For an example a news
web page will have a different design, colour scheme, images, information on stories around the
world and navigation tools to a bands web page which will be advertising the band, their music, their
image etc. This web page could be bright coloured, different colour scheme and also bold, music
playing, music downloads etc. The web page is there for entertainment or information purposes .

Genre Codes
The genre of web pages will depend again on what the web page contains, if the web page consists
of news, tabloid newspapers they will have easy and recognisable web designs and codes and
conventions from that type of genre so the audience can use to easy and to make sure the audience
can recognise the genre and that their expectations of that type of web page are fulfilled.
AUDIENCE

Different audiences might find certain layouts, design and information choices
more appealing then other web pages but it all depends on what the audience is
looking for. Bold, clear and easy to use web pages will attract an audience and of
course the information they are looking for. Bad layouts and bad colour schemes
will turn audiences away due to it not being very clear and unusable. Webpage
that advertise a band won’t have a lot of un relevant information it to
confuse the person looking at it.
ANALYSIS OF A MUSIC
    WEBSITE –
 NICKI MINAJS OFFICIAL MUSIC WEBSITE-
      H T T P : / / M Y P I N K F R I D A Y. C O M /
The font of the text is also the                 The website is called Pink Friday
   exact same font used on Nicki                    and the title of the website is in
   Minajs first album.                              the middle clear for everyone to
                                                    see it. Nicki Minajs first album
                                                    was called Pink Friday so this
                                                    links her website with her and her
   This shows current advents                       album.
   involving Nicki Minaj,                                   Picture advertising her new
   concerts, signings, photo                                album ‘THE RE- UP’ also
   shoots, releases etc.                                    advertising you can listen to
This icon takes you straight                                her new album on her
to twitter and also straight to                             webpage.
Nicki Minajs official Twitter                     Twitter feed showing who
page.                                             tweets Nicki Minaj, her own
         These two icons allow you to             tweets and twitter news.
         register with the website and
         how to log in.
                                                  This show what contests are
                                                  on and the link how to enter
       This shows featured users                  them.
       who use the website.
                                         This is the timeline/dashboard of the web
                                         page showing the latest news, information,
       Another picture of Nick Minaj     music videos, advertisements, photos
       advertisings the artist and the   albums etc about Nicki Minaj.
       cover of her new album.
The colour scheme of the web
page and website are girlie
colours of baby pink, pink, white
and black. Giving off a Barbie
look. This links with the artist
herself as she calls her fans
Barbs and thinks of herself as a
Barbie. The website reflects the
artist herself. The website would   This part of the webpage
appeal to her target audience       shows recent and upcoming
which is girl teenagers, younger    campaign Nicki Minaj is
girls and young women. The          involved in.
images used on the webpages
have been chosen particular to
go with the colour scheme of
the webpage and to also sell the
artists image, her music, album
etc.
This is a moving timeline
                               which shows recent media
                               films such as images and
                               videos.




This is another timeline but
bigger with recent news
about Nicki Minaj.
A different image of Nicki Minaj   Nicki Minajs name in bold
again advertising the artist and   white capitals referring and
selling her image. The colour      advertising her again.
scheme of the image goes well
with the colour of the webpage.
This picture was also her
album cover from ‘Romans
Reloaded’ her second album.

                                        More information below the
                                        page.
This page on the website
shows concert dates and
events Nicki Minaj will be
attending. Showing details
of tickets, prices, locations
venues and the dates.
These are two blogs which
                                     Nicki Minaj has an official
                                     page for so if you belong to
                                     them you can keep up to date
                                     with news etc on there to.
 Another image of Nicki Minaj
 from her latest music video
 ‘Freedom’ advertising the         When clicking on the icon bar at
 artist, her image, music video,   the top you can scroll through
 imagery and the song. The         even more the main header to
 image links with the colour       get even more information in
 scheme of the webpage, pink       different categories.
 and girlie. Barbie like.
                                             This takes you to You-Tube
This icon takes you to Facebook              and also to Nicki Minajs You-
and to Nicki Minajs official                 Tube account allowing you to
Facebook page keeping you up                 watch her latest music
to date on news, events etc                  videos, advertisements, Pink
whilst you are on Facebook.                  Friday her programme, celeb
Another way of adding more                   idol news and videos, news
fans to her fan base and keeping             etc again making it easily
them easily up to date with her              capable for her fans to see.
recent news.
One of Nicki Minajs music videos,
                                    which was recently released. The
                                    part of the web pages shows
More videos you can choose and
                                    Videos of Nicki Minaj whether
click on to view. Showing old and
                                    that’s music videos, clips of her,
new music videos and clips.
                                    advertisement, her programme etc.
                                    Again advertising the artist, her
                                    image, music and music videos
                                    selling them to her target
                                    audience.

                                         Recent images on Nicki Minaj,
                                         keeping you up to date with
                                         her latest fashion, make up
                                         and hair.
The webpage supplies you with the
                                  link so you can buy it then and there
This webpage shows the app        on ITunes, a very well known company.
you can buy and download
which is called Pink Friday       Even the technical support teams
again linking it to Nicki Minaj   email address is called Pink Friday
and her first album making        again linking It with Nicki Minaj and
people aware it’s her app. The    her website and business.
app also supplies her with
money from who ever buys it.
Codes and convection's of a web page
Codes and convection's of a web page

More Related Content

Viewers also liked

Haad's profile Word
Haad's profile WordHaad's profile Word
Haad's profile Word
HAADGROUP
 
Stunning photos 3
Stunning photos 3Stunning photos 3
Stunning photos 3
Hayling Island
 
Radar #4
Radar #4Radar #4
Radar #4
Lintas
 
Spring sport coats 2013
Spring sport coats 2013Spring sport coats 2013
Spring sport coats 2013
R Sean McKee Executive Clothiers
 
Creacion de organigramas
Creacion de organigramasCreacion de organigramas
Creacion de organigramas
inelca
 
IDCC 948 Accord 2016 vp orne
IDCC 948 Accord 2016 vp orne IDCC 948 Accord 2016 vp orne
IDCC 948 Accord 2016 vp orne
Société Tripalio
 
Presentation to Education Interim Commitee
Presentation to Education Interim Commitee  Presentation to Education Interim Commitee
Presentation to Education Interim Commitee
emilynicoline
 
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPANJimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
Namaku Aan
 
Composition Library Instruction
Composition Library InstructionComposition Library Instruction
Composition Library Instruction
lmwallis
 
Visual Resume
Visual ResumeVisual Resume
Visual Resume
mgschw2
 
ローカルリポジトリのススメ
ローカルリポジトリのススメローカルリポジトリのススメ
ローカルリポジトリのススメ
TAKEMURA Takayuki
 
Biologi (ekosistem)
Biologi (ekosistem)Biologi (ekosistem)
Biologi (ekosistem)
tikha12
 
Penzijni pripojisteni axa
Penzijni pripojisteni axaPenzijni pripojisteni axa
Penzijni pripojisteni axa
duchodovareforma
 
Te keys for_dawah
Te keys for_dawahTe keys for_dawah
Te keys for_dawah
Teacher
 
Pra rancangan pabrik metanol dari biomassa tandan kosong sawit
Pra rancangan pabrik metanol dari biomassa tandan kosong sawitPra rancangan pabrik metanol dari biomassa tandan kosong sawit
Pra rancangan pabrik metanol dari biomassa tandan kosong sawit
nirmalaswan
 
Foley grammar book
Foley grammar bookFoley grammar book
Foley grammar book
foley59658
 
Legislation timeline
Legislation timelineLegislation timeline
Legislation timeline
Kiera Brown
 
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс Oktogo
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс OktogoОт стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс Oktogo
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс OktogoNatalya Semagina
 
Ms2 intertext research
Ms2 intertext researchMs2 intertext research
Ms2 intertext research
kate-vowles
 

Viewers also liked (20)

Haad's profile Word
Haad's profile WordHaad's profile Word
Haad's profile Word
 
Stunning photos 3
Stunning photos 3Stunning photos 3
Stunning photos 3
 
Radar #4
Radar #4Radar #4
Radar #4
 
Spring sport coats 2013
Spring sport coats 2013Spring sport coats 2013
Spring sport coats 2013
 
Creacion de organigramas
Creacion de organigramasCreacion de organigramas
Creacion de organigramas
 
IDCC 948 Accord 2016 vp orne
IDCC 948 Accord 2016 vp orne IDCC 948 Accord 2016 vp orne
IDCC 948 Accord 2016 vp orne
 
Presentation to Education Interim Commitee
Presentation to Education Interim Commitee  Presentation to Education Interim Commitee
Presentation to Education Interim Commitee
 
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPANJimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
Jimon baru presentasi SIAP UNTUK SUKSES DI MASA DEPAN
 
Daftar isi
Daftar isiDaftar isi
Daftar isi
 
Composition Library Instruction
Composition Library InstructionComposition Library Instruction
Composition Library Instruction
 
Visual Resume
Visual ResumeVisual Resume
Visual Resume
 
ローカルリポジトリのススメ
ローカルリポジトリのススメローカルリポジトリのススメ
ローカルリポジトリのススメ
 
Biologi (ekosistem)
Biologi (ekosistem)Biologi (ekosistem)
Biologi (ekosistem)
 
Penzijni pripojisteni axa
Penzijni pripojisteni axaPenzijni pripojisteni axa
Penzijni pripojisteni axa
 
Te keys for_dawah
Te keys for_dawahTe keys for_dawah
Te keys for_dawah
 
Pra rancangan pabrik metanol dari biomassa tandan kosong sawit
Pra rancangan pabrik metanol dari biomassa tandan kosong sawitPra rancangan pabrik metanol dari biomassa tandan kosong sawit
Pra rancangan pabrik metanol dari biomassa tandan kosong sawit
 
Foley grammar book
Foley grammar bookFoley grammar book
Foley grammar book
 
Legislation timeline
Legislation timelineLegislation timeline
Legislation timeline
 
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс Oktogo
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс OktogoОт стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс Oktogo
От стихийных емейл-рассылок к стратегическому емейл-маркетингу / кейс Oktogo
 
Ms2 intertext research
Ms2 intertext researchMs2 intertext research
Ms2 intertext research
 

Similar to Codes and convection's of a web page

Music promotional websites!
Music promotional websites!Music promotional websites!
Music promotional websites!
mhereen
 
Music promotional websites!
Music promotional websites!Music promotional websites!
Music promotional websites!
mhereen
 
Website analysis
Website analysisWebsite analysis
Website analysis
TaliaWilson
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
048454
 
Media
Media Media
Music Video Purposes Work Sheet
Music Video Purposes Work SheetMusic Video Purposes Work Sheet
Music Video Purposes Work Sheet
Carla Appleby
 
Task3 ms paul explain music videos
Task3 ms paul  explain music videosTask3 ms paul  explain music videos
Task3 ms paul explain music videos
hannahknipe5
 
EVALUATION QUESTION 2 (A2)
EVALUATION QUESTION 2 (A2)EVALUATION QUESTION 2 (A2)
EVALUATION QUESTION 2 (A2)
jamescolton1
 
A2 media studies evaluation questions
A2 media studies evaluation questionsA2 media studies evaluation questions
A2 media studies evaluation questions
Mon Mon
 
Webpage Analysis
Webpage AnalysisWebpage Analysis
Webpage Analysis
Lauraa Shimmingtons
 
A2 media portfolio evaluation 2
A2 media portfolio evaluation  2A2 media portfolio evaluation  2
A2 media portfolio evaluation 2
chloesmedia
 
Webpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema ClubWebpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema Club
Lauraa Shimmingtons
 
Product research
Product researchProduct research
Product research
ramsz001
 
Media Timeline
Media TimelineMedia Timeline
Media Timeline
sophiadoughty
 
Music video purposes work sheet 2
Music video purposes work sheet  2Music video purposes work sheet  2
Music video purposes work sheet 2
Sadie Bailey
 
1. A1 Promo- Investigation.pptx.........
1. A1 Promo- Investigation.pptx.........1. A1 Promo- Investigation.pptx.........
1. A1 Promo- Investigation.pptx.........
EllieBrown31
 
Conventions of real media products media
Conventions of real media products   mediaConventions of real media products   media
Conventions of real media products media
torivb
 
Vibe magazine
Vibe magazineVibe magazine
Vibe magazine
NamibiaM
 
Conventions of real media products media
Conventions of real media products mediaConventions of real media products media
Conventions of real media products media
torivb
 
Myspace
MyspaceMyspace
Myspace
Billietackas
 

Similar to Codes and convection's of a web page (20)

Music promotional websites!
Music promotional websites!Music promotional websites!
Music promotional websites!
 
Music promotional websites!
Music promotional websites!Music promotional websites!
Music promotional websites!
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
Media
Media Media
Media
 
Music Video Purposes Work Sheet
Music Video Purposes Work SheetMusic Video Purposes Work Sheet
Music Video Purposes Work Sheet
 
Task3 ms paul explain music videos
Task3 ms paul  explain music videosTask3 ms paul  explain music videos
Task3 ms paul explain music videos
 
EVALUATION QUESTION 2 (A2)
EVALUATION QUESTION 2 (A2)EVALUATION QUESTION 2 (A2)
EVALUATION QUESTION 2 (A2)
 
A2 media studies evaluation questions
A2 media studies evaluation questionsA2 media studies evaluation questions
A2 media studies evaluation questions
 
Webpage Analysis
Webpage AnalysisWebpage Analysis
Webpage Analysis
 
A2 media portfolio evaluation 2
A2 media portfolio evaluation  2A2 media portfolio evaluation  2
A2 media portfolio evaluation 2
 
Webpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema ClubWebpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema Club
 
Product research
Product researchProduct research
Product research
 
Media Timeline
Media TimelineMedia Timeline
Media Timeline
 
Music video purposes work sheet 2
Music video purposes work sheet  2Music video purposes work sheet  2
Music video purposes work sheet 2
 
1. A1 Promo- Investigation.pptx.........
1. A1 Promo- Investigation.pptx.........1. A1 Promo- Investigation.pptx.........
1. A1 Promo- Investigation.pptx.........
 
Conventions of real media products media
Conventions of real media products   mediaConventions of real media products   media
Conventions of real media products media
 
Vibe magazine
Vibe magazineVibe magazine
Vibe magazine
 
Conventions of real media products media
Conventions of real media products mediaConventions of real media products media
Conventions of real media products media
 
Myspace
MyspaceMyspace
Myspace
 

Codes and convection's of a web page

  • 1. CODES AND CONVECTION'S OF A WEB PAGE By Ellen Whight
  • 2. WHAT IS A WEB PAGE? A web page is a document or an information source that is suitable to be viewed on the internet by the world. Web pages can be accessed through a web browser such as ‘Google’. There is a whole range of different web pages, they can literally be about anything such as music, films, music videos etc. Layout Of A Web Page The layout of a web page must be easy to use and that the design is effective. The web page needs to be bold and clear for people to be able to read and understand. Normally a webpage will be set out by the centre is used to present the main content of what the web page is about. There will be navigation tools on the left or right side of the page to help you scroll up and down the page viewing everything there is . At the top of the page will usually be a link which gives you more information to what the page consists. The grid system is used to help separate sections of the webpage and present the information in a small easy to ready text, allowing people to access segments. Unlike typical conventions depending on the content of the web page for example a bands web page will have a large picture of the band in the centre of the webpage and the back navigation tools are across the top of the picture. The font may be in colour to separate different types of information and the picture in the middle adds to the visual interest making it appealing to whoever is looking at it.
  • 3. TECHNICAL CODES Within a web page technical codes are used by moving images, sounds, music and audience interaction. Making the web page more attractive to an audience. These things are normally on web pages which show new films, music, bands etc. Also web pages allow people to download materials, also on newer web pages it lets people interact with each other by commenting on images, music, films or to each other. Content Of A Web Page Web pages with different audiences and purposes will look and work different from other web pages depending on what the web pages are about and what information they hold. For an example a news web page will have a different design, colour scheme, images, information on stories around the world and navigation tools to a bands web page which will be advertising the band, their music, their image etc. This web page could be bright coloured, different colour scheme and also bold, music playing, music downloads etc. The web page is there for entertainment or information purposes . Genre Codes The genre of web pages will depend again on what the web page contains, if the web page consists of news, tabloid newspapers they will have easy and recognisable web designs and codes and conventions from that type of genre so the audience can use to easy and to make sure the audience can recognise the genre and that their expectations of that type of web page are fulfilled.
  • 4. AUDIENCE Different audiences might find certain layouts, design and information choices more appealing then other web pages but it all depends on what the audience is looking for. Bold, clear and easy to use web pages will attract an audience and of course the information they are looking for. Bad layouts and bad colour schemes will turn audiences away due to it not being very clear and unusable. Webpage that advertise a band won’t have a lot of un relevant information it to confuse the person looking at it.
  • 5. ANALYSIS OF A MUSIC WEBSITE – NICKI MINAJS OFFICIAL MUSIC WEBSITE- H T T P : / / M Y P I N K F R I D A Y. C O M /
  • 6. The font of the text is also the The website is called Pink Friday exact same font used on Nicki and the title of the website is in Minajs first album. the middle clear for everyone to see it. Nicki Minajs first album was called Pink Friday so this links her website with her and her This shows current advents album. involving Nicki Minaj, Picture advertising her new concerts, signings, photo album ‘THE RE- UP’ also shoots, releases etc. advertising you can listen to This icon takes you straight her new album on her to twitter and also straight to webpage. Nicki Minajs official Twitter Twitter feed showing who page. tweets Nicki Minaj, her own These two icons allow you to tweets and twitter news. register with the website and how to log in. This show what contests are on and the link how to enter This shows featured users them. who use the website. This is the timeline/dashboard of the web page showing the latest news, information, Another picture of Nick Minaj music videos, advertisements, photos advertisings the artist and the albums etc about Nicki Minaj. cover of her new album.
  • 7. The colour scheme of the web page and website are girlie colours of baby pink, pink, white and black. Giving off a Barbie look. This links with the artist herself as she calls her fans Barbs and thinks of herself as a Barbie. The website reflects the artist herself. The website would This part of the webpage appeal to her target audience shows recent and upcoming which is girl teenagers, younger campaign Nicki Minaj is girls and young women. The involved in. images used on the webpages have been chosen particular to go with the colour scheme of the webpage and to also sell the artists image, her music, album etc.
  • 8. This is a moving timeline which shows recent media films such as images and videos. This is another timeline but bigger with recent news about Nicki Minaj.
  • 9. A different image of Nicki Minaj Nicki Minajs name in bold again advertising the artist and white capitals referring and selling her image. The colour advertising her again. scheme of the image goes well with the colour of the webpage. This picture was also her album cover from ‘Romans Reloaded’ her second album. More information below the page. This page on the website shows concert dates and events Nicki Minaj will be attending. Showing details of tickets, prices, locations venues and the dates.
  • 10. These are two blogs which Nicki Minaj has an official page for so if you belong to them you can keep up to date with news etc on there to. Another image of Nicki Minaj from her latest music video ‘Freedom’ advertising the When clicking on the icon bar at artist, her image, music video, the top you can scroll through imagery and the song. The even more the main header to image links with the colour get even more information in scheme of the webpage, pink different categories. and girlie. Barbie like. This takes you to You-Tube This icon takes you to Facebook and also to Nicki Minajs You- and to Nicki Minajs official Tube account allowing you to Facebook page keeping you up watch her latest music to date on news, events etc videos, advertisements, Pink whilst you are on Facebook. Friday her programme, celeb Another way of adding more idol news and videos, news fans to her fan base and keeping etc again making it easily them easily up to date with her capable for her fans to see. recent news.
  • 11. One of Nicki Minajs music videos, which was recently released. The part of the web pages shows More videos you can choose and Videos of Nicki Minaj whether click on to view. Showing old and that’s music videos, clips of her, new music videos and clips. advertisement, her programme etc. Again advertising the artist, her image, music and music videos selling them to her target audience. Recent images on Nicki Minaj, keeping you up to date with her latest fashion, make up and hair.
  • 12. The webpage supplies you with the link so you can buy it then and there This webpage shows the app on ITunes, a very well known company. you can buy and download which is called Pink Friday Even the technical support teams again linking it to Nicki Minaj email address is called Pink Friday and her first album making again linking It with Nicki Minaj and people aware it’s her app. The her website and business. app also supplies her with money from who ever buys it.