MA Web Design & Content Planning

Design for Web Content: Documents

These documents contain all the information about the course, projects, weekly coursework and references. All documents are provided in PDF format. Some documents are also provided in appropriate alternative formats. In order to view the PDF files, you will need the Adobe Reader.

There are currently 32 files in this section

File Listing
  Filename Size (KB) Date Modified
Class 01 - Coursework.pdf 99.9 25th Sep 2018
Class 01 - What is Web Design.pdf 12,740.8 25th Sep 2018
Class 02 - Coursework.pdf 93.4 26th Sep 2017
Class 02 - Domain Names and Web Hosting.pdf 927.0 29th Sep 2015
Class 02 - The Web Design Process.pdf 2,238.4 29th Sep 2015
Class 03 - Coursework.pdf 168.0 9th Oct 2018
Class 03 - HTML5 are we there yet.pdf 561.1 2nd Oct 2018
Class 03 - The Structural Layer.pdf 1,396.9 2nd Oct 2018
Class 04 - Coursework.pdf 237.0 9th Oct 2018
Class 04 - The Presentation Layer.pdf 1,140.2 9th Oct 2018
Class 05 - Coursework.pdf 239.9 17th Oct 2018
Class 05 - CSS Typography.pdf 2,101.0 17th Oct 2018
Class 06 - Coursework.pdf 190.9 30th Oct 2018
Class 06 - Images and Colour.pdf 2,020.7 23rd Oct 2018
Class 06 - More CSS goodness with CSS3.pdf 1,101.4 3rd Nov 2015
Class 06 - Workshop.zip 681.5 17th Oct 2018
Class 07 - Coursework.pdf 194.5 30th Oct 2018
Class 07 - Page Layout.pdf 4,304.4 30th Oct 2018
Class 07 - Workshop.zip 474.2 2nd Nov 2018
Class 08 - Advanced CSS Selectors.pdf 186.7 6th Nov 2018
Class 08 - Coursework.pdf 196.7 6th Nov 2018
Class 08 - Examples.zip 6.0 7th Nov 2018
Class 08 - Navigation with CSS.pdf 867.7 7th Nov 2018
Class 09 - Coursework.pdf 208.6 13th Nov 2018
Class 09 - Example.zip 148.5 13th Nov 2018
Class 09 - Responsive Web Design.pdf 2,122.8 13th Nov 2018
folder-organisation.pdf 509.5 22nd Nov 2018
gallery.zip 1,339.5 20th Nov 2018
how-type-works.html 7.7 25th Sep 2018
how-type-works.txt 5.8 25th Sep 2018
positioning-example.zip 3.8 20th Nov 2018
sample.html 0.8 22nd Sep 2016

Reference Documents

These documents are useful references. They are mostly extracts and sample chapters from some of the books on the reading list. You will find references to some of these documents in the weekly reading recommendations.

There are currently 1 files in this section

File Listing
  Filename Size (KB) Date Modified
The Glass Wall.pdf 8,073.0 18th Sep 2015

Worked Examples

Documents in this section are designed to illustrate some of the ideas discussed during the workshops. New examples will be added as and when appropriate.

There are currently 17 files in this section

File Listing
  Filename Size (KB) Date Modified
class_1_markup-example.txt 4.8 29th Sep 2015
class_5_css_workshop.zip 25.5 27th Oct 2015
class_5_sprite.html 1.7 11th Oct 2018
class_6_font_embed.html 2.1 18th Sep 2015
class_6_typography.html 6.0 18th Sep 2015
class_7_border_trick.html 2.7 18th Sep 2015
class_7_page_design_styled.html 6.6 18th Sep 2015
class_7_page_design_styled_image.html 6.8 18th Sep 2015
class_7_page_design_unstyled.html 5.3 18th Sep 2015
class_7_page_layout.html 3.0 18th Sep 2015
css-selectors-example.css 1.5 8th Nov 2017
css-selectors-example.html 3.3 8th Nov 2017
nav_back_highlight.gif 0.7 18th Sep 2015
nav_back_normal.gif 0.7 18th Sep 2015
sprite.png 1.9 18th Sep 2015
week_3_index.html 0.4 18th Sep 2015
week_3_main.css 0.4 18th Sep 2015

Working with floats

There are currently 10 files in this section

File Listing
  Filename Size (KB) Date Modified
centred-flush-h1.css 0.5 18th Sep 2015
centred.css 0.3 18th Sep 2015
change-order.css 0.5 18th Sep 2015
class_7_float_exercise.zip 248.3 1st Nov 2016
cow-parsley.jpg 22.5 18th Sep 2015
globe-artichoke.jpg 13.8 18th Sep 2015
hawthorn.jpg 13.7 18th Sep 2015
index.html 3.4 10th Nov 2015
left.css 0.3 18th Sep 2015
right.css 0.3 18th Sep 2015

A simple 2-column layout: floats and grid compared

There are currently 4 files in this section

File Listing
  Filename Size (KB) Date Modified
float-layout-example.css 0.8 31st Oct 2017
float-layout-example.html 2.5 31st Oct 2017
grid-layout-example.css 1.0 31st Oct 2017
grid-layout-example.html 2.5 31st Oct 2017

CSS navigation

There are currently 10 files in this section

File Listing
  Filename Size (KB) Date Modified
centred.html 0.6 18th Sep 2015
nav-back-hover.png 1.0 18th Sep 2015
nav-back.png 1.0 18th Sep 2015
navigation-example.css 3.6 7th Nov 2018
navigation-example.html 6.7 7th Nov 2018
no-floats.html 1.1 18th Sep 2015
no-images.html 2.3 18th Sep 2015
single-image.html 1.0 18th Sep 2015
sprite.png 1.1 18th Sep 2015
two-images.html 1.0 18th Sep 2015

CSS3

There are currently 1 files in this section

File Listing
  Filename Size (KB) Date Modified
index.html 1.6 18th Sep 2015

Responsive

There are currently 7 files in this section

File Listing
  Filename Size (KB) Date Modified
earth.jpg 26.7 18th Sep 2015
example.html 3.5 18th Sep 2015
mars.jpg 17.8 18th Sep 2015
responsive-gallery.zip 60.2 26th Apr 2016
responsive-typography.zip 1.2 7th Dec 2016
responsive.html 9.6 18th Sep 2015
wells.jpg 21.0 18th Sep 2015