codes and conventions of magazine

1. CODES AND
CONVENTIONS OF
WEBSITE

2. List of codes and conventions
(website)
■ URL
■ Homepage
■ Masthead
■ House-style
■ Navigation
■ Copy
■ (I have used examples from the
website "BBC good food") - this
is a stereotypical food website
similar to many others, good
food is the most popular and
well known
• Main image
• Other links
• Adverts/pop-ups
• White
space/background
• Above/below fold'
context
• Multimedia elements

3. URL
■ URL – Uniform Resource
Locator is the link that allows
users to access/locate a
website
■ Commonly known as 'web
address'
■ How to find ? - At the top of
your browser, click the address
bar and select the entire URL,
then copy this (example in
image)
■ Every website has a unique one
and it helps to identify your
website – includes your
websites name

4. Home Page
■ The home page is the main page of a website and the URL leads to this page.
■ What should a website homepage include ? - Headline, Within three seconds a
website needs to tell visitors what the business has to offer, Sub-headline,
Primary Calls-to-Action, Supporting Image, Benefits, Social Proof, Navigation,
Content Offer.

5. Masthead
■ The title/logo important to the brand/company - seen on the website to
establish the brand identity

6. House Style
■ The design and conventions the company
repeatedly follows, again sustaining the
brand identity and recognisable
style/pattern
■ For example – formats, layouts, colour
scheme, fonts, language

7. Navigation
■ All of the links that take people to different parts and pages on the website as
well as around the website (e.g. links/buttons within each page)

8. Navigation (examples circled in red)

9. Other links
■ External links
■ Links that take you to different pages within the website or links that take you
to a place where you can access the company on different platforms e.g.
social media apps; and more specific links to the company's online social
media pages

10. Copy
■ Text that appears on the website
■ (can look at fonts here – often the same fonts will be repeatedly used)

11. Main image
■ The main image is the one at the top of the page showing the audience what
to expect

12. Multimedia elements
■ Other pieces of media seen on the website for example:
■ audio-visual elements
■ Music
■ animations

13. Adverts
■ Both banners and pop-
ups that are controlled by
the company and externally,
respectively:

14. White space
■ The use of white space is very important, too much and the website appears incomplete and
too little may seem cramped and unprofessional.
■ The white space is the area/background surrounding images and text
■ White space is often neutral colours e.g. white, light grey, beige
■ Notice in my examples each section is surrounded by white space/ each image has a boarder
of white space/ the columns down the side of the website have white space

15. Above/below the fold content
■ The content on the site either with or without the use of scrolling – can be just
plain white/white space or can include adverts