|
|||
|
|
|
||
| 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 |
|||
|
|
|
||
| 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."
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. 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
b.
Right-click on the empty part of the
Windows task bar and click on the "Show the
c. Click on the
"Show Desktop" icon in the "Quick Launch" menu in the task bar by the
a.
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 | |||
|
|
|
||
|
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. |
||
| 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. | |||