Part Four - Creating Web Pages for Your e-Portfolio

Activity 9

Driving Questions

If you saw a truly exceptional e-Portfolio, what would it look like? What attributes would it have?

1. Using a pencil and paper, draw a flowchart or a picture of the boxes and arrows which map out the navigational structure you want your site to follow.

2. Using a pencil and paper, draw a storyboard or sketch of the general layout for where you want to place various types of information on your individual web pages, (i.e., titles, navigational links, information, copyright statement, etc.).

Activity 10

Driving Questions

What are the basic skills that you need to master in order to create your e-Portfolio? Where can you go for help when you need it?

1) The easiest way to create an e-Portfolio at Penn State is to use the Penn State Blog tool. Login to your own blog at http://blogs.psu.edu. All you need is a web browser, no other software is needed. Once you log in the Penn State Blog tool provides you with a dashboard that allows you to create blog entries or single pages that link to your blog. You can select a style that you like and play around with which widgets you would like to provide your readers.

Consult the http://blogger.psu.edu web site for more information about the Penn State Blog tool.

 

2) Alternatively, you can use the drawings that you created in the previous section as you work your way through the Build it Using a Web Editor tutorial on the http://portfolio.psu.edu web site. this provides you with a bit more control over the design elements in your e-portfolio.

You can use web editing software applications such as Macromedia's Dreamweaver to create web pages from stratch. The goal for the first version of your e-Portfolio might be to create a e-Portfolio similar to the one shown in below. Remember, it is not about your ability to create flashy web pages, rather it is about the evidence you point to and talk about! View examples at http://portfolio.psu.edu/gallery.

A quicker option is to use the the templates for e-Portfolio provided on the http://portfolio.psu.edu web site. You can download these templates to your computer as a zip file. When you unpack or unzip the files in this zip folder into another directory on your computer you will have all the files that serve as a 'shell' for you to fill in with your own information and evidence. Open these files using a web editor such as Macromedia's Dreamweaver, then make and save your changes. When they are ready to go online, connect to your PASS space and upload these files into your 'www' directory.

Consult the http://portfolio.psu.edu web site for more information about web publishing at Penn State.