Practical Application:How To

The first step in ePortfolios is deciding where to house them. If your school uses Google Apps for Education (GAFE), Google Sites is certainly a strong candidate. In addition to being part of the Google Apps suite, your administrator can create portfolios for every student. One downside of that particular solution is that when a student leaves the school - either moves away or graduates - she will no longer have access to her own portfolio.

Another option is one of the many web sites that were set up specifically to create an online presence. Many of these are free, or at least have a free version that allows you to create one or two websites.


Weebly is a free website hosting service (with premium versions) allowing for 2 websites, thereby giving the student some flexibility in trying different approaches. Weebly has a site for normal uses and one specifically for educators that includes 40 student accounts. Additional accounts are just $10 for 10.

Here are the front pages of several student ePortfolios using Weebly.

Screen Shot 2015-01-08.png

Screen Shot 2015-01-08 at 4.png

Once you've created a teacher account at, you can add your students in order to create websites for them. The students each get their own login and can choose their site URL (though you may want to standardize it).

Screen Shot 2015-01-08 at 11.22.05 PM.png

Students then have the option if getting right down to building their site or using Weebly's tutorials.

Screen Shot 2015-01-08 at 11.22.34 PM.png

There are a number of brief explanatory videos.

Screen Shot 2015-01-08 at 11.22.55 PM.png

Students can customize the design of their site.

Screen Shot 2015-01-08 at 11.24.05 PM.png

Pages can easily be added.

Screen Shot 2015-01-08 at 11.24.14 PM.png

Weebly has a wide range of drag and drop modules to make creating and customizing the page contents very straightforward.

Screen Shot 2015-01-08 at 11.23.20 PM.pngScreen Shot 2015-01-08 at 11.23.37 PM.png

Creating a Weebly website

Even if you do not ultimately decide to use Weebly, this is a worthwhile exercise for several reasons: it is good practice to work with a new website and see another way to build a portfolio; you may decide to have your students use Weebly; Weebly may be a good vehicle for your own personal website.

Navigate over to and create an account.

Screen Shot 2015-01-09 at 9.18.37 AM.png

Follow the steps to create an account and an initial website. Give your site a name that makes sense.

Screen Shot 2015-01-08 at 11.49.51 PM.png

Screen Shot 2015-01-08 at 11.50.45 PM.png

Once you've named your site, you can start building it. Note that you can always change the design of the page. Weebly as dozens of different designs.

Screen Shot 2015-01-08 at 11.50.13 PM.png

Once you've chosen a design, you can quickly and easily add pages, and then add elements to each page.

Start by customizing your homepage. Note that each item or element you see on the page is changeable. Go in and change the title, write a description, and - if you have an image easily accessible - change the image.

Screen Shot 2015-01-09 at 9.32.50 AM.png

Screen Shot 2015-01-09 at 9.31.08 AM.png

Screen Shot 2015-01-09 at 9.31.30 AM.png

Screen Shot 2015-01-09 at 9.31.49 AM.png

You might get something like (or more likely completely different from) this:

Screen Shot 2015-01-09 at 11.14.42 AM.png

Now let's look at another page and add some content there. Click on Pages, choose the one called About, and let's change it to a page with no image.

Screen Shot 2015-01-09 at 11.18.34 AM.png

Save it and edit it.

Screen Shot 2015-01-09 at 11.20.03 AM.png

Next, drag content placeholders from the left hand menu onto the page.

Screen Shot 2015-01-09 at 11.20.20 AM.png

Try dragging in a text element, an image, and a Youtube video, then edit the text, upload an image and add a Youtube link.

Screen Shot 2015-01-08 at 11.23.20 PM.pngScreen Shot 2015-01-08 at 11.23.37 PM.png

Screen Shot 2015-01-09 at 12.03.38 PM.png

When you are ready for your site to go live - to see what it really looks like, click on Publish in the upper right.

Screen Shot 2015-01-09 at 12.06.42 PM.png

You can always go back and change the design, add or delete pages, add content to existing pages, etc.


Wikispaces was discussed at length in the CMS unit, so we won't repeat that here. As the teacher, there are several possibilities. You could create a wiki specifically for displaying student work. Students could be members - and thus editors - of the wiki, create their own pages, and upload their own work.

Here's a setup for five Chinese classes. The menu page leads to each student's own portfolio page(s), which they can update - add to, format, etc. - themselves.

Screen Shot 2015-01-08 at 4.36.34 PM.png

Choosing one of the student's pages, you might see the following, where she has added several assignments.

Screen Shot 2015-01-08 at 4.43.38 PM.png

Three Ring

For younger students, where you as the teacher want to create and maintain the portfolio, one possibility is called Three Ring. This is an iPad or Android app that allows you to setup your class, add artifacts - photos, videos, recording, and notes - for each student under various headings or tags. These artifacts are automatically transferred to their online site.

OpenSchool eportfolio

Like Three Ring, OpenSchool eportfolio is setup to allow a teacher to enter sections and populate them with students, then enter projects and add artifacts - images, photos, audio, video, URLs - to the project for each student. It is limitd in this respect - there has to be an associatd project - but otherwise does allow you to store artifacts. All data is shared between the tablet and the website.


We have discussed using Evernote, but it can also be used to collect portfolio artifacts. Note that this probably only makes sense if you are already using Evernote. In that case, it can be a natural solution. Here's an article about using Evernote, originally from

Once you have decided on the host for your student ePortfolios, there are a number of steps that go into the process for you and for your students:

  1. Decide what the purpose of and audience for your ePortfolio is
  2. Collect the work - this should initially be everything you create
  3. Choose the best work to highlight
  4. Add additional information about the work - feedback, process, reflections, etc.
  5. Invite feedback on the portfolio