Creating an E-Portfolio with Word's Web Wizard

SOFTWARE SKILLS BUILDERS
PREPARING AN ELECTRONIC PORTFOLIO
Word offers you a easy-to-use Wizard to help you to create a web site. This feature can also be
used to create of a web-based template to use as an electronic portfolio. This Skills Builder will
assist you in preparing an electronic portfolio template to which you or your students can add
sample work.
Word Wizard
helps you to
automatically create
a series of
professional looking
documents. This
Skills Builder uses
the web site wizard
but numerous other
templates and
wizards are available
to you. You should
take time to explore
these valuable timesaving
tools.
In this activity you will prepare the template to which you can link your work samples. Once
linked, you need only click on links to display sample work. The e-portfolio is created as a “web
site” on CD and can be accessed using any browser. Because the website and all related files
should be stored in the same location, it is a good idea to begin by creating a folder on your
desktop. This folder will be used for your web site. In this Skills Builder you will copy the work
sample files you wish to include in your electronic portfolio to this folder as well. Once complete,
you can copy the entire folder on a recordable CD for easy sharing and distribution
As in all Skills Builders, look for this computer icon next to each step.
Whenever you see it, you should complete that step on your computer. The
right side of the page will show you what you should see on your screen as
you complete each step.
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 1

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
Read / do this:
You should see this:
1
To Create a Folder:
• Right click on your desktop.
• A menu will appear. From that
menu, click on New.
• A second menu will pop up.
From this menu, click on
Folder.
• A New Folder will appear on
your desktop.
Click on New
Click Folder
2
To Name the Folder
• The new folder you created will
appear on the desktop with its
name selected.
• While selected (blue), begin
typing.
• Enter the name My E-Portfolio.
• Click on the desktop to deselect.
• You will use this folder to store
you e-portfolio website and all
of the sample work documents
you want to include in the
portfolio.
New Folder with Name Selected
New Name
3
To Add Files to the Folder:
• Open your My Documents folder
to find your files.
• Select a file you want to include
by clicking once on it.
• With the file selected, click on the
Edit menu and select Copy to
Folder
• The Copy Item dialog box will
appear.
• Scroll down the list of desktop
folders until you find your E-
Portfolio folder. Click on it to
select it.
• Click on the Copy button.
• Repeat for all of your sample
files.
Copy to Folder
Select Folder
Copy Button
Copy Item
Dialog Box
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 2

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
With your folder ready and your files copied
into it. You are now ready to create your
portfolio website.
Click New to open the
New Document pane
4
To Begin the Word Wizard
• Start Word.
• Click on File from the Menu
Bar
• Click on the option New.
• The New Document pane will
open on the far right.
• In the Template section, click
On My Computer
New Document
Pane
Click On my computer...
5
To Begin the Web Wizard
• A tabbed template window will
open. You can select from a
variety of built-in Word
templates. Too view your
options you will need to click on
a tab at the top of this windows.
• Click on the Web Pages tab.
• Double click the Web Page
Wizard icon.
• The Web Page Wizard opening
screen will appear.
• Click the Next button to begin
the Wizard
Web Page
Wizard Icon
Tabbed Pane
Wizards automate the process of
creating forms, templates, and
web pages.
Web Page Wizard
Opening Screen
Next Button
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 3

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
6
Name the Web Site:
To begin entering data,
• Click in the area marked Web
site title.
• Type in My Electronic Portfolio.
• Then click Browse to select
your desktop e-portfolio folder.
• A window will open so you can
browse your desktop. Look
through the folders on the
desktop and click on your e-
portfolio folder to select it.
• Click the Open button to select
this folder as the folder to save
your website in.
• Click the Next button to
continue.
Select E-Portfolio Folder
Open
Enter Title
Next
Browse
7
Select Navigation Style:
Navigation style determines
where navigation buttons will
appear.
• If a vertical navigation style
is already selected, leave it
as is.
• If it is not already selected,
click the circle just to the left
of the choice, Vertical frame.
• Click the Next button to
continue.
Select
Vertical
Frame
Next
8
Select Number of Pages:
The Wizard will default to create
3 pages. For your e-portfolio you
will need only 2 pages.
• To reduce the number of
pages to two, click on the
page 3 to select it.
• Click on the Remove Page
button.
• Click the Next button to
continue.
Remove Page Button
Page 3
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 4

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
In the next step of the Wizard, you can
customize the name of each of your two
pages.
New Name
of First Page
9
To Customize Page Names:
• Double click on page 1 in the
hyperlinks box.
• A Rename Hyperlink dialog
box will appear.
• Type in the text, All About Me
and click the OK button. The
page name will be changed
from 1 to All About Me.
• Double click on 2 in the
hyperlinks box.
• A new Rename Hyperlink
dialog box will appear.
• Type in the text, My Portfolio
and click OK.
• The second page will now be
renamed.
• Your Wizard should now show
new page names for each of
your two pages as shown
below, right.
• Click the Next button to
continue.
New Name of
Second Page
OK
Rename Button
OK
Rename Button
The wizard will automatically
create pages and link them
together for you. When done, the
wizard will have created a website
with the number of pages you
select and with customized names.
Together these linked pages are
saved into a single folder to create
your web site..
Renamed
Pages
Next
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 5

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
Themes are styles that can
be added to give your
website or electronic portfolio
a professional and coordinated
look. A theme will be applied
to all pages of your website.
10
To Add a Theme:
• In the Theme dialog box,
click on the Browse Themes
button to view style choices.
• Click on different theme
names to preview their
appearance.
• Find and click on the Blends
theme.
• The dialog box should
appear like the one to the
right.
• Click OK to return to select
the them and return to the
Wizard.
• In the box under Add a
visual theme, Blends will
appear.
• Click Finish to complete the
electronic portfolio web
page.
Blends Theme
OK BUTTON
Theme
BLENDS
FINISH
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 6

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
11
To Test the Links in your
Electronic Portfolio:
• The Wizard will automatically
create a two page web site
which you can now modify.
• If a floating Frames toolbar
appears on top of the
document close it by clicking
the close button on the far
right of the tool bar.
Floating Tool Bar
Close Button
The document is divided
vertically into a left and right
frame. Links between pages are
located In the left frame while the
page text area is located in the
right frame.
• To try the links between the
two pages, click anywhere in
the left frame.
• Point to the My Portfolio link.
• Press the Control (Ctrl) key
on the keyboard and the
pointer will turn into a hand
indicating a hyperlink.
• While holding down the
control key on the keyboard,
click the My Portfolio link.
• You will jump to the My
Portfolio page as shown to
the right.
Left Frame
My Portfolio Link
About Me Page
Right Frame
To Return to the About Me
Page:
• Hold down the control key
and click on the About Me
link in the left frame.
My Portfolio Page
Word’s Web Wizard creates the
active links between pages using
the navigation format you selected.
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 7

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
12
To Save Your Web Site:
• With your two linked pages
created and checked, it is a
good idea to stop and save
your electronic portfolio
website.
• To save, click on the disk icon
on the toolbar.
• An updated version of your
website will be saved to your
Now that you have your electronic portfolio
template created and saved, it is time to
customize it by adding your personal
information and work samples. You may
substitute the text in the next step with
your own.
Web sites are saved as a group of related files in a
single folder. When you initially saved your website
in your My Portfolio folder, all related website files
were stored there. Every time you save thereafter,
all pages that you have changed on your website that
are stored in you’re my Portfolio are updated.
The Web Wizard also creates a start page usually
called default or index to launch the related web
pages. This page too will be automatically stored in
your web folder.
13
To Enter Text to the All About
Me page:
• Click into the right frame of
the About Me page.
• Select and bold the page title.
All About Me.
• Change the font size of the
page title to 14.
• Press enter to move the
cursor to just below the page
title.
• You can now begin to enter
the text to the right (or
substitute your own text) on
your About Me page.
• As you enter your text, add
the text enhancements shown
on the right. Feel free to also
add enhancements of your
own such as font styles, font,
color, etc.
In the Left Frame, Click
All About Me
Press Enter
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 8

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
14
To Add Text to Portfolio Page:
• Repeat the process in step 11
to jump to your My Portfolio
Page
• Select the page title, My
Portfolio and change it to bold,
14 point, red font.
• Press enter twice to move the
cursor down to lines.
• At the insertion point, add the
subtitle, Software Skills
Samples. Make the title bold.
• Beneath the new subtitle add
each of the software subtitles
as shown to the right.
• Select these by dragging
across them.
• Once selected, click the bullet
button on the tool bar to
convert these subtitles to a
bulleted list.
• Repeat these steps to add the
text and text enhancements
that you see bottom right. You
may add to or substitute your
own text and enhancements if
you prefer.
Page Title
Subtitle
Software Subtitles
Bullet Button
Select Subtitles
In the next step, each of the bulleted
items you added will be linked to the
sample work files you copied to your e-
portfolio folder. Anyone viewing your
electronic portfolio will be able to use
their browser software to view your All
About Me and My Portfolio home pages
to jump between your links to view the
collection of your sample work.
My Portfolio Page
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 9

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
15
To Link Files:
• Select the subtitle Word by
dragging across it.
• Once selected, click on the
Hyperlink button on the tool
bar.
• The Insert Hyperlink dialog
box will appear as shown
below right.
• Use the down arrow to the
right of the Look In box to
locate your desktop e-
portfolio folder.
• Double click on your e-
portfolio folder to open it.
• Look through the files you
copied to your e-portfolio
folder in step 3. Find the
sample Word file you wish to
link to this subtitle. Your
sample file list may differ
from those listed below right.
• Once located, click once on
the file you wish to link to
select it.
• Click the OK button to
complete the link.
• After linking the file, you will
be returned to your My
Portfolio page.
• The subtitle you selected will
now appear as blue
underlined text to indicate
that it is a link to another
document.
Hyperlink Button
Select Text
Insert Hyperlink Dialog Box
Target File
Look In
Options
OK Button
Hyperlinked Text
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 10

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
16
To Test the Completed
Link:
• To test the link, hold
down the control key and
click on the link.
• You will jump to the
document you linked to.
• To return to your My
Portfolio page, click the
back navigation button on
the navigation bar at the
top of your screen.
Linked Text as it Appears on My Portfolio Page
Linked Text
Repeat these steps 15 and 16 to link
the remainder of your work sample files
to the appropriate text heading. Add
text headings as needed to match and
link to the your work samples you have
selected
When working with Word web
pages, a navigation bar will be
added to the Word tool bars. Use
the back navigation button
available on this new tool bar to
move between linked documents
and your web pages.
Control + Click to Test Link
Back Navigation Button
17
Save your Finished E-
Portfolio:
• When all links are
completed, save your
work by clicking on the
save icon on the Toolbar.
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 11

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
18
To View and Test Your
Website’s Pages:
• Click on the File menu and
click on the option Web
Page Preview
• Your browser will open.
• Test and explore the pages
of your electronic portfolio
by clicking on the links you
have created.
• After testing all links, close
the browser to return to
Word.
Preview
Close Browser Button
To view all pages of the website
and test all links, it is necessary to
launch the start (usually called
index or default) page that was
created and stored in you My E-
Portfolio folder.
Default
File
19
To View Your Website:
• Minimize Word.
• On your desktop you
should see your My E-
Portfolio folder. Double
click it to open it.
• Among the files created by
the Web Wizard you will
find one named default.
• Double click that file to
launch your Browser and
your website.
• Try all the links. If any do
not work, reopen Word
and correct them.
Remember, you must have
the documents you want to
link to in the folder as well.
Desktop Portfolio Folder
Folder Contents
Website in Browser Window
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 12

SOFTWARE SKILLS BUILDERS
SCIENCE ACTIVITY WITH RUBRIC
19
To Print:
• To print your portfolio
web pages, click on the
File menu and select
Print..
• Click OK to print a hard
copy of all pages.
To Exit:
• To exit Word, click on the
close button on Word’s
title bar.
Print Button
Close Button
Teaching and Learning with Technology
Building Word Skills
©Allyn and Bacon, 2005 page 13