Click to skip over navigation
 

lecture 4: lecture intro

<< previous slide

return to lesson 4 index

next slide >>


1. lecture summary

We have said almost everything that needs to be said about how you can handle text on web pages. Our discussion of the design of web sites has, however, only really touched on colour and font style. This lecture, and the following one on images, will show you how you can make your pages much more attractive, stylish and creative.

Though tables (see column 2) are the main technical subject of week 4 as a whole, bear in mind that the technicalities are mostly taken care of by the rest of the online teaching materials (though the last part of this lecture summarises the important issues). The main topics of interest in this lecture are more related to design:

  • how has design evolved over the centuries and why does this matter?
  • what design principles apply to the web?
  • what makes for a well-designed web site in visual terms?
  • what techniques do you need to use to turn your design vision into a real site?

It is not necessary to be an expert graphic designer to be a good web designer: some sites which are brilliantly laid out and visually stunning are a nightmare to use (we will see examples) and some excellent sites barely use graphic design at all. But regardless of this no one can become a web designer even at a basic level without using tables somewhere, and it is tables which allow the many design possibilities we will discuss. Effectively, they are another tool in the box. Like all the others they can be used in many creative ways.

2. why tables?

If you did not complete the pre-reading for this lecture, do so now. This column just summarises the contents of that page:

  • Browsers work in what is called a "line-mode" fashion, printing things from the top of the screen down in an order which usually depends on nothing more than the order in which tags appear in the HTML.
  • If you want to get things side-by-side on the page - like the three columns of this slide - you need to give the browser specific instructions.
  • Good web design also usually consists of getting "white space" on the page. Large clumps of text are often difficult to read, particularly on larger monitors.
  • Finally, layout is a creative design element in its own right, just as is font style, colour, imagery and so on.
  • These effects can be created by dividing the page into a grid or, in HTML-speak, a table. Several tags work together to define the table but you have a lot of potential control over its appearance, size and attributes.
  • Expanding on all of these points is what this lecture is about!



<< previous slide

return to lesson 4 index

next slide >>