SlideShare a Scribd company logo
1 of 8
Webpage Codes & Conventions
By Ana Vasilescu
Layout and Design
Layout
&
Design
Centre Of Page:
The centre of the page must
contain the most important
information
Images:
Are used to illustrate
and add visual effect
Grid System:
Information should be
separated in different
segments
Background & Font
colours:
Should be used to separate
different types of information
Usability:
A website should be easy to use
and help the audience
Layout and Design
The websites’ home page uses a
picture of the film’s postcard as
the centre of the page so as to
grab the audience’s attention and
immediately portray the aesthetic
of the film for the audience.
The title of the film is easily separated from
the rest of the text and informs the audience
on the name of the film.
The middle right border contains
a menu of each section of the
website. This increases the
usability of the website by easily
separating each important
section of information for the
audience, therefore making great
use of the grid system.The website has very high
usability as the homepage
contains well organised sections
of information on the film, such as
information on the filmmakers,
actors, reviews and cinema tickets
to watch the movie. The awards
that the film has been rewarded
are also portrayed.
The website makes great use of
images by adding the as the
background of the website.
Scenes from the film can be seen
as the viewers scroll down to get
more information on the film.
Technical Codes
Technical codes are interactive parts of the website, such as clickable links, videos or moving images. Most websites
now use them so as to attract the audience and allow them easy access to more information
The website makes use of clickable links at the top of
the page to advertise the movie by giving the reader
direct links to watch the trailer, buy tickets to watch the
film and easily connect to the film’s social media. This
helps the audience share the film with their peers and
learn more and get more interested.
Technical codes were used to make
the trailer automatically pop up as
the reader enters the website. This
would allow the viewer to
automatically see the trailer of the
film and get interested
A interactie menu is set up along the
right hand side of the website to follow
as the user scrolls down and make it
available to visit any section of the
website at just a click.
Content
A website must contain useful and informative content that gives the viewer all the information necessary. The information
must be relevant to the purpose of the website, in this case the film, without containing too much information to the point
of overwhelming the viewer. The website should also try to address a many sections of information that could be
necessary to the audience.
The website contains a section on the
film’s cast so as to inform the reader of
the actors in the movie. This is for the
reader to read up about the actors they
watched or will watched.
The synopsis of the film is
included on the website so as to
give an insight into the topic of the
film to those who are interested in
watching the film
Within the content of the film
information on the creators of the film
is also available for the viewers or
future viewers to to get informed
Content
The website provides an entire
section of links to buying the
soundtrack of the film, the
film’s facebook and the original
book the the film was based
upon. This is meant to intrigue
the reader into wanting to learn
more about the film.
The site provides the viewer with a
gallery so as to allow them to get
an idea of the visuals in the film
and the kind of aesthetic that the
film follows.
The website provides the reader with
a section on the reviews received by
the film and from who. This helps the
reader see opinions of the film and
decide whether it’s worth watching
Genre
The website creator’s choice of layout and design is based on existing genres (e.g. Tabloid, Comedy Film, Lifestyle
Magazine). The web design uses genre specific codes and conventions to make sure that the audience
associates the website with the intended genre and already have an idea of the content of the website.
The website maintains the same blue and yellow colour scheme, giving a feeling of an artsy film which focuses on
colour and aesthetic. The website maintains the same background colour which allows the reader to almost be
immersed into the film’s aesthetic and inspiring the target audience to watch the film.
Target Audience
Different audiences find specific layouts and fonts more appealing than other, this is used to attract the website's
target audience and capture their attention to the content. A website's main goal is to encourage their target
audience to interact with the website and want to share it with more of their peers, this would lead to the website
attracting more of their target audience.
The simple and modern layout targets the
younger audience. The use of only two
statement colours is very visually pleasing to a
general audience.
The use of quotes from various newspapers and
magazines along with film critics attracts an older
audience
The mention of
social media
attracts teenagers
and young adults

More Related Content

What's hot

Question 1
Question 1Question 1
Question 1
ugurk94
 
Genre and Narrative
Genre and Narrative Genre and Narrative
Genre and Narrative
emma25f
 
Ancillary planning and development
Ancillary planning and developmentAncillary planning and development
Ancillary planning and development
lucyjessica
 
C:\fakepath\evaluation pp
C:\fakepath\evaluation ppC:\fakepath\evaluation pp
C:\fakepath\evaluation pp
stevebourner
 
Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards
pamelayounes
 

What's hot (20)

question 2
question 2question 2
question 2
 
Question 1
Question 1Question 1
Question 1
 
Gone Girl website analysis
Gone Girl website analysisGone Girl website analysis
Gone Girl website analysis
 
Film Poster Evaluation
Film Poster EvaluationFilm Poster Evaluation
Film Poster Evaluation
 
Evaluation
EvaluationEvaluation
Evaluation
 
A2 Media Evaluation question 3
A2 Media Evaluation question 3A2 Media Evaluation question 3
A2 Media Evaluation question 3
 
Genre and Narrative
Genre and Narrative Genre and Narrative
Genre and Narrative
 
Ancillary planning and development
Ancillary planning and developmentAncillary planning and development
Ancillary planning and development
 
A2 Unit G324 Evaluation Workbook
A2 Unit G324 Evaluation Workbook A2 Unit G324 Evaluation Workbook
A2 Unit G324 Evaluation Workbook
 
C:\fakepath\evaluation pp
C:\fakepath\evaluation ppC:\fakepath\evaluation pp
C:\fakepath\evaluation pp
 
Final media evaluation
Final media evaluation Final media evaluation
Final media evaluation
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
How effective is the combination of your main
How effective is the combination of your mainHow effective is the combination of your main
How effective is the combination of your main
 
Question 1
Question 1Question 1
Question 1
 
Media evaluation q1
Media evaluation q1Media evaluation q1
Media evaluation q1
 
Evaluation Question 2
Evaluation Question 2 Evaluation Question 2
Evaluation Question 2
 
Evaluation 2 re do
Evaluation 2 re doEvaluation 2 re do
Evaluation 2 re do
 
Evaluation Question 3
Evaluation Question 3Evaluation Question 3
Evaluation Question 3
 
Draft layouts – planning fonts film poster
Draft layouts – planning fonts film posterDraft layouts – planning fonts film poster
Draft layouts – planning fonts film poster
 
Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards
 

Similar to Short Film Webpage Codes & Conventions

Star trek marketing campaign
Star trek marketing campaignStar trek marketing campaign
Star trek marketing campaign
LaurenHenleyMedia
 
Research into film websites
Research into film websitesResearch into film websites
Research into film websites
katieb123bob
 
Presentation of the product final
Presentation of the product finalPresentation of the product final
Presentation of the product final
Andreas Mina
 
Codes and conventions of the scream website
Codes and conventions of the scream websiteCodes and conventions of the scream website
Codes and conventions of the scream website
t218402
 
Codes & conventions of a website
Codes & conventions of a websiteCodes & conventions of a website
Codes & conventions of a website
FatimaIftikhar5
 

Similar to Short Film Webpage Codes & Conventions (20)

Star trek marketing campaign
Star trek marketing campaignStar trek marketing campaign
Star trek marketing campaign
 
Form research of webpages
Form research of webpagesForm research of webpages
Form research of webpages
 
Research into film websites
Research into film websitesResearch into film websites
Research into film websites
 
Content Planning - Website
Content Planning - WebsiteContent Planning - Website
Content Planning - Website
 
Bryn Attracting and Addressing Audiences
Bryn Attracting and Addressing Audiences Bryn Attracting and Addressing Audiences
Bryn Attracting and Addressing Audiences
 
Website conventions
Website conventionsWebsite conventions
Website conventions
 
Short film website research
Short film website researchShort film website research
Short film website research
 
Codes and Conventions of Film Websites
Codes and Conventions of Film WebsitesCodes and Conventions of Film Websites
Codes and Conventions of Film Websites
 
Websites codes and conventions
Websites codes and conventionsWebsites codes and conventions
Websites codes and conventions
 
Q2 Evaluation
Q2 Evaluation Q2 Evaluation
Q2 Evaluation
 
Presentation of the product final
Presentation of the product finalPresentation of the product final
Presentation of the product final
 
Online tools for content development
Online tools for content developmentOnline tools for content development
Online tools for content development
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Codes and conventions of the scream website
Codes and conventions of the scream websiteCodes and conventions of the scream website
Codes and conventions of the scream website
 
The perfect pr 2
The perfect  pr 2The perfect  pr 2
The perfect pr 2
 
Creating meaning for the audience website
Creating meaning for the audience   websiteCreating meaning for the audience   website
Creating meaning for the audience website
 
Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web Accessibility
 
Inception analysis
Inception analysisInception analysis
Inception analysis
 
Ancillary Task Audience Feedback Evaluation
Ancillary Task Audience Feedback EvaluationAncillary Task Audience Feedback Evaluation
Ancillary Task Audience Feedback Evaluation
 
Codes & conventions of a website
Codes & conventions of a websiteCodes & conventions of a website
Codes & conventions of a website
 

More from AnaVasilescu2

More from AnaVasilescu2 (20)

A2 Level Media Studies Production Diary
A2 Level Media Studies Production DiaryA2 Level Media Studies Production Diary
A2 Level Media Studies Production Diary
 
A2 Level Media Film Postcard Initial Design
A2 Level Media Film Postcard Initial DesignA2 Level Media Film Postcard Initial Design
A2 Level Media Film Postcard Initial Design
 
A2 Level Media Pre-Production
A2 Level Media Pre-ProductionA2 Level Media Pre-Production
A2 Level Media Pre-Production
 
Script and Storyboard Development
Script and Storyboard DevelopmentScript and Storyboard Development
Script and Storyboard Development
 
A2 Level Media Screenwriting
A2 Level Media ScreenwritingA2 Level Media Screenwriting
A2 Level Media Screenwriting
 
A2 Level Media Character Development And Cast
A2 Level Media Character Development And CastA2 Level Media Character Development And Cast
A2 Level Media Character Development And Cast
 
A2 Level Media Final Short Film Storyline Development
A2 Level Media Final Short Film Storyline DevelopmentA2 Level Media Final Short Film Storyline Development
A2 Level Media Final Short Film Storyline Development
 
A2 Level Media Short Film Pre-Production Research
A2 Level Media Short Film Pre-Production ResearchA2 Level Media Short Film Pre-Production Research
A2 Level Media Short Film Pre-Production Research
 
Animals Displaying Homosexual Behaviour
Animals Displaying Homosexual BehaviourAnimals Displaying Homosexual Behaviour
Animals Displaying Homosexual Behaviour
 
Existing Short Film Critical Deconstruction
Existing Short Film Critical DeconstructionExisting Short Film Critical Deconstruction
Existing Short Film Critical Deconstruction
 
Short Film Story Idea Development
Short Film Story Idea DevelopmentShort Film Story Idea Development
Short Film Story Idea Development
 
A2 Level Media Existing Media Text Used as Visual, Technical and Topical Insp...
A2 Level Media Existing Media Text Used as Visual, Technical and Topical Insp...A2 Level Media Existing Media Text Used as Visual, Technical and Topical Insp...
A2 Level Media Existing Media Text Used as Visual, Technical and Topical Insp...
 
A2 Comedy Drama Codes and Conventions
A2 Comedy Drama Codes and ConventionsA2 Comedy Drama Codes and Conventions
A2 Comedy Drama Codes and Conventions
 
A2 Initial short film ideas (Group Task)
A2 Initial short film ideas (Group Task)A2 Initial short film ideas (Group Task)
A2 Initial short film ideas (Group Task)
 
A2 Level Media Market research
A2 Level Media Market researchA2 Level Media Market research
A2 Level Media Market research
 
A2 Level Media Short Film Codes and Conventions
A2 Level Media Short Film Codes and ConventionsA2 Level Media Short Film Codes and Conventions
A2 Level Media Short Film Codes and Conventions
 
A2 Level Media History of Short Films
A2 Level Media History of Short FilmsA2 Level Media History of Short Films
A2 Level Media History of Short Films
 
Magazine Construction
Magazine ConstructionMagazine Construction
Magazine Construction
 
Photoshoot Planner
Photoshoot PlannerPhotoshoot Planner
Photoshoot Planner
 
Main Image Research
Main Image ResearchMain Image Research
Main Image Research
 

Recently uploaded

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
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
heathfieldcps1
 
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
QucHHunhnh
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
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
 
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
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
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
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 

Short Film Webpage Codes & Conventions

  • 1. Webpage Codes & Conventions By Ana Vasilescu
  • 2. Layout and Design Layout & Design Centre Of Page: The centre of the page must contain the most important information Images: Are used to illustrate and add visual effect Grid System: Information should be separated in different segments Background & Font colours: Should be used to separate different types of information Usability: A website should be easy to use and help the audience
  • 3. Layout and Design The websites’ home page uses a picture of the film’s postcard as the centre of the page so as to grab the audience’s attention and immediately portray the aesthetic of the film for the audience. The title of the film is easily separated from the rest of the text and informs the audience on the name of the film. The middle right border contains a menu of each section of the website. This increases the usability of the website by easily separating each important section of information for the audience, therefore making great use of the grid system.The website has very high usability as the homepage contains well organised sections of information on the film, such as information on the filmmakers, actors, reviews and cinema tickets to watch the movie. The awards that the film has been rewarded are also portrayed. The website makes great use of images by adding the as the background of the website. Scenes from the film can be seen as the viewers scroll down to get more information on the film.
  • 4. Technical Codes Technical codes are interactive parts of the website, such as clickable links, videos or moving images. Most websites now use them so as to attract the audience and allow them easy access to more information The website makes use of clickable links at the top of the page to advertise the movie by giving the reader direct links to watch the trailer, buy tickets to watch the film and easily connect to the film’s social media. This helps the audience share the film with their peers and learn more and get more interested. Technical codes were used to make the trailer automatically pop up as the reader enters the website. This would allow the viewer to automatically see the trailer of the film and get interested A interactie menu is set up along the right hand side of the website to follow as the user scrolls down and make it available to visit any section of the website at just a click.
  • 5. Content A website must contain useful and informative content that gives the viewer all the information necessary. The information must be relevant to the purpose of the website, in this case the film, without containing too much information to the point of overwhelming the viewer. The website should also try to address a many sections of information that could be necessary to the audience. The website contains a section on the film’s cast so as to inform the reader of the actors in the movie. This is for the reader to read up about the actors they watched or will watched. The synopsis of the film is included on the website so as to give an insight into the topic of the film to those who are interested in watching the film Within the content of the film information on the creators of the film is also available for the viewers or future viewers to to get informed
  • 6. Content The website provides an entire section of links to buying the soundtrack of the film, the film’s facebook and the original book the the film was based upon. This is meant to intrigue the reader into wanting to learn more about the film. The site provides the viewer with a gallery so as to allow them to get an idea of the visuals in the film and the kind of aesthetic that the film follows. The website provides the reader with a section on the reviews received by the film and from who. This helps the reader see opinions of the film and decide whether it’s worth watching
  • 7. Genre The website creator’s choice of layout and design is based on existing genres (e.g. Tabloid, Comedy Film, Lifestyle Magazine). The web design uses genre specific codes and conventions to make sure that the audience associates the website with the intended genre and already have an idea of the content of the website. The website maintains the same blue and yellow colour scheme, giving a feeling of an artsy film which focuses on colour and aesthetic. The website maintains the same background colour which allows the reader to almost be immersed into the film’s aesthetic and inspiring the target audience to watch the film.
  • 8. Target Audience Different audiences find specific layouts and fonts more appealing than other, this is used to attract the website's target audience and capture their attention to the content. A website's main goal is to encourage their target audience to interact with the website and want to share it with more of their peers, this would lead to the website attracting more of their target audience. The simple and modern layout targets the younger audience. The use of only two statement colours is very visually pleasing to a general audience. The use of quotes from various newspapers and magazines along with film critics attracts an older audience The mention of social media attracts teenagers and young adults