creating web pages internet in the curriculum module 8:
TRANSCRIPT
![Page 1: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/1.jpg)
CREATINGWEB PAGESCREATING
WEB PAGES
INTERNET IN THE CURRICULUM
MODULE 8:MODULE 8:
![Page 2: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/2.jpg)
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 :
![Page 3: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/3.jpg)
use basic computer and friendly software that is usually free to
education for this demonstration
![Page 4: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/4.jpg)
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
![Page 5: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/5.jpg)
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 :
![Page 6: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/6.jpg)
create a new web page -
add or import text,
edit, save and
preview
![Page 7: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/7.jpg)
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
![Page 8: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/8.jpg)
add or import
images (file.jpg or file.gif),
edit, save and
preview
![Page 9: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/9.jpg)
use digital camera
(e.g. Sony Mavica)
to add image
![Page 10: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/10.jpg)
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
![Page 11: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/11.jpg)
view hyper text
markup language
source code
(file.htm or file.html )
![Page 12: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/12.jpg)
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
![Page 13: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/13.jpg)
add links
edit, save and
preview (or test)
![Page 14: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/14.jpg)
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
![Page 15: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/15.jpg)
consider the design
and layout
of your web page
![Page 16: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/16.jpg)
DESIGN
Some points :
be creative maintain contrast adjust layout, navigation, ... allow for the visually impaired avoid “web-pages-that-suck” avoid maximum resolutions
![Page 17: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/17.jpg)
add tables
to improve
web page layout
![Page 18: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/18.jpg)
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
![Page 19: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/19.jpg)
test all
web pages
![Page 20: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/20.jpg)
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)
![Page 21: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/21.jpg)
upload web pages
to an Internet Service Provider (ISP)
or local web server
![Page 22: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/22.jpg)
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
![Page 23: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/23.jpg)
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!
![Page 24: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/24.jpg)
Everyone can create web pages:
offers professional advantage assists global collaboration
SUMMARY
but use friendly equipment start with simple pages seek easy training
![Page 25: CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:](https://reader034.vdocuments.net/reader034/viewer/2022051515/551ad19d550346856e8b5fcc/html5/thumbnails/25.jpg)
Thanks to :-
Majella Stevens
John Maiorana
Steve Dans
Mike Nicholls
Glenys Lightbody