Presentation is loading. Please wait.

Presentation is loading. Please wait.

MA foundation Creating webpages using XHTML (part 2) Simon Mahony CCH.

Similar presentations


Presentation on theme: "MA foundation Creating webpages using XHTML (part 2) Simon Mahony CCH."— Presentation transcript:

1 MA foundation Creating webpages using XHTML (part 2) Simon Mahony CCH

2 Adding tables

3 Structure of a table Column 1 data Column 2 data Column 1 Data Column 2 Data

4 Table headings Column 1 Heading Column 2 Heading Column 1 Data Column 2 Data

5 Adding extra information a caption for my table NB: the caption must be INSIDE the table and immediately following the *table* tag.

6 a caption for my table Column 1 Heading Column 2 Heading Column 1 Data Column 2 Data

7 Using special characters How would you display in html? Non-standard characters or ones with a function in html need special treatment Syntax: ampersand+code+semi-colon Eg: & = & < = < > = > " = " Also other languages: é = é

8 Adding navigation Link to an external website link to Google Internal links within the page back to top of page Needs a *bookmark* to link to: Link to another page in the same site (assumes files are in the same folder) link to second page

9 Adding extra information to links A title attribute: This will show up in a *tooltip* link to Google Opening in a new window link to Google

10 Navigation menu Unordered List (Vertical) menu: Home second page third page Line of Links (Horizontal) menu: Home | second page | third page

11 Structural divisions of the webpage The element defines logical and structural divisions of a webpage EG: header, footer, content etc stuff in the header main page content stuff in the footer

12 Multi-page website Organise your material (break document up into component parts) Select pages and file names (headings) Always name first page: index.html Make names meaningful short / lower case / letters numbers / no spaces / underscores / start with letter Use the *template* re-named for each file

13 Possible pages index.html officers.html members.html publications.html contacts.html

14 Validating your pages Validate by Direct Input Note that errors often have a *knock on* effect so start with the first one and re-validate. If you have an error in the *head* then copy and paste your code into a fresh template. These errors are usually caused by incorrectly saving/moving the file.

15 Usability Not everyone views webpages as we do Consider the visually impaired The colour blind Users with *slow* connections The additional information we have added to links, tables, etc. Navigation Avoid frustrating users Fonts (sans-serif) Design and layout More?


Download ppt "MA foundation Creating webpages using XHTML (part 2) Simon Mahony CCH."

Similar presentations


Ads by Google