Web Skills: Project Website Creation- Part

1
The Basics of Website Creation Using Weebly

After you’ve completed this web skills project, you will:

● Know how to create a website that has:
○ Text
○ Pictures
○ Multiple Pages
● Have created a website that you can choose to use to act as your portfolio for
graduation.

Project Steps:
Creating Your Own Website. This is to learn the skill of creating a website to share
information.

___ Watch this short (3 minutes) video about good web design:
_
http://www.youtube.com/watch?v=ONvkpC2khGY&feature=related Be able to answer
this question:

According to the video, what does “UPS” stand for in web design?
User, Purpose and Simplicity.

_____ Complete the website comparison worksheets (Down below)

____ Think about the website you will be designing to host your graduation portfolio.

1. Who will your users be?

Me, My Co-Op team (for portfolio)

2. What will the purpose of your site be?

 Portfolio for PBGR

3. When designing your site, think about how you can keep it simple and easy to use.

____Use Weebly to create a website of your work for your graduation requirements

__/__ Create a Username and Password for your account

www.weebly.com
User: chloe15@centerpointservices.org (or Chloe Pepin)
Pass: illyria17

Your web address for your website is:

https://cpepbgr.weebly.com/

___/__ Choose a design template for your site.

_____ Write a paragraph on your homepage explaining what it means to be doing Proficiency
Graduation Requirements. Make sure your paragraph uses correct spelling and
grammar.

_____ Include at least two images on your home page. One image should reflect a healthy
interest that you have. The other image should relate to your graduation school work.

___/__ Try out at least 3 different “layout” options. Choose the one you like best for your
homepage.

___/__ Create a separate page for each of the domains you need to demonstrate
proficiency in to graduate. So, for example, create a page called “career skills,” and
then another page called “life skills,” etc. You don’t need to add anything to these pages
yet. Later, if you choose to use this website as your portfolio, you will be able to add your
work to these pages.

ONCE YOU HAVE COMPLETED THESE STEPS…

You will have the base set-up of your website ready.
Step Two will be developing each section of your website
by adding your work.
 Website/ Portfolio Comparison Sheet

Sample portfolio #1: http://eduffy.weebly.com/

User (Target Audience): Who do you think the target audience for this site is? (ie, who does
the creator want to visit this site?)
Possible employers, friends or people she wants to know more about her.

Purpose: What’s the purpose of this site?

Resume, about her,

How well did the creator accomplish this purpose? 1 2 3 4 (1 = worst, 4 = best)

What’s one thing the creator could have done to better accomplish their purpose?
Probably not as many giant words and quotes, because - for me, at least - it’s a little hard to
see where to start reading. (On the first page.)

Simplicity: How easy is it to understand this site? 1 2 3 4

How easy is it to navigate this site? (How easy is it to get where you want to go?) 1 2 3 4

Overall: Do you like this site? Why or why not?

I think I do like it, it’s fairly easy to navigate and it’s interesting to read about her life. It’s also
well written.

Sample portfolio #2: http://carnaghiteachingportfolio.weebly.com/

User (Target Audience): Who do you think the target audience for this site is? (ie, who does
the creator want to visit this site?)
Potential employers,

Purpose: What’s the purpose of this site?

Resume, About her and what she teaches,

How well did the creator accomplish this purpose? 1 2 3 4 (1 = worst, 4 = best)

What’s one thing the creator could have done to better accomplish their purpose?
I honestly don’t think she should change anything.
Simplicity: How easy is it to understand this site? 1 2 3 4

How easy is it to navigate this site? (How easy is it to get where you want to go?) 1 2 3 4

Overall: Do you like this site? Why or why not?

I do, I think it’s very well written and easy to understand. The headings make it very easy to
navigate.

Sample portfolio #3: http://oliviapalermo.com/

User (Target Audience): Who do you think the target audience for this site is? (ie, who does
the creator want to visit this site?)
Fans of her work or just people interested in some of the things she blogs about.

Purpose: What’s the purpose of this site?

It seems to be a blog created by and about a model. (Unless I totally got that wrong :) )

How well did the creator accomplish this purpose? 1 2 3 4 (1 = worst, 4 = best)

What’s one thing the creator could have done to better accomplish their purpose?
I don’t think there is anything that would change.

Simplicity: How easy is it to understand this site? 1 2 3 4

How easy is it to navigate this site? (How easy is it to get where you want to go?) 1 2 3 4

Overall: Do you like this site? Why or why not?

I think so, I’m not really one for a fashion/makeup blog so I probably am not the best person
to judge it, but I like the way it’s set up.

Sample portfolio #4: http://www.opresume.com/tonianifong/about

I tried using the link but it’s not coming up.

User (Target Audience): Who do you think the target audience for this site is? (ie, who does
the creator want to visit this site?)

Purpose: What’s the purpose of this site?

 How well did the creator accomplish this purpose? 1 2 3 4 (1 = worst, 4 = best)

What’s one thing the creator could have done to better accomplish their purpose?

Simplicity: How easy is it to understand this site? 1 2 3 4

How easy is it to navigate this site? (How easy is it to get where you want to go?) 1 2 3 4

Overall: Do you like this site? Why or why not?

STEP TWO: WHAT GOES ON MY WEBSITE?

___/__ Createa separate page for each of the seven domains you need to demonstrate
proficiency in to graduate. So, for example, create a page called “career skills,” and
then another page called “life skills,” etc. You don’t need to add anything to these pages
yet. Later, if you choose to use this website as your portfolio, you will be able to add your
work to these pages.

___Each page of your website needs to be about one project. On that page you should have a
3-5 sentence (minimum) description of the project and two pieces of evidence of that project.
Could be a picture or a pdf document of your actual work.

THIS WEBSITE GOES ON YOUR TRANSCRIPT.

Check your spelling and grammar.
Make it professional.