- PowerPoint PPT Presentation

1 / 9
About This Presentation
Title:

Description:

Use the validator to validate for XHTML compliance ... XHTML is case sensitive keep all tags lower-case. In XHTML every element must have an end ' ... – PowerPoint PPT presentation

Number of Views:11
Avg rating:3.0/5.0
Slides: 10
Provided by: Informati140
Category:
Tags: xhtml

less

Transcript and Presenter's Notes

Title:


1
The Test
  • Will last 60 minutes
  • Will be submitted via the electronic coursework
    submission system (not part of the test itself
  • Is worth 20 of total module assessment

2
For Next Week
  • Be sure you know how to
  • Create valid XHTML documents
  • Link to other XHTML documents
  • Link to an external style sheet
  • Containing CSS
  • Display an image in your web pages
  • Use the validator to validate for XHTML
    compliance
  • Use relative linking to be explained in class

3
Additional Information
  • The Test will involve you having to make some
    opinion statements/justification these will be
    clearly requested in the documentation
  • You will be able to refer to notes, online
    sources, access U drive etc.

4
Syntax Part 1 Top of the Document
  • Use Strict or transitional DocType
  • You should already have files with the
    appropriate code BUT if not
  • Use the sample template file on my Learn pages
  • Go to the W3C pages
  • http//www.w3.org/QA/2002/04/valid-dtd-list.html

5
Syntax Part 2 Basic Differences - reminder
  • XHTML is case sensitive keep all tags
    lower-case
  • In XHTML every element must have an end /
  • lttitlegtvery important this elements content is
    usually targeted by search engines
    spiderslt/titlegt
  • ltbr /gt, lthr /gt, ltimg srcmypic.jpg height500
    width200 alta picture of me /gt

6
Attributes
  • You will see these a lot.To be valid they must be
  • namevalue eg. ltimg srcmypic.jpg /gt
  • Think of attributes as informing or describing
  • ltpgtltabbr titleCascading Style sheetsgtCSS
    lt/abbrgt is the way to web designlt/pgt

7
Inline and Block Elements
  • Examples of inline (does not break the text flow)
  • ltemgt,ltstronggt,ltagt,ltabbrgt
  • Examples of block (starts and finishes with a new
    line)
  • ltpgt, ltblockquotegt, ltdivgt

8
Key Online Resources
  • Killersites reference guide to tags
  • Visibone - Webmaster's Color Laboratory
  • W3C Markup Validation Service
  • Cascading Style Sheets at the W3C

9
Good Luck!Any Questions
Write a Comment
User Comments (0)
About PowerShow.com