Creating Web Pages / Websites Using MS Word - Session 1

   

 

Click on the Word icon to download the instructions on this page in MS Word file format.  (doc. 374KB)

Click on the PDF icon to download the instructions on this page in PDF file format.  (PDF 354KB. You need Adobe Reader to download.)

Acrobat Reader software is available for free download from the Adobe Systems web site. To obtain Acrobat Reader, click the icon.

 

   
You may be already familiar with some contents included in this session. Please be aware that this course is designed to allow beginning level computer users to explore all steps necessary to create web pages/websites.
   
For those who are taking the correspondence course:
  Please read and follow the instructions below. There is a task for Week 1 at the end. As you work through the instructions, you will complete the task. Week 1 task is due on Wednesday February 7.
   
If you have any questions, please contact Shunko Muroya.
   

 

Shunko Muroya, Japanese Advisor, Curriculum Branch, Alberta Education

Email: shunko.muroya@gov.ab.ca          Tel: +1-780-415-6165          Fax: +1-780-422-3745

   
Session 1
 
Before we start

A.  Switching "doc" (Word) documents into HTM (web page) documents

B.  Signing up for a Yahoo! ID and free Yahoo! Geocities web space

C.  Uploading web pages on the Yahoo! Geocities server

 

 

Week 1 Task
 

   
Before we start
   
  About MS Word
   
  Microsoft Office Word 2003 is used for the instructions in this course. If you have a different version of MS Word, some functions might work differently. But most of them should work basically the same.
   
  Click and Right-click
   
  In the following instructions, if it says "right-click," that means click the "right" button on the mouse.
   
  Multi-task Function
   
 

To work on the instructions below, you will need to have multiple windows open on your computer screen (i.e., have different programs/software such as MS Word, MS Internet Explorer, Paint, etc. open and work on them simultaneously). You don't need to close these windows each time you switch the program/software. You just keep them open, switch the windows back and forth, and work on them. This function is called "multi-task."
 
 
Here's how you switch windows:
 

All the programs/software you launched are indicated in the taskbar as "open window buttons." By clicking on these buttons you can bring up the window you want to work on to the top of the screen. Other windows/programs/software are hiding behind the top window, but if you click on the button of the program/software/document you want to work on, it will come to the top of the screen.
 
In the following illustration, "MS Word," "Internet Explorer," and "Paint" are open. By clicking each of the "open window buttons," you can bring the window you want up to the top of the screen.
 
The "Show Desktop" button is also very handy when you need to go back to your desktop (the desktop is the screen with no open program/software shown. Your desktop should look like the screen you see after you start/boot your computer).
 

 

If you don’t see the "Show Desktop" button in the taskbar, move the cursor to an empty part of the taskbar, right-click, click on "Toolbars," and click on "Quick Launch."
 

 

 
Page top
 
 
A. Switching "doc" (Word) documents into "HTM" (web page) documents

 

 

 Introduction

Web pages you see on the Internet are usually HTM or HTML documents. These documents are not exactly the same as the documents you usually make using applications such as MS Word because the web pages are written in a different type of code called HTM (hyper text mark-up) or HTML (hyper text mark-up language). Open any web page in your browser (the program you use to view web pages, e.g., Internet Explorer, Mozilla Firefox, Netscape Navigator, Safari), click on "View" in the task bar and click on "Source" to see how that particular page is actually written. The source (or HTM document) looks totally different than how it appears on the web page screen. That’s how web pages are written.

 

BUT don’t worry. You don’t need to know this programming language to create simple web pages. Applications such as MS Word can switch the code from a normal document such as a "doc" document into an HTM document.

 

 

A-1

Start MS Word, open a new document and type in your school name in Japanese.

 

* If your or your students’ computer doesn’t have Japanese language capability, please go to one of  the following web pages and follow the instructions to install IME (Input Method Editor):

     - Declan Software-Installing the Japanese IME (http://www.declan-software.com/japanese_ime/)

     - Users-side.com-How to install Global IME (http://www.users-side.com/hint/global_ime/)

 

* If you or your students don’t know how to type in Japanese on your computer, please go to Nihongo Memo (www.nihongomemo.com), click on "Resources," then click on "コンピューターでにほんごをつかおう" to download the worksheet/instruction.

 

 

A-2

Click on "File" and click on "Save As" (Do not click on "Save as Web Page…"). The "Save As" dialogue box will appear. Click on the "Save in: " pull-down menu and click on "Desktop."
 

 

 

 

A-3

At this point, you need to create a folder. Click on the "Create New Folder" icon, name the folder ("school name" website) and click "OK." We will use this folder to keep all the HTML documents, images, photos and other files for your website.
 


 

 

 

A-4

Type in a name for your web page, "index" here (lower case letters or Arabic numbers only; do not use space, capital letters and other symbols) in the "File name:" box, then click on the "Save as type:" pull down menu (), and click on "Web Page." Make sure you didn’t choose "Web Page, Filtered" or "Web Archive" at this point, and click on "Save." You’ve just created a webpage! If you look at the MS Word screen, you’ll notice that there is no margin or dark grey part anymore.
 


 

 

 

A-5

Let’s have a look at the web page you just created.

 

Keep the Word screen open. Go to the desktop. There are three ways to do this:

    a. Minimize the Word screen by clicking on the left small square of the three small squares
       in the right-hand top corner.

    b. Right-click on the empty part of the Windows task bar and click on the "Show the
        Desktop/Minimize All Windows" option.

    c. Click on the "Show Desktop" icon in the "Quick Launch" menu in the task bar by the
        "Windows Start" button. 
 

a.
   
b.
   
c.

 

By doing one of above three, you should be looking at the desktop.
 

 

 

A-6

The folder you just created ("school name" website) should be on the desktop. Double-click on the folder, and then double-click the icon of the document you just saved ("index") in the folder. Your browser should start automatically and open the web page you just created.
 


 

   

 

 

 

If the web page doesn’t appear like the picture above "ABCD (エービーシィーディー) 高校," there is something missing or something wrong in the process. Delete the folder on the desktop (right-click the folder and click on "Delete" or drag and drop the folder in to the Recycle Bin), and try the Steps 1 to 6 again.
 

  
 

   
Page top
   

 

 

B.

Signing up for a Yahoo! ID and free Yahoo! Geocities web space

 

 

 

Now that you have created a web page, you need to publish it. Publishing a website/webpage generally means copying/uploading all of its files to a web server.

 

All the Japanese Web Page Contest participants must use the free web space offered by Yahoo! Geocities Canada. Please follow the directions below and sign up for a Yahoo! ID and Yahoo! Geocities Canada web space. It’s all free of charge. Even if you already have a Yahoo! ID, please get another. This ID will be used just for the contest because you need to share the ID and the password with the contest organizer for technical purposes.

 

 * In case access to the Yahoo! and/or Yahoo! Geocities website is being blocked at your school, please ask the computer technical support person of your school to add the domains (Yahoo! Canada & Yahoo! Geocities Canada) to the school list of allowed websites, or to change category settings for site blocking.

 

For a quick and temporary measure, please access the Yahoo websites from home to sign up for your Yahoo ID.
 

 

 

B-1

Go to Yahoo! Canada (http://ca.yahoo.com/), click on "Sign up" and follow the directions there. You should use your school name for your Yahoo! ID as it will appear in the URL of your website. (Do not use a space between words and capital letters. Example: abcdhighschool.) Make sure you write down your Yahoo! ID and password in case you forget them. You will receive an email from Yahoo! Canada (title: Welcome! Your first email). You don’t have to do anything that says in that email.

 


  

 

 

B-2

Go to the Yahoo! Canada (http://ca.yahoo.com/) homepage and click on "Geocities" in the left-hand side menu. The "Welcome, schoolname" page will appear. Click on "Start Building Now."
 


 

  

If the following "Welcome, Guest" page appears, go ahead and sign in. That will bring you to the "Welcome, schoolname" page above.
 


 

 

 

B-3

The "Sign up for your Home Page" page will appear. Follow the directions there. Choose "Schools & Education" for the "Choose a Topic" choice. Beware that the "Verify Registration" part is case sensitive.
 


 

 

  

B-4

The "Congratulations" page will appear. Click "Build your page now!"
  


 

 

 

B-5

The "Welcome, yourschoolname" page will appear. This is the Yahoo! Geocities Canada server homepage for your school website. It would be a good idea to bookmark this page on your browser so that you can access this page quickly later. (To bookmark this page, click on "Favorites" in the task bar, click on "Add to Favorites…," and click on "OK.")

 

You will use "File Manager" to upload web pages you and your students have created. The URL (web address - http://ca.geocities.com/yourschoolname) of your website is also displayed on this page. You can also check how many people have visited your website by using the "Site Statistics" function on this page.

 

Click on "File Manager."
 


 

 

 

B-6

This page will appear. Make sure the check boxes are checked as follows and click "Open File Manager."
 

   
Page top
   

 

 

C

Uploading web pages on the Yahoo! Geocities server

 

 

C-1

The File Manager page will appear. There will already be an "index.htm" file there.

 

As every website must have an "index.htm" page as the "home page"*, Yahoo! Geocities automatically placed a temporary "index.htm" page in your website when you signed up.

         

* The word "home page" means a couple of different things. Here we mean the page designated as the main point of entry of a website (the page you see first when you visit a website).

       

Click on "View" and have a look at the temporary "index" page.
 

 
 

You don’t want this as your home page, so you have to replace this temporary home page with the "index" page you created.
  


 

 

 

C-2

Click on the "Easy Upload - Upload To" button on the File Manager page.
  


  

 

 

C-3

The "EZ Upload" page appears. Click on the "Browse…" button.
 


  

 

 

C-4

The "Choose file" dialogue box appears. Click on "Look in: " to pull down the list, click on "Desktop," and then double-click on the "school name website" folder in which you saved the "index" file.
 


 

 

 

C-5

The "school name website" folder will open. Click on "index," make sure that "index" appears in the "File name:" box, and then click on the "Open" button. This will bring you back to the "EZ Upload" page.
 


 

 

 

C-6

Make sure that you have the right file ("index.htm" in this case) in the long rectangular box. Check the "Automatically convert filenames to lowercase" box, and then click the "Upload Files" button.
 


 

 

   

C-7

Make sure that "Upload results" indicates "index.htm – Uploaded successfully." Then click "Continue to File Manager," which will take you back to the "File Manager" page.
 


 

 

 

C-8

On the "File Manager" page, click "View." This will open your "index" page in a new window. That’s your first web page on the Internet. Whenever you upload a page to the server, this "View" button next to the file you uploaded is the one you need to click to check if it’s uploaded or not.
 


 

 

 

C-9

You should have a web page similar to the one below on your screen.
 


 

 

 

  End of session 1
   
   
The following is the Week 1 Task for those who are taking the correspondence course.
   
1

After finishing all the instructions above, you should be looking at your "index" page on the Internet.

Click on the URL in the "Address" box to highlight it, right-click, then click "Copy" to copy the URL.
 

 

2 Open your email program (e.g. Outlook, Outlook Express), open a new email message and paste the URL into the text area (move the cursor inside the text area, right-click, then click "Paste").
   
3

Also type in the following information in the text area:

-          your name

-          your school name

-          telephone number to reach you at school (optional)

-          your province/state

-          your country

-          your Yahoo! Password*

     -     questions or suggestions (if any)
 
* Your Yahoo password is required strictly for technical purposes for the course instructor to assist course participants when technical problems arise. Please do not use this yahoo ID and password for any other purpose than this course and the Japanese Web Page Contest.
   
4 Type in "Week 1 Task" in the Subject area.
   
5

Copy the following email address and paste it into the recipient address area (To…).

     shunko.muroya@gov.ab.ca
   
6 Send the email.
   
Please send the email by Wednesday February 7. Your task will be checked and you will receive a confirmation email. Next instruction material (Week 2) will be sent out to you on Friday February 9.
   
   

Page top

   

Go back to Instructions page

 

Home