CREATING WEB PAGES INTERNET IN THE CURRICULUM 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 :- 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  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