2010-2011 G51WPS Course Web Page

Lab sessions

• Monday 10:00-12:00 in A32
  

Note that labs do not take place every week! Here is the schedule:

• Lab 1 - 14 February  -HTML exercise .  Here are the two images used in the exercise: camel.gif and lion.jpg.
  An example solution: Exercise1.html (note: there are many different ways of achieving the same result)  

• Lab 2 - 21 February - HTML and CSS exercise. Here are the html file and image used in the exercise: Exercise2.html and coffee.jpg 
  An example solution: Exercise2withCSS.html and shop.css (note: there are many different ways of achieving the same result)

• Lab 3 -  28 February -  HTML and JavaScript exercise. Here are the three images used in the exercise:  sofa1.jpg, sofa2.jpg, sofa3.jpg 
An example solution: Exercise3.html (note: there are many different ways of achieving the same result)  

• Lab 4 - 14 March -  PHP exercise. As a stating point you have been provided with registrationForm.html and images.zip    
  An example solution: html file and php file (as .pdf so you can see it)

• Lab 5 - 21 March - assistance with formal coursework

The informal weekly exercises will be posted here shortly before each lab takes place

The coursework is now available. It is worth 25% of the total mark for G51WPS.
Please note that the coursework is due in by 4pm Wednesday 30th March 2011.

I will put a copy of the slides on this page shortly before each lecture.
Slides are PDF versions. They are 6 per page, for economy of printing.
The original PowerPoint slides are also available in case you prefer them in this format.

Lecture 1: Introduction  (PowerPoint)  - use of interactive keypads

Lecture 2: Networking Basics  (PowerPoint)

Lecture 3: TCP/IP protocols & the Internet  (PowerPoint) - use of interactive keypads

Lecture 4: Web Browsers, Servers and HTTP (PowerPoint) + Warriors of the Net movie

Lecture 5: HTML basics (PowerPoint) - use of interactive keypads
    Examples: simple.html, headings.html, blockquote.html, image.html, link.html, nested_lists.html, definition.html

Lecture 6: More advanced XHTML (PowerPoint)
    Examples: table.html, cell_span.html, cell_align.html, cell_pad.html, checkbox.html, radio.html, menu.html, menu2.html, textarea.html, popcorn.html, frames.html

Lecture 7:  CSS (PowerPoint) - use of interactive keypads
    Examples: pseudo.html, fonts.html, fonts2.html, styles.css, sequence_types.html, back_color.html, float.html, back_image.html

Lecture 8: More CSS examples and HTML5 features (PowerPoint)+ setting of coursework
    CSS examples: border.html, marpads.html, twocolumn.html
    HTML5 examples: video.html, canvas.html, canvas-line.html

Lecture 9: The Basics of JavaScript (PowerPoint)
    Examples: roots.html, borders.html, date.html, insert_names.html, parameters.html

Lecture 10: JavaScript: DOM and Dynamic HTML (PowerPoint)- use of interactive keypads
   Examples: load.html, radio_click.html, radio_click2.html, pswd_chk.html, validator.html, mover.html, dynColors.html, dynLink.html, dynValue.html, anywhere.html

Lecture 11: Server Side Scripting (introduction to various technologies)(PowerPoint) - use of interactive keypads

Lecture 12: Basics of PHP (PowerPoint)
    Examples: today.php, today.pdf (php script), powers.php, powers.pdf (php script), sorting.php, sorting.pdf (php script)

Lecture 13: More PHP (PowerPoint)- use of interactive keypads
    Examples: popcorn2.html, popcorn2.pdf (php script), dbConnect.php, dbConnect.pdf (php script), dbForm.html, dbQuery.pdf (php script)

Lecture 14: Web Usability 1 (PowerPoint)

Lecture 15: Web Usability 2 (PowerPoint)

Lecture 16: XML 1  (PowerPoint)
     Examples: planes.dtd (view source) and planes.xml  (error if opened in Firefox as no support for external DTDs)

Lecture 17: More XML (PowerPoint)
     Examples: planes1.xml (linked to css, error if opened in Firefox as no support for external DTDs), planes.css, xslplane.xml, xslplane1.xsl, xslplane2.xsl, xslplanes.xml, xslplanes.xsl

Lecture 18: no new topic, available in C54 for coursework questions

Lecture  19: Web application frameworks (PowerPoint)

Lecture 20: Exam information and revision (PowerPoint) - use of interactive keypads

Programming the World Wide Web, 4th edition, Robert W. Sebesta, 2008, Pearson Addison Wesley 
(later editions obviously also fine, latest is 6th from 2010)

• Lecture 1: Introduction
• Sections 1.2 and 1.9, Chapter 1 from "Programming the World Wide Web"
• If you are interested in further details about the history of the Internet visit the Interent Society site
  

• Lecrure 2: Networking Basics
• Basic networking tutorial 
• Ethernet technologies details

• Lecture 3: TCP/IP protocols & the Internet
• Section 1.1, Chapter 1 from "Programming the World Wide Web"
• TCP/IP Tutorial from w3schools
  

• Lecture 4: Web Browsers, Servers and HTTP
• Sections 1.3-1.7, Chapter 1 from "Programming the World Wide Web"
• If you want the full HTTP specification then see the W3C site 

• Lectures  5 and 6: HTML
  
• HTML 4.01 specification on the W3C site
• HTML 5 specification on the W3C site
• XHTML 1.1 specification on the W3C site
• HTML tutorial from W3schools
• Chapter 2  from "Programming the World Wide Web"

• Lectures 7 and 8: CSS
• Chapter 3  from "Programming the World Wide Web"
•  W3C CSS home page  
• CSS tutorial from W3schools

• Lecture 9 and 10: Java Script 
• Chapters 4, 5 and 6 from "Programming the World Wide Web"
• ECMAScript (JavaScript) Specification
• W3Schools JavaScript tutorial
• howtocreate JavaScript tutorial
  
• webdevelopersnotes.com JavaScript tutorial

• Lecture 11: Server Side Scripting
  
• For the purpose of the exam you don't need to know more than what is included in the notes but if you are personally interested in a particular server side technology then more informataion is available as follows:
• Perl and CGI:  Chapters 8 and 9  from "Programming the World Wide Web"
• Java Servlets:  Chapter 10 from "Programming the World Wide Web"
• ASP.NET: Chapter 12  from "Programming the World Wide Web"
• Ajax: Chapter 16 from "Programming the World Wide Web"

• Lectures 12 and 13: PHP 
• Chapter 11 from "Programming the World Wide Web"
• http://www.w3schools.com/php/
  
• http://www.php.net

• Lecture 14 and 15: Web Usability
• www.useit.com (Jakob Nielsen) 
  
• www.asktog.com (Bruce Tognazzinni)
  
• www.webpagesthatsuck.com (Vincent Flanders) 
• Web Content Accessibility Guidelines 2.0

• Lecture 16 and 17: XML
  
• Chapter 7 from "Programming the World Wide Web"
• XML specification, tutorials and guidelines are available from the W3C site
• RESTful Web services: The basics

• Lecture 19: Web application frameworks
• Model-View-Controller (MVC) definition on Wikipedia 
• Turbogears homepage 
• 20 Minute Wikie screencast 

bnk@cs.nott.ac.uk