Lively Stars
The Stargrasper Pages

A Collection of HTML Example Pages for
Students of Web Design and Multimedia Programming



Take Me Back to the Calling Page


Here are some pages whose design, structure and scripting may be of interest to you when you come to design your own Web or multimedia pages

Haunted Gower

Take a look at some of The Gower Peninsula's many ghosts, or at least some of their favorite haunts.

This shows us some basic text composition techniques and introduces the use of tables for the orderly presentation of small pictures

Click to Select Haunted Gower

Optimal JPEG Sizing for the Net

How best to balance Pixel Resolution, Compression and Quality in making manageable JPEGs?
Some thoughts around The Venus de Milo.

This demonstrates a slightly more advanced picture tabulation and includes a GIF chart generated by MS-EXCEL

Click to Select Optimal JPEG Sizing for the Net

A Stylesheet Test

Some examples of markup formating using the CSS ( Cascading Style Sheets ) language

Some basic HEAD STYLE definitions and their browse-time formating outcomes

Click to Select A Stylesheet Test

How to Construct a Right-Angle

Two ways to construct a plane right-angle using compass and straightedge.
Which is the most efficient?

An Integration of Style Sheet formating with mixed text and picture tabulations.
Includes simple GIF diagrams and two-frame animated GIFs generated via PaintShop Animation Shop.
Why don't I just use Style Sheets for all the layout?

Click to Select How to Construct a Right-Angle

A Stylesheet Test ( Tabs without Tables )

Some examples of markup formating using the CSS ( Cascading Style Sheets ) language

Some basic HEAD STYLE definitions and their browse-time formating outcomes.
A new improved version which replaces TABLE with CSS Block Margin properties.

Click to Select A Stylesheet Test ( Tabs without Tables )

How to Construct a Right-Angle ( Tabs without Tables )

Two ways to construct a plane right-angle using compass and straightedge.
Which is the most efficient?

An Integration of Style Sheet formating with mixed text and picture layouts.
Includes simple GIF diagrams and two-frame animated GIFs generated via PaintShop Animation Shop.
Now I have implemented CSS Block Margin properties to suppress unwanted line-feeds.
The browse-time outcome is virtually identical to the first example.
Can we quantify the efficiency gains made with respect to the text-tabulation original?

Click to Select How to Construct a Right-Angle ( Tabs without Tables )

Links

The World Wide Web Consortium.
A highly-comprehensive academic overview of CCS Style Sheets with discussion of history and standards

http://www.w3.org/Style/CSS

The Web Design Group.
A very well structured reference for HTML syntax and tags.
The given path is to the CSS sections.

http://www.htmlhelp.com/reference/css

CSS pages on a further Web programming site

http://builder.cnet.com/webbuilding/pages/Authoring/CSS

Excellent and well-moderated conversational message board, sharing Web development and Web languages problems and solutions.
Please note that in 2013 a charge of £12.95 per month was made to use this site.

http://www.experts-exchange.com/Web/

An excellent site for HTML resources including CSS, Java and JavaScript facilities, hosting, promotion and the rest.
The US-based hosting plans are a little pricey.

http://www.hypergurl.com/

Plenty of downloadable bolt-on scripts to enhance site features or lend interactivity.

http://htmlgear.lycos.com/




XX-HITCOUNTERHERE
These days it is difficult to pick up free counters.
You may want to try Web Counters at  http://www.digits.com/

Version: 2.0
Date of Creation: 1 October 2002
Date of Revision: 26 April 2013

Take Me Back to the Calling Page