Codes & Conventions of a Website

Slides:



Advertisements
Similar presentations
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Advertisements

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Web Technologies Website Development Trade & Industrial Education
Customer Interface - Part 1 CPS 181s Feb 4, 2003.
PassMeritDistinction Candidates will collect and display examples of: navigation buttons navigation bar advertising banner from at least two different.
Website Development with Dreamweaver
An Introduction To Websites With a little of help from “WebPages That Suck.
Website Project Development Presentation by APNARAJ.COM.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Section A: Real Media Conventions What are the conventions of a music magazine? Write these down onto the nine blank cards with your partner. Now arrange.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
The Blair Witch Project Website Analysis. The Enter Page Before the homepage of the official website is established, the audience are presented with a.
Horror movie poster research. What is a movie poster? ‘A film poster is a poster used to advertise a film. Studios often print several posters that vary.
Visual Glossary Media Studies. Masthead: A masthead is a graphic image that is often found at the top of a newspaper or magazine page. The masthead may.
Online Magazine Press LO: To examine the pre-release material and predict what you may be asked.
S6 Media Production Introduction to Media Studies.
My target audience, as mentioned before, is young adults, aged around due to their age considerations need to be made as to how best advertise.
Components of a Successful Online Marketing
County Website Content Management System
Pre-Production Meet with the client to create a project plan:
Understanding the principles of website development
CSS HTML and website development.
The Intention and Audience of Your Production
click your mouse or hit enter to advance animation
Genre In Media.
Section 7.1 Section 7.2 Identify presentation design principles
>> Header & Footer in CSS
Identify the codes that are used in these frames
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
E-Media Marketing Strategies
Analysis of X Men Days of Future Past Poster
HTML Vocabulary.
Who Would Be The Audiences For Your Media Product
Getting Started with Dreamweaver
Web Design Audience and Purpose.
Unit 2 What’s Next.
Key Linguistic DEVICES Concepts
Objective % Explain concepts used to create websites.
LO3 - Activities Movie and Try Surfing Animation - DA202
Creating & Managing for Teaching Purposes
Unit 13: Website Development
Fixed Positioning.
Enhancing Student Learning and Retention with Community Partnerships
Website Procedures Basic Concepts.
MUSIC VIDEO Production technologies of representations DESIGN PLAN.
Back to Table of Contents
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
INTRODUCTION TO INFORMATION ARCHITECTURE
Starter.
ICT Communications Lesson 4: Creating Content for the Web
Work on the Modals Worksheet
Task 1 investigating website by Hannah Sanders
Codes and Conventions The codes and conventions in media can be separated into 3 distinct groups: - Technical (camera techniques & shots), - Symbolic (ie.
Thursday May 19th 9.00am 2hr 30mins
Apply programming techniques to design and create a web page
Critiquing your website for awards
Multimedia Web Site Design
Using Different Modalities to Present Arguments
How to promote a band well
Objective Explain concepts used to create websites.
Question 5: How did you attract your audience?
R082 Creating digital graphics
Presentation transcript:

Codes & Conventions of a Website

General Codes and conventions What are codes? Codes are systems of signs, which create meaning. Codes can be divided into two categories – technical and symbolic. Technical codes are all the ways in which equipment is used to tell the story in a media text, for example the camera work in a film. Symbolic codes show what is beneath the surface of what we see. For example, a character's actions show you how the character is feeling. Some codes fit both categories – music for example, is both technical and symbolic. What are conventions? Conventions are the generally accepted ways of doing something. There are general conventions in any medium, such as the use of interviewee quotes in a print article, but conventions are also genre specific. How codes and conventions apply in media studies Codes and conventions are used together in any study of genre – it is not enough to discuss a technical code used such as camera work, without saying how it is conventionally used in a genre. For example, the technical code of lighting is used in some way in all film genres. It is a convention of the horror genre that side and back lighting is used to create mystery and suspense – an integral part of any horror movie.

1. 2. 3. 4. 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. 5. 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 6. Technical Codes Content Genre: Broad Sheet Target Audience: House Buyer or Renters.

Technical Codes 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 Tabloid 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.

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 acrossthe 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.

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. ContentGenre: Tabloids Target Audience: The Main Image on the website is the most important content in order toc onnect 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 Content Genre: Broad Sheet Target Audience: House Buyer or Renters.

Image Size Discussion Why is this important

Rule of 3 Discussion Why is this important.

Page Headers What this says about your website. Missing them out and what this says about your website.

Video Size ?????