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

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

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?

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

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

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???

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

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

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

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

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

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

CHARLES DARWIN UNIVERSITY Week 2 Feb. 26/0713 HTML Boot Camp Key HTML tags , M y Business Site 11.

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

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