creating web pages internet in the curriculum module 8:

CREATINGWEB PAGESCREATING

WEB PAGES

INTERNET IN THE CURRICULUM

MODULE 8:MODULE 8:

create simple web pages containing text, images and links consider the design of web pages improve the layout of web pages by using tables test web pages work successfully transfer web pages to an Internet Service Provider (ISP), Intranet or disk

OUTCOMES

As a result of viewing this module, participants :

use basic computer and friendly software that is usually free to

education for this demonstration

USEFULNESS

Some of the many possibilities :

share information (dynamic/static) key part of collaborative projects publishing for a real audience develop student literacy & design skills enhance student self esteem cost/time effective

have a purpose for publishing identify your audience plan (site structure, identify roles, …) use friendly web authoring software collect content (text, images, sounds, …) have access to a computer/modem/ISDN develop skills (digital imaging, design, …) have an Internet account or web server

REQUIREMENTS

You will need to :

create a new web page -

add or import text,

edit, save and

preview

The most common web page file format is:

html - hyper text markup language(eg. home.htm, index.html)

The most common image file formats for use on web pages are:

jpeg - joint photographic expert group(eg. photo.jpg)

gif - graphics interchange format(eg. logo.gif)

WEB PAGE STANDARDS

add or import

images (file.jpg or file.gif),

edit, save and

preview

use digital camera

(e.g. Sony Mavica)

to add image

Some sample digital images for making

a simple web page are available at :-

http://www.ozemail.com.au/~cumulus/module8.htm

http://www.ozemail.

com.au/~cumulus/

module8.htm

view hyper text

markup language

source code

(file.htm or file.html )

SOURCE CODE (HTML)

It is possible to view “raw code”:

note - it is only text

ordinary people never need to “learn it”

images are referenced (stay separate)

modern software produces html code automatically

add links

edit, save and

preview (or test)

LINKS

Main points :

web pages must be saved first highlight words/image used for link insert hyper link (menu, toolbar, …) can link to web pages, WWW or email save modified page (now linked) test new link in WWW browser

consider the design

and layout

of your web page

DESIGN

Some points :

be creative maintain contrast adjust layout, navigation, ... allow for the visually impaired avoid “web-pages-that-suck” avoid maximum resolutions

add tables

to improve

web page layout

TABLES

Main points :

html has restricted formatting features tables can have invisible borders insert/copy/drag text or images into cells align text or images (centred, right, ...) adjust cells (size, backgrounds, …) for other features consider frames

test all

web pages

TESTING

Main points :

try in both Explorer and Netscape allow for people with small screens watch other people using your pages allow for older browser versions test on Windows XP/2000/98, Mac, ... avoid shifting files (breaks the link)

upload web pages

to an Internet Service Provider (ISP)

or local web server

UPLOADING

Main points :

find instructions (ISP, school server) print a copy for reference load software to transfer all files enter user ID, password, location, ... upload all files (web pages, images, …) test with both Explorer and Netscape

ISSUES

who has authority to update? security of server access? who is responsible for content? parent/student permissions? policy - use, contentious material, ... site - quality control, consistency, ... dynamic sites require maintenance!

Everyone can create web pages:

offers professional advantage assists global collaboration

SUMMARY

but use friendly equipment start with simple pages seek easy training

Thanks to :-

Majella Stevens

John Maiorana

Steve Dans

Mike Nicholls

Glenys Lightbody