Japanese Web Page Contest - Web Page Instructions

Instructions For Creating Web Pages / Web Sites Using MS Word - 2007 version

The following instructions are designed for the participants of the 2007 Japanese Web Page Contest, which include some sections that are not included in the instructions for the 2008 Contest (2008 version) and available only in English.

Before we start

Session 1

Session 2

Session 3

Session 4

Session 5

Session 6

Before we start

Session 1 (Week 1)

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

Session 2 (Week 2)

D. Editing web pages (htmL documents)

E. Setting Web Options and Page Properties for web pages

Setting Web Page Options
Setting Page Properties

F. Fonts

G. Updating/renewing a web page

Session 3 (Week 3)

H. Page layout using tables

Introduction
Inserting a table
Changing the table width
Making table invisible
Writing text in table
Problem: Text appears broken in two lines
Making changes to the table
Selecting Table, Column, Row or Cell
Changing width and height of column or row
Merging cells
Other table functions
Horizontal alignment - aligning or centering an item in the cell
Vertical alignment – placing an item at the top, center or bottom of the cell
Inserting a table in a cell

I. Background

Introduction
Page background color
Page background effects
Using picture for page background
Table cell background color

J. Web page and images

I ntroduction
Web page and images
Accompanying file folder
Uploading image

Session 4 (Week 4)

K. Images used in Web pages

Creating a folder for images

Renaming the folder

Saving photographs in the folder

Photographs/images in the folder

About photographs (JPG files/PNG files)

Reducing the size of a photograph

Thumbnails

About other images/illustrations (GIF files)

Downloading and saving images in the folder

Finding free images on the Internet

Downloading free images from the Internet

Creating your own illustrations using Microsoft Paint software

Adding a caption in a photo photograph

Other ways to use Microsoft Paint

L. Inserting images into a Web page

Introduction

Inserting images into a Web page I

Inserting images into a Web page II

Moving an image to the centre (or right) of the cell

Merging cells for a larger image

File folder problem solution

M. Uploading a Web page with images to the server

Introduction

Uploading the “index.htm” file

Creating a subdirectory at the server

Uploading images to the server

Session 5 (Week 5)

N. Definitions – website, web page, home page

website

web page

homepage

O. Hyperlinks

Introduction

Hyperlink types

Hyperlink types and examples

Hyperlink - creating a link to another page in the same window

Hyperlink - creating a link to another page in another website in a new window
/creating a link on an image

Hyperlink/Bookmark Link - creating a link to a specific part of a page

Hyperlink/Bookmark Link - creating a link from a page to a specific part of another page

Hyperlink - creating a link for file download

Hyperlink - creating thumbnail link to a larger photo/image

Hyperlink - creating an email link/mailto

Session 6 (Week 6)

P. Page appearance - layout table width

Introduction

Layout table width – Type A

Layout table width – Type B

Q. Web page using frames

Introduction

Creating a web page using frames

Creating links to the main frame

R. Basic website design

Introduction

Menu/list in the “home (index)” page

Vertical menu/list using a table

Bar menu under the website title at the top

Menu using a table in the middle

Menu using bullet points in the middle

Bar menu at the bottom

Page Top

Home