| Next revision | Previous revision |
| eg-146:lecture12 [2012/03/06 17:57] – created eechris | eg-146:lecture12 [2012/03/06 19:44] (current) – [Homework] eechris |
|---|
| |
| |
| **Lecture 12**: To be given on Tuesday 6th March, 2012. | **Contact Hour 12**: Notes for the Session on Tuesday 6th March, 2012. |
| |
| **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]]. | **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]]. |
| |
| |
| ===== Web Page Building Blocks and Web Site Design ===== | ===== Web Page Building Blocks and Web Site Design ===== |
| <head> | <head> |
| <meta charset="utf=8"><!-- character encoding --> | <meta charset="utf=8"><!-- character encoding --> |
| | <title>...</title> |
| </head> | </head> |
| : | : |
| ===== Homework ====== | ===== Homework ====== |
| |
| - Visit the example pages [[http://www.bruceontheloose.com/htmlcss/examples/chapter-01/basic-html-page.html|Page 1]] and [[http://www.bruceontheloose.com/htmlcss/examples/chapter-01/basic-html-page-with-2nd-paragraph.html|Page 2]] and explore them using your browser's view source and developer tools((Latest versions of Google Chrome, Safari, Opera and Internet Explorer 9 have built-in developer tools. If you are using Firefox, the latest version, 10, has developer tools built-in. For older versions you will need to install the Firefug plugin http://getfirebug.com.)) Expand your notes in any way you feel appropriate. | - Visit the example pages [[http://www.bruceontheloose.com/htmlcss/examples/chapter-01/basic-html-page.html|Page 1]] and [[http://www.bruceontheloose.com/htmlcss/examples/chapter-01/basic-html-page-with-2nd-paragraph.html|Page 2]] and explore them using your browser's view source and developer tools((Latest versions of Google Chrome, Safari, Opera and Internet Explorer 9 have built-in developer tools. If you are using Firefox, the latest version, 10, has developer tools built-in. For older versions you will need to install the Firefug plugin http://getfirebug.com.)) Expand these notes in any way you feel appropriate. |
| - Explore the [[http://eg-146.cpjobling.org.uk|Demo Web Site]] and answer the questions given on the [[http://eg-146.cpjobling.org.uk/homework.html|homework]] page. | - Explore the [[http://eg-146.cpjobling.org.uk|Demo Web Site]] and answer the questions given on the [[http://eg-146.cpjobling.org.uk/homework.html|homework]] page. |
| ===== Acquiring the Code ===== | ===== Acquiring the Code ===== |
| * An Introduction to Web Content | * An Introduction to Web Content |
| * Web Page Building Blocks and Web Site Design | * Web Page Building Blocks and Web Site Design |
| * **Basic (X)HTML, images and links** | * [[eg-146:lecture13|Basic HTML Structure]] |
| * Cascading Style Sheets | * Cascading Style Sheets |
| * CSS Layout | * CSS Layout |
