1. HTML HTML and css 2012 Brian Davison

2. Assistants Dennis Doug Louise Martin Steven Stephanie

3. The Internet 1969 http://www.nd.edu/~networks/Image%20Gallery/gallery.htm 2007 http://www.zakon.org/robert/internet/timeline/

4. Moving information around

5. The World Wide Web Developed by a British Nuclear Physicist working in CERN Sir Tim Berners-Lee He invented three things: –HTML – language –HTTP – a protocol –WorldWideWeb – the first browser HTML includes methods to mix –Text –Pictures –Links

6. Web pages Header Menu Panel Images Links Field Button

7. This week You will build a personal Web site with –At least four pages –Links –Images –Some interactive features Mon: basic HTML Tue, Wed: css Thu: working with a server Fri: finishing your Web site Home

8. Having a goal

9. Basic layout

10. HTML This is an example of a simple web page. First Page Hello World

11. Tags and attributes... <img src='images/picture1.png' alt='Woodcut of the sun as a face' title='Sun face' />

12. Unordered Lists One Two Three

13. Links < a href = 'http://google.com' > Google A link to Google And another to Baidu Learn SQL in another window.

14. Tables The has many row elements The row elements have many or elements tr th td

15. Tables The table may have a You may use the colspan and rowspan attributes on a You may use the border attribute on the tr th td Caption

16. Table Example A Table Word Number One 1...

17. Using tables for layout Table cell spreads over two rows Table cell spreads over two columns

18. Being proactive Everyone's Web site should be different You must be creative Decide what you want to do, then try to find the answer

19. Finding answers

20. Example tutorial page

21. Being organised Having a good text editor – eg Notepad++ Keeping your files in sensible locations

22. whiteatom.zzuli.edu.cn