Community Learning Network
|Location: Internet Tools and CD > - Intro to HTML > - Appendices||Visitor:
Login Printable version
The following HTML code is a basic template for creating a single Web page on the CommunityNet. It's the basic code that's generated by our Instant Web Page Kits. If you want to create a simple Web page on our system, just take this text and copy and paste in the appropriate information for your organization. Everything that's in italics should be replaced by your information.
<HTML> <HEAD> <TITLE>Your IP's name</TITLE> <LINK REV="owner" HREF="mailto:Your email address"> <!-- created the date by your email address --> <!-- modified the date by your email address --> </HEAD> <BODY> <CENTER> <!--#include virtual="/includes/ip-hosted1.html"--> <HR> <IMG SRC="sample.gif" ALT="" WIDTH=190 HEIGHT=76 VSPACE=10><BR> <FONT SIZE="+2">- <B>Your IP Name</B> -</FONT> <P> <HR> </CENTER> <BLOCKQUOTE> <B>Mission:</B><BR> Your organization's mission statement. <P> <B>Services:</B><BR> Services, if appropriate. </BLOCKQUOTE> <P> <HR> <P> <BLOCKQUOTE> <B>Contact:</B><BR> Contact name, if appropriate. <P> <B>Your IP's name</B><BR> Street address<BR> City, Province. Postal code<BR> Canada. <P> <B>Phone:</B> Your phone number. <BR> <B>Fax:</B> Your fax number. <P> <B>Email:</B> <A HREF="mailto:Your email address">Your email</A> <P> This page last updated the date. <P> Copyright © 1996 Your IP's name. <P> </BLOCKQUOTE> <!--#include virtual="/includes/footer.html"--> </BODY> </HTML>
First, be very careful with the lines that begin with <!--#include. If you insert an additional space in the wrong place in those lines then they won't work. Sorry, but computers can be very fussy at times. Note also that the #include information will only appear once your file has been installed on the VCN computer.
Second, we have a couple of variants on the "We're hosted by CommunityNet" graphic. If you don't like the default one, try the other option:
Third, you can have our system automatically timestamp your files with the most recently modified date. That saves you the bother of having to update the date manually each time you make a change. Just put in the following text into your page:
This document was last modified on
Once again, be very careful if you use this code - it must be typed in precisely as show above, or it won't work. For more details on this, check out the Cool Stuff page.Back to top
Appendix B - Coding Style
Coding Style by Example
Here is an example of "bad" code.
<HTML ><head><Title>Hello World</TITLE></Head><Body bgcolor=white text=black> This is a very simple web page. Notice that the browser does not pay attention to spaces that we add to our document unless you specify what type of spacing you want<p>Like when you use a paragraph tag or a <br> break line tag. <A HREF = "next.html"> click here to go on to the next page </A></BODY>
Here is an example of good code:
<BODY BGCOLOR = "FFFFFF" TEXT = "000000"
VLINK = "AAAAAA" ALINK = "564345">
<!-- CREATED NOVEMBER 25, 1999 -->
This is a very simple web page. Notice that the
browser does not pay attention to spaces that we
add to our document unless you specify what
type of spacing you want
Like when you use a paragraph tag or a
<BR>break line tag.
Continue<A HREF = "next.html">on</A> to go to the next page.
<!-- ENDING OF PAGE BODY -->
Appendix C - Top Ten Tips for Designing a Usable Web Site
Well, once you've created your splendid HTML documents, how do you get them to the CommunityNet? Here are the steps:
1. You can upload the files using our dialup lines.
Log into our dialup system and transfer the files using WS_FTP95 LE or other FTP programs - FTP (file transfer programs).
a) Log into the system using your VCN dialup network connection.
b) Once you have logged onto the VCN system, load your FTP program (instead of Netscape Communicator). You will then have to connect to our webserver using the address, username, and password given to you by us.
When you click on Connect, your screen should look like the diagram below:
c) Type in the following on the general menu as it appears above:
Profile Name: Vancouver CommunityNet
Host Name/Address: vcn.bc.ca
Host Type: Automatic detect
User ID: your vcn login ID
Password: your vcn password (click on save Pwd so you don't have to type this again)
d) Before connecting, click on the startup menu and type in the following:
Initial Remote Host Directory: webdata
Initial Host Directory: c:\mywebdata (or whatever directory you have set up on your local system to hold your website files)
e) Click on the connect button at the bottom left of the screen to make the connection.
Your screen should look like the diagram below:
f) Downloading (from the webserver to your personal computer):
Highlight the file(s) you want to download by clicking on them in the right column. Click on the left arrow key ( ß ) in the middle column to transfer the files to your c:\mywebpage directory.
You can now edit this file using either a webpage editor or a text based program.
g) Uploading (from your personal computer to the webserver)
Highlight the file(s) you want to upload by clicking on them in the left column. Click on the right arrow key ( à ) in the middle column to transfer the files to your webdata directory on the server.
h) Close your FTP connection by simply clicking on the close button (bottom left of screen).Back to top