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
Last revisionBoth sides next revision
eg-259:lecture2 [2012/01/18 17:58] eechriseg-259:lecture2 [2012/01/20 17:12] – [Contents of this Lecture] eechris
Line 2: Line 2:
 ====== The Structural and Presentation Layers ====== ====== The Structural and Presentation Layers ======
  
-**Lecture 2**: To be discussed on Thursday 2nd February, 2012.+**Contact Hour 3**: To be discussed on Thursday 2nd February, 2012.
  
 **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]]
  
Line 41: Line 41:
   * [[eg-259:html5#browser_support|HTML 5 Browser Support]]   * [[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]]
  
eg-259/lecture2.txt · Last modified: 2012/02/01 19:51 by eechris