1. Create Web Pages with Multimedia ICPMM65DA Julie Fairless, Lecturer Charles Darwin University This resource is © 2007 School of Creative Arts & Humanities, Charles Darwin University

2. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/072 Today’s Overview Welcome & Introductions Class Logistics Unit Information Review Mac Basics (Jeopardy style) Your Web Experiences Likes and Dislikes Types of Web Publishing Easy Personal Sites HTML - Bootcamp Vermeer – Art Gallery Activity Summary

3. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/073 Welcome & Introductions A bit about me A bit about you –What are your ambitions for this unit? –Have you published any web resources?

4. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/074 Class Logistics The Roll Ensuring enrolment Break times General understandings –Illness –Extensions Delivery options

5. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/075 Unit Information See Unit Info Handout RPL Unit Purpose / Outcomes Elements / Performance Criteria Proposed Schedule Assessment Overview

6. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/076 Your Web Experiences Favourite sites What do you use the web for? Experience with web site development Hopes for this class Fears???

7. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/077 Likes and Dislikes What makes a good website? Group work (15 minutes) –Recorder, Time keeper, Reporter –Brainstorm and identify what makes a website good … make a list –What are are your likes and dislikes … again, list them –Report back to class

8. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/078 Types of Web Publishing Personal Sites –E-Portfolios –Blogs Photo Sites –Flickr.com Topical Site Business Sites Entertainment Sites

9. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/079 Easy Personal Sites geocities.yahoo.com Google Page Creator –Google.com AOL.mac (dot mac) Practice Have a look at mine Build your own (20 min) –Examine your code

10. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0710 HTML Boot Camp What is HTML? –HyperText Markup Language –W3C and standards / XHTML What’s a Markup Language? Why bother exploring HTML? Tags Bold HTML tagged text – a document with HTML tags Plain text document – a document with no formatting embedded (but may contain tags). Text editors – notepad / textedit Viewing HTML - browsers

11. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0711 HTML Boot Camp Naming webpages –Lowercase –8 dot 3 –E.g., index.htm Preview HTML –Refresh frequently Basic HTML Rules –Most HTMl tags wok in pairs –HTML tags are written in lowercase –HTML ignores your paragraphs & tabs Must use

12. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0712 HTML Boot Camp Basic HTML Rules –HTML looks different on different browsers –Some tags don’t work on some browsers Netscape Navigator Stick to the basics –Users configure their browsers differently –Screen resolutions WILL vary how your HTML looks

13. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0713 HTML Boot Camp Key HTML tags 1. 2. 3. 4., 5. 6. 7. 8. 9. 10. M y Business Site http://domepro.com 11.

14. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0714 HTML Boot Camp Try it out 1.Open textedit 2.Save a file called personal.htm 3.Use the HTML reference guide to create a personal webpage including 4.Your name 5.Contact 6.Hobbies / interests (unordered bullet list) 7.3 favourite links (ordered numbered list) 8.Preview in Safari

15. CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0715 Vermeer Art Gallery Let’s explore Tables and setup an Art Gallery 1.View image files 2.Resize to thumbnails 3.Create the home page (index.htm) which will link to the Gallery 4.Create a gallery.htm (which will contain the table of thumbnails) 5.Create a page to host each painting and link back to the Gallery 6.Create a Contact,htm page and link to it