1. Lecture 1 COMP1900 Website Construction Michele Huston Web Manager THE AUSTRALIAN WAR MEMORIAL www.awm.gov.au

2. Lecture 1 COMP1900 Introduction What is it? Demonstrate Dreamweaver Language and Notation

3. Lecture 1 COMP1900 The Internet & The Web Are they the same thing?

4. Lecture 1 COMP1900 The Internet Computer network Connects networks together

5. Lecture 1 COMP1900 World Wide Web Universal Access to Files –Platform independent Apple, Windows, DOS, Mac, Amiga, Unix –Software independent Word Perfect, MS Word, Claris

6. Lecture 1 COMP1900 CERN European Centre for Particle Physics Tim Berners-Lee HTML –Based on SGML HTTP

7. Lecture 1 COMP1900 Browsers Lynx 1990’s –NCSA Mosaic –Netscape –Internet Explorer –Opera

8. Lecture 1 COMP1900 W3C World Wide Web Consortium Web Standards Body

9. Lecture 1 COMP1900 W3C Standards HTTP - Hypertext Transfer Protocol HTML - Hypertext Markup Language XML - Extensible Markup Language XHTML - Extensible Hypertext Markup Language

10. Lecture 1 COMP1900 Multimedia SMIL - Synchronised Multimedia Integration Language SVG - Scalable Vector Graphics

11. Lecture 1 COMP1900 Web Design Non-linear People are used to linear –We read in one direction, one page at a time Good Web Design –gives sense of the familiar –student.anu.edu.austudent.anu.edu.au

12. Lecture 1 COMP1900 Web Design Clear intent & goals –9 -11 secs to capture attention –student consultantsstudent consultants –Jim’s HomepageJim’s Homepage Personal Homepage –Intent: to create an online CV –Goal: to impress employers

13. Lecture 1 COMP1900 Know your audience Young - bright colours, upbeat language, multimedia www.webmonkey.com Conservative - blues, white, black, www.jbwere.com.au Expensive - elegant, black, silver, gold, www.jaguar.com

14. Lecture 1 COMP1900 Scope the website Gather all the content together Navigation –Global –Local Template the look & feel –separate from document structure

15. Lecture 1 COMP1900 Writing & Viewing HTML HTML editor Dreamweaver, Golive, HotmetalPro HTML converters MS Word, RTF to HTML Web Browser Netscape, IE, Opera, Lynx Browser plugins Real Audio, Flash, Shockwave, Quicktime

16. Lecture 1 COMP1900 HTML Document Structure HTML Tags –Beginning & Ending tags Headings –Exceptions Images Horizontal rule Line break Barebones Guide to HTML - werbach.combare/barebones

17. Lecture 1 COMP1900 Structure of an HTML Document

18. Lecture 1 COMP1900 TITLE Tag Between the tags My Home Page appears in Browser menu bar Search engine results pages link name for favourites or bookmarks given priority in search engine indexes

19. Lecture 1 COMP1900 Headings Biggest – Bigger – » Smaller

20. Lecture 1 COMP1900 Formatting Tags paragraph line break preformatted text divide sections

21. Lecture 1 COMP1900 Formatting Tags bold – bold italic – italic underline

22. Lecture 1 COMP1900 Text Alignment Attribute align –center, left, right Text

23. Lecture 1 COMP1900 Bulleted Lists list element 1 list element 2 attribute type disc|square|circle

24. Lecture 1 COMP1900 Ordered Lists list element 1 list element 2 attribute type A|I|i|1 lower case roman

25. Lecture 1 COMP1900 <font></font> attribute size 1,2, … 7 or +1,+2, … +7 -1,-2, …. -7 eg small

26. Lecture 1 COMP1900 <font></font> Attribute - color –note spelling –hexidecimal eg. #FF3366 –name eg. red, green, blue magenta Visibone Color lab - www.visibone.com/colorlab/