User Tools

Site Tools


eg-259:lecture2

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
eg-259:lecture2 [2009/09/23 09:53] eechriseg-259:lecture2 [2012/02/01 19:51] (current) – [Review Questions] eechris
Line 2: Line 2:
 ====== The Structural and Presentation Layers ====== ====== The Structural and Presentation Layers ======
  
-**Lecture 2**: To be given on Thursday 1st October2009.+**Contact Hour 3**: To be discussed on Thursday 2nd February2012.
  
 **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]]. **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]].
  
-Revision of the most commonly used subsets of the eXtensible Markup Language (XHTML) and Cascading Style Sheets (CSS).+Revision of the most commonly used subsets of the Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS).
  
 Material covered here is expanded in Chapters 3 and 4 of the module textbook: Nigel Chapman and Jenny Chapman, //Web Design: A complete introduction//, Wiley, 2006. Material covered here is expanded in Chapters 3 and 4 of the module textbook: Nigel Chapman and Jenny Chapman, //Web Design: A complete introduction//, Wiley, 2006.
Line 14: Line 14:
 ===== The Structural and Presentation Layers ===== ===== The Structural and Presentation Layers =====
  
-  * This lecture revises the most commonly used subsets of the eXtensible Markup Language (XHTML) and Cascading Style Sheets.  +  * These notes revise the most commonly used subsets of the Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS).  
-  * Because it //is// revision, we will move quickly in the presentation+  * Because it //is// revision, you are expected to read these notes and if necessary work through the exercises in your own time
   * More detailed notes and examples are to be found on-line.   * More detailed notes and examples are to be found on-line.
  
-The slides and notes in this lecture are based on Chapters 2 and 3 of Robert W. Sebasta, //Programming the World-Wide Web//, 3rd Edition, Addison Wesley, 2006.+These slides and notes are based on Chapters 2 and 3 of Robert W. Sebasta, //Programming the World-Wide Web//, 3rd Edition, Addison Wesley, 2006. The examples presented there use XHTML markup. I have updated these to HTML5.
  
 ---- ----
 A different treatment of XHTML given in Part I (Chapters 2-3) of the textbook Chris Bates, //Web Programming: Building Internet Applications//, 3rd Edition, A different treatment of XHTML given in Part I (Chapters 2-3) of the textbook Chris Bates, //Web Programming: Building Internet Applications//, 3rd Edition,
-John Wiley, 2006.. However, you should note that book tends to use a simpler, non-validated form of XHTML. You will find additional information about cascading style sheets and further examples in Chapters 4 and 5 of Bates and in Elisabeth Freeman and Eric Freeman, //Head First HTML with CSS & XHTML//, O'Reilly Media,Inc., 2006.+John Wiley, 2006.. However, you should note that though that book tends to use a simpler, non-validated form of XHTML, the examples are actually valid HTML5 which has a simpler more forgiving syntax. You will find additional information about cascading style sheets and further examples in Chapters 4 and 5 of Bates and in Elisabeth Freeman and Eric Freeman, //Head First HTML with CSS & XHTML//, O'Reilly Media,Inc., 2006.
  
  
Line 34: Line 34:
 **Revision: To Be Read Offline** **Revision: To Be Read Offline**
  
-  * [[eg-259:xhtml|The Structural Layer: XHTML]]+  * [[eg-259:xhtml|The Structural Layer: HTML]]
   * [[eg-259:css|The Presentation Layer: CSS]]   * [[eg-259:css|The Presentation Layer: CSS]]
  
 **New Material** **New Material**
  
 +  * [[eg-259:html5#browser_support|HTML 5 Browser Support]]
   * [[eg-259:html5#video|HTML 5 Video]]   * [[eg-259:html5#video|HTML 5 Video]]
-  * [[eg-259:html5|XHTML 2 and HTML 5]]+  * [[eg-259:html5|XHTML 2 and HTML5]]
   * [[eg-259:css3|CSS 3]]   * [[eg-259:css3|CSS 3]]
  
Line 56: Line 57:
   * [[eg-259:review:xhtml|XHTML]]   * [[eg-259:review:xhtml|XHTML]]
   * [[eg-259:review:css|CSS]]   * [[eg-259:review:css|CSS]]
-  * [[eg-259:review:html5|XHTML 2 and HTML 5]]+  * [[eg-259:review:html5|HTML 5]]
   * [[eg-259:review:css3|CSS 3]]   * [[eg-259:review:css3|CSS 3]]
  
eg-259/lecture2.1253699581.txt.gz · Last modified: 2011/01/14 12:28 (external edit)