![Page 1: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/1.jpg)
Crea%ng a Personal Website for L12Capstone
Part 1 Website setup and
crea%on of Webpages
![Page 2: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/2.jpg)
You can use a number of different products:
• Weebly • Wix • Google
However, this tutorial will only focus on
how to use Weebly.
![Page 3: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/3.jpg)
Input your Full Name, Email, and create a Password. Click “Get Started”
You will “Sign Up Free”
Go to www.Weebly.com
![Page 4: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/4.jpg)
PLEASE
Write down and keep your Email, and new Password in a safe spot.
Many people immediately forget which email they used
and what password they created.
SAVE the email and password in your wallet or purse.
![Page 5: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/5.jpg)
Choose the “Free” version Choose “Site”
There are dozens of “Themes” to choose from.
Browse through your op%ons and select one.
![Page 6: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/6.jpg)
Create a URL for your website… hVp://xxxxxxx.weebly.com
![Page 7: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/7.jpg)
I selected the following URL…
hVp://lapeercapstone.weebly.com
You will select your
own personal URL
![Page 8: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/8.jpg)
Copy the URL onto a sheet of paper and give to your aVendance teacher.
Your teachers will be using this URL to access your
website for many of your grades such as your Final Exam.
hVp://_________.weebly.com
![Page 9: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/9.jpg)
An automated tutorial will pop-‐up. You can “X” out of this tutorial.
![Page 10: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/10.jpg)
This is the GENERIC website with the theme that I selected.
![Page 11: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/11.jpg)
Highlight and type in a new Title.
Click here and type in your Name.
Click here and type an 80 word biography
![Page 12: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/12.jpg)
Now we will create Pages for your website.
Click on the Page tab.
![Page 13: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/13.jpg)
Click on the “About” tab.
Click “Delete Page”.
Confirm “Yes, delete page”.
![Page 14: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/14.jpg)
Click on the “Contact” tab.
Click “Delete Page”.
Confirm “Yes, delete page”.
![Page 15: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/15.jpg)
At this point, you now only have one page… …your Home page
![Page 16: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/16.jpg)
We will now add a new Page
Select “+ Add” Select “Standard Page”
![Page 17: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/17.jpg)
We now have a New Page
![Page 18: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/18.jpg)
The new name will appear here when done.
In the box, type the name of this page, “Semester 1”
![Page 19: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/19.jpg)
Add another new Page
Select “+ Add” Select “Standard Page”
![Page 20: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/20.jpg)
Name this page, “Semester 2”
![Page 21: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/21.jpg)
Let’s pause and save our work.
Click “Save & Edit”
![Page 22: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/22.jpg)
NOTHING is saved un%l you
Click “PUBLISH”
![Page 23: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/23.jpg)
Verify the URL…
hVp://lapeercapstone.weebly.com
![Page 24: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/24.jpg)
I changed the URL for this website.
Click “Con%nue”
![Page 25: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/25.jpg)
Choose a Category for your Website
Everyone should select “Educa%on”
Select “Teacher”
Click “Con%nue”
![Page 26: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/26.jpg)
Almost Published…
To make sure you are real, type in the code
given to you…
Finally, click on “OK, Publish My Site”
![Page 27: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/27.jpg)
Whenever you Publish and see this screen, click on the ‘x’ in the upper-‐right corner
Published !!!
![Page 28: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/28.jpg)
Let’s go back to “PAGES” and create some more new
pages and edit them.
We have our HOME page,
SEMESTER 1 page, and SEMESTER 2 page.
Let’s conBnue to set up the Website.
![Page 29: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/29.jpg)
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Junkyard Ramp” Junkyard Ramp
Junkyard Ramp
![Page 30: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/30.jpg)
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Bristlebots” Bristlebots
![Page 31: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/31.jpg)
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Career/College” Career/College
![Page 32: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/32.jpg)
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Survival Guide”
Survival Guide
![Page 33: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/33.jpg)
Click on the “Junkyard Ramp” page and move it UNDER the
Semester 1 tab.
Junkyard Ramp is now a “subpage” under the “main page”
of Semester 1.
Junkyard Ramp
Bristlebot Career/College Survival Guide
![Page 34: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/34.jpg)
Move Bristlebot, Career/College and
Survival Guide subpages under the Semester 1
main page.
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 35: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/35.jpg)
Using the same procedure as before, add 2 new pages
called…
Community Based and ARC
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 36: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/36.jpg)
Move both Community Based and ARC
under Semester 2 so that they
are subpages.
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 37: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/37.jpg)
Be Careful…
DO NOT move them too far and make ARC a subpage under Community Based
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 38: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/38.jpg)
Here is the tentaBve layout for
all websites.
(You can ignore the addi%onal tab of
Astronomy/Meteorology. That is for my other class.)
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 39: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/39.jpg)
Home
Semester 1
Semester 2
Here is what it will look like for the public.
Junkyard Ramp Bristlebot Career/College Survival Guide
![Page 40: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/40.jpg)
Here is what it will look like for the public.
![Page 41: Creang(a( Personal(Website(( for(L12Capstone( Part1( …lapeerseniorcapstone.weebly.com/uploads/3/8/4/0/38409435/weebly... · Creang(a(Personal(Website((for(L12Capstone(((Part1(Website(setup(and(creaon(of(Webpages](https://reader033.vdocument.in/reader033/viewer/2022052018/6030b8b2f5013f32f7481acc/html5/thumbnails/41.jpg)
Let’s pause and save our work. Click “PUBLISH”
Published !!!
Remember, ajer you Publish and see this screen,
click on the ‘x’ in the upper-‐right corner