8
W W e e e bl We ly I n eb Crea n s t ation M C t ru c Made Ea C. Micha Sp c ti o asy ael Sturg pring o n s eon, Ph. g 2011 s D. 1

Weebly used in Education: Training Document

Embed Size (px)

DESCRIPTION

This document is useful for teaching students how to use Weebly and at least get them started. Multiple screen shots are embedded in the document to help as well.

Citation preview

Page 1: Weebly used in Education: Training Document

 

 

 

W

 

Weeebly

We

 

ly In

eb Crea

nst

ation M

C

truc

Made Ea

C. Micha

Sp

ctio

asy 

ael Sturg

 

pring

ons

eon, Ph.

g 2011

D.

1

Page 2: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

 

1. Pu

Weebly.

amount 

advertis

“paying 

This han

The Wee

compon

shots an

2. We

The We

instructions 

ation Made E

We

rpose

.com is a site

of time afte

ing to suppo

customers” 

ndout is to ac

Instruct grou

Instruct as to

Share alread

View differe

ebly product

nents in the i

nd instruction

eebly Ac

eebly accou

Since you arhttp://educasimilar to th

Your usernaand social ne

Use a passw

Lastly, use yprivileges th

Easy 

eebly D

e that allows

er the creatio

ort this offer.

after they fi

ccomplish th

up in obtaini

o how the in

dy accomplis

ent modes of

t provides an

nterface fun

ns are provid

ccount

unt is free of

re a student, ation.weeblye image belo

me is not thetwork acco

word that you

your LeeU.edhat weebly of

Descr

 users to set

on of their sit

.  The suppo

nd the intuit

he following:

ing an accou

nterface func

shed sites as 

f editing and

n interface th

nction as drag

ded for settin

f charge bu

 you can havy.com as theow: 

e site name,unts (i.e.  tjo

u are familiar

du account asffers. 

  

ription

tup and acco

te.  Amazing

rt they receiv

tiveness of th

nt. 

ctions 

examples 

 content pro

hat is intuitiv

g and drop r

ng up your a

t limited to

ve some extre site to go to

 so use someohnston or ti

r with on oth

s your email 

n & Ins

unt, develop

ly, Weebly d

ve is based o

he Weebly.c

ovision  

ve in general

outines.  In t

ccount. 

two website

ra features bo for creating

ething that ymjohnston e

her accounts

in order to a

struct

p pages, and 

does not floo

on “free user

om site deve

 and in navig

the following

es:

y using g your accou

 you are usedetc) 

s to ensure re

attain “educa

C. Michael 

tion

use for an u

od sites with 

rs” becoming

eloper. 

gation.  All 

g section (#2

unt.  It should

 to on other

ecall 

ation” accou

Sturgeon 

unlimited 

2) screen 

d look 

 email 

unt 

 

Page 3: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

3. Log

Rememb

 

instructions 

ation Made E

gin and

ber your user

Go ahead anPassword, it 

 

The next scrscreen that 

 

The “Gettingsimply creat

  

Easy 

Begin

rname and p

nd login at tht should look

reen you seeappears as t

g Started” scting a websit

password ‐ 

he top wherek similar to th

 will be a wehe one in th

creen will thete.  For the p

 

  

e you see a ghe image bel

 

elcome screee following s

en appear ofurpose of a c

gray box requlow. 

en, click on “Sscreen shot.

 

ffering videoclass project

uiring a User

Skip this step 

 demos, settt, select “Cre

C. Michael 

rname and 

p” when you

ting up a claseate a websit

Sturgeon 

u see the 

ss, or te.” 

 

Page 4: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

 

instructions 

ation Made E

Upon followyou to provi

 

After placingspaces” youset of subca

 

The screen sinstructions the list if yourepresent yo

Easy 

wing the prevde a name fo

g the name o then click thtegories for 

shot below isto help in you intend on kour topic … it

vious instructor your site a

of your site ihe dropdownyour site.  Af

s an exampleour next stepkeeping this t must be un

 

  

tions on this and the type

n the “title on menu and fter complet

e of the nextps.  First, maas a free sitenique in orde

document ye of site you 

 

of your websselect the tyting this, clic

t screen you ke sure you e.  Secondly,er to be avail

you will see aare wanting 

site” box (whype of site, wk the “Contin

 

will see.  Adselect the op, type in the lable. 

C. Michael 

a page that rto create.  

hich can incluwhich then prnue” button

ditionally, thption that is name you fi

 

Sturgeon 

requires 

ude rovides a . 

here first on nd to 

 

Page 5: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

4. Ta

instructions 

ation Made E

i loring y

Now that yonow have shThis portionwould prefein the image

  

 Often you mreplace the gimage, hovewill appear. 

 

The option tallowing you

 

Easy 

your We

ou have comhould see a p of the docuer it to look.  e for your ne

may find thatgeneric one er over the m Click on but

to edit the imu to select th

ebsite

pleted all reqpage that hasment is to shThe screen sxt step. 

t you like a dthat weebly

mouse over thtton and you

mage is showhe image you

  

quired stepss a plain apphow you howshot below in

design but wo supplies withe image anu will see opt

wn in the screu would pref

 to have youpearance andw to begin tandicates a ta

ould prefer ath their desigd an orange tions for edit

een shot beloer: 

 

ur website acd a number oailoring the sab entitled “D

a different grgns.  In ordebutton entitting the imag

ow, click on 

C. Michael 

ccount setupof tabs to clicite to look aDesign” click

raphic or phor to change ttled “Edit Imge. 

 

“Add Image

Sturgeon 

p, you ck on.  s you k on it as 

oto to the 

mage” 

e” 

 

Page 6: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

 

instructions 

ation Made E

After clickingimage you w

 

In the right‐the image yo

 

After your im“Elements” “Title” and “the “Paragr

 

C

Easy 

g on the “Adwant to use i

hand cornerou selected, 

mage/photo – here you w“Paragraph”raph with Tit

Congrat

dd Image” opn place of th

r you will seeclick “Save”

is what you will see a num” – just to metle” to the w

tulation

 

  

ption you thehe supplied im

e “Cancel” anotherwise c

want and wmber of toolsention a fewebpage.   

ns – yo

en click the “mage. 

 

nd “Save” opancel the pr

 

here you was appear suc.  Follow ste

ou are n

“Choose File

ptions.  If youocess. 

ant it to be, gch as “Paragrps 1, 2, and 

now sta

C. Michael 

e” button to f

u are pleased

go to the tabraph with Ti3 below, dra

arted !

Sturgeon 

find the 

d with 

b entitled itle” agging 

 

 

Page 7: Weebly used in Education: Training Document

Weebly i

Web Cre

 

  

 

instructions 

ation Made E

Now you canpage.  An ex

 

Lastly, in ordscreen shot #2 – Click on#3 – Select “website, and#4 – Type th

  

To add morefollow the p

Easy 

n edit the titxample of thi

der to createbelow; #1 – n the icon loc“Website” asd  he site URL in

e pages to yorovided inst

tle, change this is in the sc

e a link in youHighlight thcated on thes your option

nto the provi

our site, clickructions for 

  

he formattincreen shot be

ur text, followe text you we blue tool ban if you are li

ided box – a

k on the tab naming the 

ng of the titleelow: 

w the steps #want to turn tar that appeainking to a p

nd click “Sav

on the top topage(s). 

e and then ad

#1 through #to a link,  ars as a chainage that is n

ve.” 

oolbar entitl

C. Michael 

dd content t

#4 as shown 

n link,  ot within yo

ed, “Pages” 

Sturgeon 

o your 

 

in the 

ur 

and 

 

Page 8: Weebly used in Education: Training Document

Weebly instructions    C. Michael Sturgeon 

Web Creation Made Easy 

 

        

  8 

Resize Images http://toki‐woki.net/p/Shrink‐O‐Matic/  

5. Supporting Information

If you need additional help outside of class, do not hesitate to contact us.  My email address is the 

best for contacting me :  [email protected]  ‐  C. Michael Sturgeon, Ph.D.