Starting Your Webpage @ 2Learn.ca

~ a 2Learn.ca Tool which allows you to build a
simple webpage transparently, without any HTML coding expertise.

       

Been here before? Go directly  to the
2Learn.ca Create-A-Webpage Tool  and start building!



Please ensure that you have planned your page prior to using the 2Learn.ca Create-A-Webpage Tool.
Remember that this tool, unlike other 2Learn.ca tools, MUST be completed in one sitting.
This Webpage Tool will guide you through the following steps:
Use the Planning Resources to develop your understanding of the elements and responsibilities when creating a  Webpage

While you may know what simple content you wish to display on your webpage, you should be aware of copyright, FOIPP and webpage function guidelines. Also included are the ICT's which are met when you have students prepare webpages.


Creating a Simple Webpage
a. you will be filling in the following information:
  • Title
  • Content
  • Hyperlinks to resources or other related webpages
  • Contact Information
  • School Information

b. you will be selecting:

  • images
  • bullets
  • background colours or images
  • bars

Note: all images on this 2Learn.ca webpage tool are copyrighted to 2Learn.ca, but are free for you to use on any educational non-profit site.


Viewing Your Webpage
You will be given an opportunity to view the page you have created and examine it for content and spelling errors, and graphic detail -- the overall effect.
Editing your Webpage
Using the "back" key on your browser, you will be given an opportunity to edit the page you have created to meet your desired effect.
Saving Your Webpage
You can get prepared now for saving by creating a folder on your hard drive, which will be the container for the HTML code document that you are creating and all the images that you have selected to be part of your webpage.
You will be given two options for saving your webpage:

  • Option 1: emailing the HTML code of your page to your personal email address.  
    The page and images arrive as attachments  in an email to you, and can be saved onto your hard drive in the folder that you created as a container for your webpage. Alternately, the email can be forwarded to a network administrator for posting to your school or district server.  Please check to see if the email service being provided in your district allows for attachments.

If you have a PC computer, here is what to do when your email arrives:
Your email will contain the code for your HTML document and instructions on how to save it. Saving your webpage when it is emailed to you is a two-step process.  Once you receive your email message you will need to capture the HTML code that is contained within your email message and your attached images and save them to your hard drive.

  • Saving the HTML Code: To save the HTML code, highlight and then copy the text from your email message and paste it into a Notepad or another word processing document. Select from your menu: File->Save as and  in the File Name dialogue box , type index.html as the name of your webpage.  This will save your file under the title index.html, which is a standard title for the first page of a website. Place this in the folder you have created for your webpage.

  • Images: Your images will arrive as attachments to the email, so you can "right-click on the attached image icon in the email message,  and select the SAVE AS command to direct the saving of a copy of the image (without changing the image name) into the folder which contains your index.html file.

If you have a MAC computer, here is what to do when your email arrives:
Your email will contain the code for your HTML document and instructions on how to save it. Saving your webpage when it is emailed to you is a two-step process.  Once you receive your email message you will need to capture the HTML code that is contained within your email message and your attached images and save them to your hard drive.

  • Saving the HTML Code: To save the HTML code, highlight and then copy the text from your email message and paste it into a Simpletext or another word processing document. Select from your menu: File->Save as and  in the File Name dialogue box , type index.html as the name of your webpage.  This will save your file under the title index.html, which is a standard title for the first page of a website. Place this in the folder you have created for your webpage.
  • Images: Your images will arrive as attachments to the email, so you can "double-click on the attached image icon in the email message,  and select the SAVE AS command to direct the saving of a copy of the image (without changing the image name) into the folder which contains your index.html file.

Option 2: saving your webpage to your local hard drive (instructions are provided for PC and MAC environments within the tool).


Modifying your webpage, once saved to your own desktop.
Once your webpage has been saved to your hard drive, you may modify the webpage you created. Use an editing tool to update, modify, add images etc. (See the Resource list for modifying your webpage below).