Cu1F02 C & Cu1002 C Intro

CU1F02C & CU1002CCU1F02C & CU1002C

Enhanced Web Enhanced Web DevelopmentDevelopment

Teaching TeamTeaching Team

Alan HudsonAlan Hudson – (module leader)– (module leader)

Romas MikusauskasRomas MikusauskasNigel MedhurstNigel Medhurst

What is this module about?What is this module about?

Many years ago when the Many years ago when the web was very very young ….web was very very young ….

…. It was dull and drab …. It was dull and drab

And all web pages were And all web pages were made with HTMLmade with HTML

And we used slow dial-up And we used slow dial-up modems which used the modems which used the

whole phone line and whole phone line and frequently lost connection.frequently lost connection.

But now we have fast But now we have fast Broadband connections Broadband connections

andandAmazon.comAmazon.com

BBC.co.ukBBC.co.ukFacebookFacebookMySpaceMySpaceiTunesiTunes

FlickerFlickerYouTubeYouTubePBWikiPBWiki

londonmet.ac.uklondonmet.ac.uk

In this module you will:In this module you will:

create a number of of multimedia create a number of of multimedia assets assets

and and

process them so they can be used in process them so they can be used in various environments on the web.various environments on the web.

- Text- Text- Graphics- Graphics- Stills- Stills- Movie- Movie- Sound- Sound

They will all be linked from They will all be linked from a single Web page which a single Web page which

you will build in you will build in Dreamweaver.Dreamweaver.

………..the subject of all ………..the subject of all this work will be…….this work will be…….

LondonLondonMetropolitanMetropolitan

UniversityUniversity

In a positive lightIn a positive light – a promotional work which – a promotional work which the University will then use the University will then use

the best of for it’s the best of for it’s marketting.marketting.

How can you get movie How can you get movie footage stills graphics footage stills graphics

and text?and text?

All material must be All material must be original except for : original except for :

1. logos and 1. logos and 2. text about the University. 2. text about the University.

On our doorstep we have….On our doorstep we have….

Tower Bridge,Tower Bridge,

The Thames,The Thames,The Bank of England,The Bank of England,

Lloyds BuildingLloyds BuildingThe GherkinThe Gherkin

The Tower of LondonThe Tower of London

LondonMet BuildingsLondonMet BuildingsTower Hill,Tower Hill, Jewry StreetJewry Street

Moorgate,Moorgate, Calcutta House,Calcutta House,The Graduate Centre,The Graduate Centre,Stapleton HouseStapleton House

A little further we have….A little further we have….

Big Ben,Big Ben,

Oxford Street,Oxford Street,Docklands,Docklands,

KnightsbridgeKnightsbridgeCanary Warf,Canary Warf,

The London eyeThe London eye

Buckingham PalaceBuckingham PalaceHyde Park,Hyde Park, MuseumsMuseums

Galleries,Galleries, Theatres,Theatres,St Paul’s Cathedral,St Paul’s Cathedral, Trafalgar SquareTrafalgar Square

Robert Matthews holds a Robert Matthews holds a supply of still and movie supply of still and movie

cameras.cameras.

[email protected]@londonmet.ac.ukExt 1702Ext 1702

Home Page – based on a single Home Page – based on a single composite imagecomposite image

Example MoviesExample Movieshttp://uk.youtube.com/watch?v=7Z6pz7fCN-M&feature=relatedhttp://uk.youtube.com/watch?v=7Z6pz7fCN-M&feature=related

http://uk.youtube.com/watch?v=egQP0sfltZ0&feature=relatedhttp://uk.youtube.com/watch?v=egQP0sfltZ0&feature=related

http://uk.youtube.com/watch?v=Jb_JhcDFg7Mhttp://uk.youtube.com/watch?v=Jb_JhcDFg7M

http://uk.youtube.com/watch?v=uog61pQTQP8&feature=relatedhttp://uk.youtube.com/watch?v=uog61pQTQP8&feature=related

http://uk.youtube.com/watch?v=44OTyuRmmE4&feature=relatedhttp://uk.youtube.com/watch?v=44OTyuRmmE4&feature=related

http://uk.youtube.com/watch?v=88V4nG_ksuE&feature=relatedhttp://uk.youtube.com/watch?v=88V4nG_ksuE&feature=related

You

Tub

e.Y

ouT

ube.

Example Sounds.Example Sounds.