semester 1, year 1
Leave a comment

I. web design skills


year 1 > semester 1
10 credits
100 hours learning hours
this module targets the basic skills needed for students to begin to create and publish their own websites. It starts by looking at HTML, and also includes introductions to style sheets and Javascript.

support and guidance
tutorial support is available during the workshop sessions on a weekly basis. You can also contact tutors by email and phone at other times
technical support is provided by course teams and through the KCDA site – make sure you ask for help both in and out of the lesson.

module leader

mark owen >

aims and outcomes

module aims

  • introduce you to the principles behind successful and innovative web page design, incorporating both technical and aesthetic concepts
  • develop a student-centred approach to the learning of new software packages, thereby encouraging independent learning.

learning outcomes

Students who successfully complete this module will be able to:

  • create simple web pages using raw HTML with an appreciation of html standards
  • create simple web pages using a design package and relate these to the resulting HTML code
  • design, build and publish a small website

module content

the premise of the module is the importance of learning to code html and css directly rather than using a visually based editor, at this stage we will be teaching code and choice of software is not important providing it allows you to concentrate of the xhtml and css code you are producing

core content

  • creating web pages from raw HTML
  • using web design tools (e.g. Freeway, Dreamweaver, Coda)
  • publishing on the web
  • incorporating images, links, rollovers, sound/video, lists, frames, javascript
  • using style sheets
  • web style guidelines
  • checking pages using W3C validation process
  • incorporating basic accessibility principles.

below is indicative content – currently being overhauled

  • week1
    Module introduction. Using a browser
  • week2
    Structure of HTML. Common tags. Construction of a simple web page in raw HTML.
  • week3
    Design tools [Dreamweaver or equivalent] – introduction, site planning and management.
  • week4
    Images, hyperlinks. Construct two linked pages.
  • week5
    Layout techniques: tables
  • week6
    Text and images/rollovers
  • week7
    Layout techniques: frames
  • week8
    Style sheets.
  • week9
    Incorporating multimedia content.
  • week10
    Further style sheets
  • week11
  • week12
  • week13
    FTP and validation (W3C)
  • week14
    Final preparation for assessment portfolio.

learning resources

Materials to be provided >Module Study Guide (online)

Recommended texts
the core text for this module will be
Head First HTML with CSS & XHTML ,Elizabeth Freeman, O’Reilly Media 2006

Web Style Guide: basic design principles for creating websites, N Lynch, S. Horton. London, Yale University Press 1999
The Art and Science of Web Design, Jeffrey Veen. Indianapolis : New Riders, 2000
Designing Web Usability : The Practice of Simplicity, Jacob Neilsen. New Riders 2000

Other Learning Resources
Jacob Neilsen’s website at:
A number of other websites may be referred to during the module as either good or bad examples. Since the nature of websites is that they change fairly often, it is not possible to specify all of these in advance.

learning activities

you are timetabled as for workshops, for 2 hours per week
material will be delivered via the internet/intranet, supported by a tutor who will be present at all timetabled sessions. The tutor may address the whole group, or go round helping individual students, as appropriate. You will also be encouraged to support each other. A series of exercises will be provided for you to work through, leading up to the portfolio/assignment to be submitted at the end of the module.

assignment 1 – portfolio of web pages

This module has one assignment:
Portfolio of web pages
Length: About 3 – 6 pages
Timing: Distributed in week 1 and submitted in week 14
Weighting: 100%
Assessor: Mark Owen

Pass requirements
In order to pass the module, you MUST submit an electronic workbook AND achieve all the specified competences. These are assessed on a ‘yes/no’ basis.

  1. A number of web pages (minimum 3) have been uploaded to a specified server.
    The work must be uploaded to the net space we give you. Work on other servers or on CD-ROM, floppy disk etc. will not be accepted. We suggest a maximum of 8 pages, as otherwise tutors may find difficulty in locating all your material
  2. Each page is visible on the Internet using a standard browser.
    The work must be easy to find from your home page and must be viewable in at least two browsers
  3. The pages contain text, images and hyperlinks.
    Not every page need contain all three. At least two images must display.
  4. The pages are navigable from each other.
    It must be possible to access all pages without using the ‘back’/’forward’ buttons on the browser (and get back to the front page).
  5. Some working external links are included.
    Links to pages not on your site. At least two are needed.
  6. At least one page includes a table.
    Tables can be for layout or data purposes.
  7. A working style sheet has been used.
    Style Sheet definitions must be in a separate attached file. At least one CSS style from the Style Sheet must be used within the pages.
  8. At least one page includes a numbered, bulleted or definition list.
    Lists must be correctly coded and contain at least two items.
  9. The site has sensible content.
    The pages must have some meaning, and must not be crude, offensive or defamatory.

grading criteria 1

In order to pass this module, all of the following criteria (competences) must be achieved

resit eligibility
In order to qualify for a resit in this module, half of the specified competences must have been achieved

all work must be uploaded on to the specified server by the agreed date – all details will appear on kcda in due course

Leave a Reply

Your email address will not be published. Required fields are marked *