How to Create a Website Using

QuickTime and a decompressor are needed to see this picture.

By Evan Scallan

Table of Contents
Introduction..4 Getting Started: Creating a Weebly Account.5 The Front Page: E ential ! Adding a Title.....10 Adding a Cover P oto!"#age.11 Adding a Te$t %escri&tion..15 Adding Page to "our Web ite...................................18 Creating a 'ew Page..19 U&loading a .doc or .&df file to t e Page22

Publi hing "our Web ite.#$

Conclu ion.............................................................. .....#%

Fre&uently'A (ed' )ue tion .28

Introduction So )o* Want to +a,e a Website.nly a few years ago/ website design re0*ired an e$tensive ,nowledge of t#l coding and #any ti#es re0*ired a &aid &rofessional to create t e site correctly. Wit recent advances in tec nology s*c as t e creation of t e website Weebly.co#/ website creation is now fast and easy1 T e only t ing needed to create yo*r own website is a co#&*ter/ e#ail address/ internet access/ and a creative #ind. T is is a &rogressive #an*al on ow to #a,e yo*r very own website.

By following this manual you will be able to create a website 2

that includes: 3A o#e &age 3)o*r res*#e 3Sa#&les of Professional writing 3An "ntrod*ction!Abo*t +e &age

You will also learn how to: 3U&load "#ages 3%elete or rena#e *nnecessary &ages 3How to *&load .doc or .&df doc*#ents 3P*blis yo*r website

Introduction (Cont ! W y +a,e #y .wn WebsiteCreating yo*r own website will enable yo* to e$&ress yo*rself to ot ers/ #ar,et yo*rself to clients and e#&loyers/ and even be an interesting creative obby. 4egardless of w at yo* *se t e website for/ creating yo*r own is a very *sef*l tool in t e #odern world.

Pros and Cons of Weebly.co#

"ros: 3Ability to easily create a &rofessional website 36ast creation 37ittle co#&*ter e$&erience re0*ired 3+any different website te#&lates to c oose fro# Cons: 37ess versatility t an creating a website fro# scratc 3Weebly Pro o&tion costs 888 3+ore standardi9ed website style 3%oes not incl*de feat*res s*c as 6las / ect.

#etting $tarted: Creating a %eebly com &ccount

To get started on creating yo*r website/ yo* #*st first beco#e a #e#ber of Weebly.co# 1 Choose an Internet browser and ty'e in %eebly com in the ()* bo+ at the to' ,his will direct you to the %eebly com front 'age

QuickTime and a decompressor are needed to see this picture.

2 ,o sign u' for %eebly com- ty'e in your .ull /ame- 0mail- and desired "assword in the bo+es on the left side of the screen You may also sign u' using your .aceboo1 if desired Clic1 2$ign u' It3s free43 You will be ta1en to a new 'age

QuickTime and a decompressor are needed to see this picture.

#etting $tarted (Cont !

5 6n the ne+t 'age- you will be 'rom'ted with three ty'es of website to choose from: $iteBlog- and $tore .or this manual we will clic1 2$tore3 You will be ta1en to a new 'age

QuickTime and a decompressor are needed to see this picture.

7 6n the ne+t 'age- you will be 'rom'ted with many website themes and color layout to choose from &fter clic1ing the desired theme clic1 desired bac1ground color (it will be a bo+ at the bottom of the theme! and clic1 2Choose3

QuickTime and a decompressor are needed to see this picture.

#etting $tarted (Cont !

5 6n the ne+t 'age you will be 'rom'ted to choose a domain name You ha8e the o'tions to create a free domain name ending in 2 weebly com3- register a new <

domain name (for a fee!- or lin1 your website to an already e+isting domain name Choose your o'tionty'e in the domain name desired and clic1 2Continue3

QuickTime and a decompressor are needed to see this picture.

#etting $tarted (Cont !

9 You will be 'rom'ted with a new screen that gi8es you the

o'tions to 2"lan :y $ite3 or 2Build my site3 Clic1 the o'tion desired (for this manual we will clic1 2Build my site3

QuickTime and a decompressor are needed to see this picture.

You are now ready to start designing your website4

,he .ront "age: 0ssentials

,he front 'age of your website is one of the most im'ortant >

elements that your 8iewer will first see when entering *i1e any ;ob inter8iew- a good first im'ression on your website can either ma1e or brea1 how your 8iewer will 8iew the site as a whole ,y'ical ,hings to include on the front 'age: <& title best describing the website <& co8er image <& brief descri'tion of the 'ur'ose of the website (if the website is to mar1et yourself- ty'e a brief descri'tion introducing yourself Be creati8e but 'rofessional ! =ee'ing the front 'age sim'le ,oo much te+t or images will distract the 8iewer from the website3s real 'ur'ose

QuickTime and a decompressor are needed to see this picture.

1?

,he .ront "age (Cont !

&dding a ,itle ,he title will inform the 8iewer the 'ur'ose of the website It should be clear and concise 1 Clic1 the te+t bo+ labeled 2:y $ite3 >elete the default title and create your own

QuickTime and a decompressor are needed to see this picture.

11

,he .ront "age (Cont !

&dding a Co8er "hoto?Image &dding a co8er 'hoto will greatly enhance the 8isual a''eal of your front 'age and gi8e the 8iewer a better idea of the 'ur'ose of the website ,he 'hoto should be related to the title 1 *ocate the bo+ labeled 2Image3 on the toolbar under the 2B&$IC3 section on the left side of the 'age

1(

QuickTime and a decompressor are needed to see this picture.

,he .ront "age (Cont !

12

#.Clic( and drag the *I+AGE, bo- to the center o. the creen labeled */0AG E1E+E2TS 3E0E,. A ne4 bo- 4ill a55ear in the a6e area o. the creen.

QuickTime and a decompressor are needed to see this picture.

5 Clic1 the bo+ labeled 2("*6&> I:&#03 & new bo+ will 'o' u' containing 8arious 'hoto u'load o'tions

QuickTime and a decompressor are needed to see this picture.

,he .ront "age (Cont !

15

4.Clic( *75load an 5hoto .ro6 your co65uter,. Choo e the 5hoto you 4i h to u e .ro6 your co65uter, .ile and clic( *85en,. "our 5hoto 4ill be added to the .ront 5age.

QuickTime and a decompressor are needed to see this picture.

QuickTime and a decompressor are needed to see this picture.

1:

,he .ront "age (Cont !

5.0e i9e your 5hoto by clic(ing at the corner o. the 5hoto and dragging to4ard or a4ay it center.

QuickTime and a decompressor are needed to see this picture.

"ou no4 ha:e a co:er 5hoto .or your .ront 5age. "ou can u e the e a6e te5 to add i6age to other 5age ; 4hich 4ill be e-5lained later in thi tutorial.

Ti&@ Use a & oto wit a larger widt t an lengt for a #ore s&read o*t and *nifor# loo,ing front &age.

1;

,he .ront "age (Cont !

Adding a Te-t /e cri5tion Adding a hort te-t de cri5tion to your .ront 5age 4ill in.or6 your :ie4er o. the 5ur5o e o. the 4eb ite. Along 4ith the co:er 5hoto and title; the te-t de cri5tion 4ill aid in creating a cohe i:e 6e age to con:ey to the :ie4er. <. *ocate the bo+ labeled 2,0@,3 on the toolbar under the 2B&$IC3 section on the left side of the 'age

1<

QuickTime and a decompressor are needed to see this picture.

,he .ront "age (Cont !

#. Clic( and drag the *TE=T, bo- to the center o. the creen labeled */0AG E1E+E2TS 3E0E,. A te-t bo- 4ill a55ear in the a6e area o. the creen.

1=

QuickTime and a decompressor are needed to see this picture.

,he .ront "age (Cont !

1>

>. Ty5e in a brie. de cri5tion o. your 4eb ite and it 5ur5o e. "ou 4ill al o be able to choo e your layout; .ont i9e and other o5tion in the blac( bo- abo:e the te-t bo- 4hen the te-t bo- i clic(ed.

QuickTime and a decompressor are needed to see this picture.

"our 4eb ite 4ill no4 contain te-t on the .ront 5age to acco65any your title and co:er 5hoto. Thi a6e 6ethod can be u ed to in ert te-t bo-e on other 5age ; 4hich 4ill be di cu ed later on in the tutorial.

QuickTime and a decompressor are needed to see this picture.

(?

&dding "ages to Your %ebsite

Adding di..erent 5age to your 4eb ite i a highly e..icient 4ay to organi9e di..erent 5iece o. in.or6ation you 4i h to hare 4ith your u er. "ou can 6a(e 5age .or: 'An *About +e?@io, ection '"our re u6e and 5ort.olio 'A blog '+edia uch a :ideo or audio And 6uch; 6uch; 6ore.

1et, create a 5age .or your re u6e.

(1

&dding "ages (Cont !

Creating a 2e4 Page Adding a ne4 5age .or your 4eb ite i :ery ea y u ing Weebly.co6 . It, 4hat you do 4ith it that count . For thi e-a65le 4e 4ill 6a(e a 5age .or a re u6e. <. Clic( the blue tab *PAGES, at the to5 o. the creen.
QuickTime and a decompressor are needed to see this picture.

#. To add a ne4 5age; clic( *Add Page A, in the orange rectangle on the le.t ide o. the creen. A ne4 ection 4ill a55ear in the area belo4.

QuickTime and a decompressor are needed to see this picture.

((

&dding "ages (Cont !

>. For your ne4 5age; enter a 5age title under *Page 2a6e, B.or thi tutorial 4e 4ill enter *0e u6e,C.
QuickTime and a decompressor are needed to see this picture.

4. Choo e the de ired 5age layout under *Page 1ayout,.

QuickTime and a decompressor are needed to see this picture.

Ti&@ for a res*#e &age/ a s ort eader or no eader is reco##ended. 6or &ages s*c as an AAbo*t +eB/ t e 7anding Page layo*t loo,s very &rofessional and enables yo* to &*t a & oto of yo*rself ne$t to yo*r bio.
(2

&dding "ages (Cont !

5. 7nder *Page 1ayout,; you 6ay choo e .ro6 5ri:acy etting uch a adding a 5a 4ord loc( to the 5age; or hiding the 5age .ro6 the 4eb ite, na:igation 6enu.

QuickTime and a decompressor are needed to see this picture.

$. I. you 4i h to add 6ore detailed in.or6ation to the 5age uch a header and .ooter code ; a 5age de cri5tion o. a 5age title to a55ear in the 5age, 3T+1 tag; clic( *Ad:anced Setting , and ty5e in the in.or6ation de ired.

(5

QuickTime and a decompressor are needed to see this picture.

&dding "ages (Cont !

%. Clic( *Sa:e and Edit, at the botto6 o. the creen to begin editing the ne4 5age.

QuickTime and a decompressor are needed to see this picture.

2o4 4e are ready to u5load the re u6e Bin thi ca e it i a .5d. .ileC to the ne4 5age.

(:

75loading a .doc or .5d. .ile to the 5age

@y .ollo4ing a .e4 i65le te5 ; you 4ill be able to allo4 the :ie4er to do4nload and :ie4 your re u6e or any other docu6ent by clic(ing on a lin( on the 5age.

&dding "ages (Cont !

<. 1ocate the bo- labeled *FI1E, on the toolbar on the le.t ide o. the 5age under the *+E/IA, ection B"ou 4ill ha:e to croll do4n to locate itC.

QuickTime and a decompressor are needed to see this picture.

(;

#. Clic( and drag the *FI1E, bo- to the center o. the creen labeled */0AG E1E+E2TS 3E0E,. A ne4 bo- 4ill a55ear in the a6e area o. the creen.

QuickTime and a decompressor are needed to see this picture.

&dding "ages (Cont !

9 Clic1 the bo+ labeled 2("*6&> I:&#03 & new bo+ will 'o' u' containing u'load and layout o'tions

(<

QuickTime and a decompressor are needed to see this picture.

%. 8n the ne4 bo- clic( *75load ne4 File,.

QuickTime and a decompressor are needed to see this picture.

&dding "ages (Cont !

(=

%.Choo e the .ile you 4i h to u5load and clic( *85en,.

QuickTime and a decompressor are needed to see this picture.

"our 5age 4ill no4 contain a do4nloadable lin( to your .ile.

QuickTime and a decompressor are needed to see this picture.

"ou 6ay .ollo4 the e a6e te5 to create other 5age D

(>

"ublishing Your %ebsite

2o4 .or the ea y 5art. 8nce you are ati .ied 4ith the loo( and layout o. your 4eb ite; you are ready to 5ubli h it. <. At the to5 right corner o. the creen; clic( the orange bo- labeled *P7@1IS3,. A hu6an :eri.ication bo- 4ill 5o5 u5.

QuickTime and a decompressor are needed to see this picture.

A.ter hu6an :eri.ication; you 4eb ite i no4 5ubli hed under the 701 you cho e. Congratulation D

QuickTime and a decompressor are needed to see this picture.

2?

Conclusion
"ou ha:e no4 6ade your o4n 4eb iteD Thi ne4 tool 4ill enable you to better 6ar(et your el. co6ing out o. college; ha:e 6ore creati:e .le-ibility 4ith your online 5er ona and 5ort.olio; and 6uch 6ore. "ou,:e created the 4eb ite; no4 u e it to it .ulle t. "ou 6ay al o u5grade to Weeebly Pro i. you 4ould li(e to 5end a little e-tra 6oney. Through thi 5rogre learned ho4 to: 'Create a 4eb ite 'Create a .ront 5age 'Change 5age title ; add 5hoto and te-t bo-e 'Add additional 5age 'Create a do4nloadable lin( to docu6ent 'Publi h a 4eb ite i:e 6anual; 4e ha:e

21

.or more in<de'th learning- 8isit www weebly com for more information

.reAuently<&s1ed<Buestions
3o4 to I delete a te-t bo-; i6age; or other ele6ent on a 5ageE To delete an ele#ent fro# t e &age/ #o*se over t e bo$ and an A$B in t e rig t and corner will a&&ear. Clic, t e A$B and t e ele#ent will be deleted. I created the 4eb ite; but ho4 do I 6ar(et itE T ere are #any val*able &laces for &rofessional online &ro#otion and networ,ing s*c as 7in,ed"n/ 6aceboo,/ )o*t*be/ Coogle/ and vario*s for*#s on t e "nternet. 6ind o*t w o yo* want to view yo*r site and wor, fro# t ere. Can I delete 6y Weebly account and 4eb iteE )es/ Weebly &rovides t ese o&tions *nder yo*r acco*nt settings Dyo*Bll see t e# near yo*r Alog3o*tB b*ttonE.

2(

I 4ant to get a4ay .ro6 a te65late ba ed 4eb ite and de ign .ro6 cratch. Where hould I tartE )o* can eit er ire a &rofessional web develo&er or learn t#l and co#&*ter coding. "t is a very *sef*l s,ill and a ig ly #ar,etable asset in t e #odern b*siness world. +an*al created by Evan Scallan/ (?12

22