Describe the applications and practice of DVD menu design and authoring with some appropriate use of subject terminology

DVD menu's are used to navigate between content and settings on a DVD.
a general DVD menu consists of a play button, setting button and commonly a scene selection button all labeled accordingly making it very easy to navigate.

The Scene Selection menu usually consists of various stills of the full movie of which you can select and navigate to that stage of the movie/footage and a button to return to the home page.

Here is and example of a scene selection menu

Settings pages usually consist of many options/tweaks that enhance your viewing experience such as volume, brightness, language settings, subtitles and additional features.

It is important for DVD's to have subtitles as some people are hard of hearing or speak different languages. having this option on a dvd means that these people get to enjoy the footage, opening the dvd out to a larger audience.

Additional content can include behind the scene footage still images, directors cuts and comments.

When creating a dvd menu it is important to make a relevant DVD disc cover, typical content that is usually printed onto a disc is imagery such as the title the age restriction copyright content and relevant advertising imager.

Here is an example of a DVD that has been printed onto displaying the typical information and imagery.

Understanding Principles of Digital Video Technology

In the media industry it is important to know about all types of technology and how it is applied.
when creating media there is more than one way to do it and there are a lot of variations in the process.

When shooting film in its raw form it is very large and there are many ways for it to be shared.

Because of the shear quantity of videos that are on video hosting sites such as www.youtube.com they have to have  there own way of compressing the video so that it can be stored at the smallest file size as possible put still clearly viewed over the internet via streaming.

A CD (compact disc) is a disc used to store audio only and can store up to 'around' 80 minutes of uncompressed audio.

A DVD (digital versatile disc) can hold both audio and video and has a huge storage capacity of just under 5GB on average. most DVD's that are created are called DVD ROM's these are disc that have the media embedded into them. with a DVD ROM once the disc has been burnt, you cannot re-write over it, but with a DVD RW you can rewrite over the media on the disc multiple times.         

There are two different types of compression rates one is lossy and one is lossless.

when a video or image is compressed at a lossy rate some of the information/imagery is lost.
this is because the program looks at the image/video's pixels and if there are similar colours close together it will discard all but one of the colours so that there is less date to keep.

on the other hand you can use lossless compression which keeps all of the data this type of compression is used in image file types such as PNG and GIF.


When compressing media onto a disc there are several different file types that you can use which have
there own unique positives and negatives, so it is important to choose the right one that suites the end product that you are looking for.

Mpeg 1 (Moving Picture Experts Group) is used for 'easily transferable' video clips specifically for cameras and camcorders.
   The Mpeg 2 was a very common file type used in the late 90's and is so important as it was used as the selected compression scheme for 'over the air digital television'.
   Mpeg 4 is a very common file type that uses a more complex coding to achieve a larger compression rate than MPEG 2.
   flash files are commonly used over the internet on websites such as www.youtube.com.
 Avi was introduced in  november 1992 by microsoft and can contain both video and audio.

Structure diagram for my websites

Evaluation of my websites

Evaluation of my websites

During the making of my mobile and browser website for shock and awe there has been lots of problem and setbacks.

The main program that I used was adobe Dreamweaver I found that it was a very useful software that is very user friendly and can give you an quick and easy website without the hassle of hand coding. A lot of things have gone well but a lot of things have delayed the production process. Overall I am very happy with the overall outcome of both of my website but there are a few things that I would like to have done if I had managed my time better.
  The areas of my website that I like are the animated banner at the top of the page and the glowing font on my information page. I really like the animation as it is nice and simple yet it looks professional. I like the look of the outer glow that I put onto my information page as it stands out and catches the viewer’s attention.
The few things that I would like to have changed are the rollovers on the information page and the area around the embedded video on the video page.

As I had to make one of my pages on ‘textwrangler’ so that I could hand code it I did not know the code for rollover images meaning that on my hand coded page there is no glowing text rollover that are on the other three pages.

  When embedding my video onto my page it came with great difficulty as I previously had an area for the video with a glow around it when I put the video onto the page it didn’t quite fit properly, leaving a black square around the outside. If I had managed my time better I could have re adjusted the video and the images around it so that it would look more professional.

Glossary of Key Terminology in web design

A

• accessibility

• affiliate program

• agent

• AJAX

• anchor

• anti-aliasing

• applet

• associate program

• attribute

• aural

• azimuth

B

• backlink

• bad neighborhood

• bandwidth

• below the fold

• block-level elements

• blog

• bookmark

• boolean

• bounce rate

• breadcrumb

• brightness

• browser

C

• candidate recommendation

• CAPTCHA

• cascade

• Cascading Style Sheets

• case-sensitive

• CDATA

• CDF

• CGI

• child

• CMS

• comment

• comment - Cascading Style Sheets (CSS)

• comment - XML

• container element

• content

• continuous media

• conversion

• conversion funnel

• conversion rate

• cookie

• CSS

• CSS Framework

• cursive

D

• declaration (CSS)

• declaration statement (XML)

• dedicated server

• deprecated

• design

• DHTML

• dither

• DNS

• doctype

• DOM

• domain

• domain name

• DPI

• DTD

E

• ecommerce

• elastic layout

• element

• em

• embedded style

• entry page

• EPUB

• ex

• exit page

• Extensible Markup Language

• external link

• external style sheet

F

• fantasy

• favicon

• favorites icon

• first visit

• fixed width layout

• focal point

• fold

• font

• font category

• font family

• font stack

• font style

• font weight

• FQDN

G

• GIF

• graceful degradation

H

• heuristics

• hexadecimal

• hit

• HSL

• .htaccess

• HTML

• HTML code

• HTML codes

• html tag

• HTTP

• HTTPS

• hue

• hyperlink

• hypertext

I

• image map

• impression

• inbound link

• inheritance

• inline elements

• inline style

• internal link

• IP

• IP address

• IRI

J

• JPEG

• JPG

K

• kerning

• keywords

L

• LAMP

• leading

• link

• link farm

• liquid layout

• long tail

• lorem ipsum

M

• MAMP

• markup

• marquee

• master family

• meta data

• meta tag

• MIME type

• minify

• monospace

N

• natural search

• nesting

• new visitor

• non-breaking space

• normal flow

O

• organic search

• outbound link

P

• paged media

• pageview

• parent

• PDF

• permalink

• pica

• pixel

• pixel (typography)

• placeholder text

• PNG

• podcast

• point

• progressive enhancement

• prolog

• property

• proposed recommendation

• pseudo-element

• pseudo-class

R

• recommendation

• repeat visitor

• replaced element

• resolution

• RGB

• RSS

• RSS scraping

• rule

S

• sans-serif

• saturation

• schema

• script

• selector

• semantic markup

• seo

• serif

• SGML

• shortcut menu

• Simple Object Access Protocol

• singleton (HTML)

• singleton (web analytics)

• SOAP

• specification

• specificity

• Standard Generalized Markup Language

• streaming media

• style

• subdomain

T

• tag

• text editor

• TLD

• TLDN

• tracking

• typeface

U

• universal selector

• URI

• URL

• URN

• usability

• user agent

V

• valid

• validate

• visit

• visitor

• void element

W

• W3C

• WAMP

• web application

• web designer

• web developer

• web log

• web page

• web server

• web standards

• well-formed

• white space

• wiki

• wireframe

• working draft

• WYSIWYG

• WYSIWYG editor

X

• x-height

• XHTML

• XML

Articulate the differences between desktop and mobile web experiences and what it means for designers

When developers design a website they have to take into consideration the device or machine that the website is going to be viewed on. as all mobile devices have different screen sizes and resolutions it is very important for them to cover every size so that everybody can enjoy the full experience that the website is intended to portray.
   it is also very important for developers to consider different browsers when making a website as there are a wide variety of browsers that all have individual styles and prefixes.
   recently new softwares using an auto detect have been able to recognise what device you are viewing the website on using javascript and it automatically changes the website to the suitable size and resolution for the device.

Animated Banner

Here is a sketch of the animated banner that i am going to put onto my website.

I am going to make this animation using adobe director.

I am going to design a simple black textured banner for the top of my page and the logo and the words 'shock and awe' will tween into position on the banner. I feel this idea is simplistic but will look professional.