DM1025: Interactive Web Content (sem1)

Essential Book

Recommended Books

Recommended Links

  • week 1
  • w 2
  • w 3
  • w 4
  • w 5
  • w 6
  • w 7
  • w 8
  • w 9
  • w 10
  • w 11
  • w 12

This week we look at the module and what it is all about. We discuss the assignment and what is expected of you during the semester for this module.

 

We also look at some useful online resources and how best you can use them.

 

The more widely you read and practice the better, more confident and employable you become.

 

 

This week we make our first CSS-based page and review the main concepts of CSS.

 

You can down load the following images to work with:

img1, img2, img3, img4, img5, img6

 

Also download the dummy text file:

 

Lorem_ibsum

In this session we will look at using Unordered Lists for creating picture galleries.

 

Please download the template and save it in week5 folder on your disk.

week5_template

 

You will also need to have the last week's images in a sub-folder called images in week5 folder.

 

gallery1

gallery2

This week we work on your web sites and try to sort out any CSS problems you may have.
Teacher guided workshop
Teacher guided workshop
Teacher guided workshop

We look at a technique for creating a picture gallery in CSS. Also, we examine the automate feature of photo shop for creating galleries and thumbnails.

 

Use FireFox, or Explorer 6 or above to see an example of the CSS gallery here

 

Please download and EXTRACT the file on your disk:

 

Gallery.exe

Using Dreamweaver Spry objects
Content 12