Download Creating Web Pages in FirstClass

Creating Web Pages in FirstClass
Prepare FirstClass
To begin your WPS classroom or course web
site, ask your Instructional Technology
Specialist (ITS) to create a web
space conference. Once the
web conference is created, the
icon will appear on your
FirstClass (FC) Desktop.
➩ You should also ask your ITS what the web
address of your home page will be.
➩ All of your web page work will be done
inside your web conference. Double-click the
icon to open it.
Create a New Page
1. Click the down arrow on the New tool and
chose New Document Special > Department
Home Page.
2. In the page header fill in these Link Name
and Subject/Title fields.
Link Name is the file name that your page
will be saved under. Use index as the name
for your home page.
Subject/Title is the phrase that will appear at
the top of your page.
➩ You may also choose to fill in the Keywords
field with words related to the content of your
page. This will help those using a search engine
to find your page.
3. Click on the small arrow (▲) at the bottom of
the window to view the body of your web
page.
4. When you are finished working
on your page, click the Save and
Close tool.
View Your Web Page Online
You will want to go online to review a web page
after you have created it. Many web pages look
slightly different in different browsers (e.g.
Firefox, Safari, and Internet Explorer) and on
different platforms. It is a good idea to review
your pages in different browsers and, if
possible, on both a Mac and PC.
 To view a page you have created in a
browser: Use the home page web address
your ITS gave you. For pages other than the
index page, substitute the link name you gave
the page in place of “index.”
Insert a Text Link
You can simplify creating a link to a web page
if you have (1) the web document you are
working on open in FirstClass, and (2) the page
you want to link to open in a browser window at
the same time.
Note: The technical name for a web page
address is Universal Resource Locator (URL).
1. In the browser window, copy the web address
of the page you wish to link to.
2. In the FirstClass web document, select
(highlight) the text that you wish to link.
3. Click the Make Link tool.
Creating Web Pages in FirstClass • Lisa Sanderson & Ron Koehler (2008)
Page 1
Insert an Image Link
When making an image a link, follow the same
procedure as for creating a text link. Instead of
selecting the text, select the image by clicking
on it.
 To make an image a link: Click on the
image, then click the Make Link tool.
4. In the Format Link window, paste the copied
address into the Target URL.
5. Click OK.
➩ When linking to outside web pages (those
that are not a part of the WPS web site), follow
the convention of choosing Use New Window
from the Window menu. Links to other school
and district pages should be set to Use Same
Window.
 To make changes to a link: Doubleclick on the red marker in front of the
linked text.
Insert an Image
1. Copy the image from it’s original location.
2. Open your web page in FirstClass.
3. Click the location on the page where you
wish to image to appear.
4. Paste the image.
Resize an Image
1. Click on the image.
2. Position the mouse pointer
over the image handle in
the lower right corner.
3. When the mouse pointer becomes a
double-headed arrow, drag to shrink
or enlarge the image
proportionally.
Insert Tables
Tables are a tool for presenting tabular data and
can also be used for laying out text and graphics
on a web page. A table consists of one or more
rows; each row consists of one or more cells.
Cells can contain text or images.
To insert a table:
1. Click on the page at the place you want the
table to appear.
2. From the Insert Object menu (in the toolbar),
choose Table.
3. Enter new values as desired, then click OK.
 To change the appearance of the entire
table: Click on the table, then choose Format
Table from the Format men (on the toolbar).
 To change the appearance of one or more
cells in a table: Click the cell (or drag to
select a group of cells), then choose Format
Cells from the Format menu (on the toolbar).
 To insert or delete rows or columns of
cells: Click or drag to select the row or
column, then choose from the Table menu
(on the toolbar).
➩ Tables can be used to control the alignment
of text and images: use no borders or
background colors. Tables may also be
nested.
➩ Dragging the image by the handle on the
bottom or right side will stretch the graphic in a
non-proportional way.
Creating Web Pages in FirstClass • Lisa Sanderson & Ron Koehler (2008)
Page 2