DEPARTMENT OF INFORMATION STUDIES Andy Dawson LIS1510 Library and Archives Automation Issues Further features of XHTML – Stylesheets and CSS Andy Dawson Andy Dawson Department of Information Studies, UCL Department of Information Studies, UCL (University of Malta 2010)
14
Embed
DEPARTMENT OF INFORMATION STUDIES Andy Dawson LIS1510 Library and Archives Automation Issues Further features of XHTML – Stylesheets and CSS Andy Dawson.
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
LIS1510 Library and Archives Automation Issues
Further features of XHTML – Stylesheets and CSS
Andy DawsonAndy Dawson
Department of Information Studies, UCLDepartment of Information Studies, UCL (University of Malta 2010)
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
What we will be covering today
• A very quick look at most of the advanced elements of the XHTML workbook:– Image maps
– Tables
– Forms
– Frames
• Stylesheets in a little more detail• Using colour values in XHTML and stylesheets• More practical work on your projects!
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Image maps
• A method for making areas of images “clickable”
• Client-side processed• Overlays an invisible “grid” on your image –
the image map• Map definition and image are quite separate• Always remember to provide a textual
alternative!
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Tables
• a useful facility– for tables of information – for laying out some page designs without CSS
• Tables need to be specified carefully– Cells of data, within rows, within a table– Tables are not automatically reconciled!
• Best to create blank tables “in reverse” and then populate with data
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
A simple table<table>
<tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td>
</tr><tr>
<td>Row 2, Col 1</td><td>Row 2, Col 2</td>
</tr></table>
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Forms
• A tool for gathering information from users
• Provides specific prompts for information
• Data is then sent somewhere (usually to a computer process)
• Can’t really do much without server-side processing
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Frames
• Screen split into independent sections– a different document displayed in each section– frame loading and the target atttribute
• Now deprecated by W3C– bookmarking problems– Tables and CSS quite often used to mimic
some effects of frames without the drawbacks
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Stylesheets
• A definition of a document’s appearance: – typeface, size, colour for headings and text – line spacing, margin widths on all sides– spacing between headings … and much more!
• Specified at the beginning of a document by linking or embedding, or inline use
• Written in various special languages, e.g. CSS1
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Stylesheets• Promotes the separation of form and content• Allow Web designers to ensure consistency
across a site’s pages• Specific elements of the overall stylesheet
can be overridden locally (cascading)• Use of stylesheets is recommended by the
World Wide Web Consortium• Stylesheets can be used with modern
(IE5+ or Netscape 4+) graphical browsers
DEPARTMENT OF INFORMATION STUDIES
Andy Dawson
Some basic stylesheet elements• Linking to external stylesheets: