MAKING WEB PAGES 

Get a Company That Will "host" Your Pages (free to start)

Yahoo @ (Geocities)
100 Megs @
Live Journal  @
Diary Land @

Web Space at School?
Try your school computer administrators as they might let you have school space for your page.  A lot of people just create a Word document page and then save it as HTML....but that's no fun at all and if it's not fun, why do it.
Create Your Page
(if you can do Microsoft Word, you're already there)

Use Microsoft Front Page (it does a lot of the hard work for you)
Use straight
HTML - all web pages are just code...you can even type the code as a text document.

  • A lot of people just find a web page they like and copy the code (right click and select "View Source") then change the material to suit their own needs. Monday
  • Here's the VERY BEST way to learn - Dave's Interactive Tutorial 
  • PS - next year I want to do this full time - pass the word  - I'll consult with teachers  who need help to build and maintain web pages - from 6:00 PM to 12:00 AM - Midnight.
The Beginning of Your Page

There's a lot more but this is good enough for the concept.

<HTML>
<HEAD>
<TITLE>Mr. Mile's Page</TITLE>
<META NAME="description" content="Science news and research from Nature, an online round-up of science news and research papers, updated daily.">
<META NAME="keywords" content="Science, medicines, biology, physics, science projects, cloning, anatomy, pharmaceuticals, research papers, nature, science fairs, cell biology, creative labs, earth science.">
</HEAD>
PS - You really don't need the META stuff right now - it just helps people to locate and use your page when they use Search Engines  like Google
The Background Picture and Text Colors of Your Page 

PS - The bgproperties="fixed" is a cool property I like to use - the text moves as you scroll but the background stays still.

<BODY BACKGROUND="http://members.shaw.ca/tannasl/bg_looseleaf.gif" BGCOLOR="" LINK="blue" VLINK="purple" ALINK="red" TEXT="black" bgproperties="fixed">
You can have a plain color background (you could have just put "yellow" in BGCOLOR or you can put in a picture background - note the "address" of the picture I used - it's an image from one of my web pages hosted by Shaw...every picture I use has an address - copy the address and you're in like Flint.
Putting Stuff on Your Page

The best way to put stuff on your page is to use tables - "tr" means "row" and "td" means a cell in a row.

<table border="1" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>Type some stuff here</td>
<td>
<img src="http://members.shaw.ca/leonard92/soccer_fight.gif"></td>
<td>Type some more stuff</td>
</tr>
</table>

Closing Your Page

Give Your Page a File Name
This page's file name is "web.htm" 

</body>

</html>

Here's a link to addresses of images that you can use for your pages: 
Image Links (some of my best stuff that you're free to use)

ADDING COOL STUFF TO YOUR PAGE - Images, Java Effects, Etc.

Adding Pictures

Image Source = the address of the picture and the type of file - gif

<img src="http://members.shaw.ca/mtannas/guardme2.gif">
Putting Pictures on a Background

Enter the address of the background, then add the image address.

<BODY BACKGROUND="http://members.shaw.ca/tannasl/bg_blueskyani.gif">

<img src="http://members.shaw.ca/mtannas/guardme2.gif">

Adding Java Effects

It's just a matter of inserting Java Code into pages.  Here's a few links to excellent Java Codes and a few pages I've created using Java.

Java Code Sources

Dynamic Drive
Java Script
Javascripts


Sample Pages

Mouseover Image Link
Image Spotlight
Floating Links
Evil
Flying Links
Click Slide Show
Splash Entry
Slide Show Background
Clock Cursor Trail
Fixed Background

Sample Pages

Background Changing
Menu Follow
Slide Show - Dissolving
Mouseover Effect
Menu Popup Stays Top
Announcement Pop Up
Right to Left Slide Show
Drag And Pull Java
Calendar
Folder Links
Resizing Image
Flash and Java combined
Loader

Text Animation Sources

Crecon Banner Makers
Cool Archive
Linux Envy
Arcadia Animations

 

Flaming Text
Acme Label Maker
Banner Maker Links
Media Builder
IQ Auto Text
Web Animator
Fire House Banners
Banner Shop
Media Builder
Text Applets
Animated Alphabets

Often Used Functions  Copying - Pasting Text and Data
control  c
= copy  control  v = paste   control  x = cut 
Inserting Links
<a href="http://members.shaw.ca/leonard92/origami_bird.gif">Text or Image Address</a>
Inserting Links That Pop Up In a New Window
<a href="http://members.shaw.ca/leonard92/origami_bird.gif" target="_blank">Text or Image Address</a>  


Watch This Demo Copy the HTML code of this page and paste it into Rollie's Yahoo server Geocities or into Diaryland or Shaw.  It works really well if you  use the full address of all your image links. Results
Diaryland  messing.html
Rollie's New  messing.htm
Shaw Page messing.htm
How I Build Pages Whenever I browse the web using my favourite daily sites and I find a site that I can use for teaching I enter it immediately into my appropriate page as a link and when I have the time I build activities or files using the link.  Teaching Page  L. Tannas
Weekly Page
[Web Page Builder] - an awesome online tool Courtesy of M. Renaud His Page  His Other Page
SWISH ZONE
Some Links

Files
Downloads
Web Page Color Codes
Graphics
Broadband
Java Tutor
Tiny Url
Creating A Web
Extreme Fonts

Web Page Analysis
Start Up Panel
Java Script Code
School Stuff
Really Big
Colours
Gif Optimizer
Gifworks
My Imager
Adobe
HTML Editor
Learn the Net
Java 2
Web Stuff

Web Page Help
E-mail contact leonard92@shaw.ca   Resume   Len Tannas         Phone  1-780-450-8851