Creang(a( Personal(Website(( for(L12Capstone( Part1(...
41
Crea%ng a Personal Website for L12Capstone Part 1 Website setup and crea%on of Webpages
Transcript of Creang(a( Personal(Website(( for(L12Capstone( Part1(...
Crea%ng a Personal Website for L12Capstone
Part 1 Website setup and
crea%on of Webpages
You can use a number of different products:
• Weebly • Wix • Google
However, this tutorial will only focus on
how to use Weebly.
Input your Full Name, Email, and create a Password. Click “Get Started”
You will “Sign Up Free”
Go to www.Weebly.com
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.
Choose the “Free” version Choose “Site”
There are dozens of “Themes” to choose from.
Browse through your op%ons and select one.
Create a URL for your website… hVp://xxxxxxx.weebly.com
I selected the following URL…
hVp://lapeercapstone.weebly.com
You will select your
own personal URL
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
An automated tutorial will pop-‐up. You can “X” out of this tutorial.
This is the GENERIC website with the theme that I selected.
Highlight and type in a new Title.
Click here and type in your Name.
Click here and type an 80 word biography
Now we will create Pages for your website.
Click on the Page tab.
Click on the “About” tab.
Click “Delete Page”.
Confirm “Yes, delete page”.
Click on the “Contact” tab.
Click “Delete Page”.
Confirm “Yes, delete page”.
At this point, you now only have one page… …your Home page
We will now add a new Page
Select “+ Add” Select “Standard Page”
We now have a New Page
The new name will appear here when done.
In the box, type the name of this page, “Semester 1”
Add another new Page
Select “+ Add” Select “Standard Page”
Name this page, “Semester 2”
Let’s pause and save our work.
Click “Save & Edit”
NOTHING is saved un%l you
Click “PUBLISH”
Verify the URL…
hVp://lapeercapstone.weebly.com
I changed the URL for this website.
Click “Con%nue”
Choose a Category for your Website
Everyone should select “Educa%on”
Select “Teacher”
Click “Con%nue”
Almost Published…
To make sure you are real, type in the code
given to you…
Finally, click on “OK, Publish My Site”
Whenever you Publish and see this screen, click on the ‘x’ in the upper-‐right corner
Published !!!
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.
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Junkyard Ramp” Junkyard Ramp
Junkyard Ramp
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Bristlebots” Bristlebots
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Career/College” Career/College
Add a new Page Select “+ Add”
Select “Standard Page”
Name this page, “Survival Guide”
Survival Guide
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
Move Bristlebot, Career/College and
Survival Guide subpages under the Semester 1
main page.
Junkyard Ramp Bristlebot Career/College Survival Guide
Using the same procedure as before, add 2 new pages
called…
Community Based and ARC
Junkyard Ramp Bristlebot Career/College Survival Guide
Move both Community Based and ARC
under Semester 2 so that they
are subpages.
Junkyard Ramp Bristlebot Career/College Survival Guide
Be Careful…
DO NOT move them too far and make ARC a subpage under Community Based
Junkyard Ramp Bristlebot Career/College Survival Guide
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
Home
Semester 1
Semester 2
Here is what it will look like for the public.
Junkyard Ramp Bristlebot Career/College Survival Guide
Here is what it will look like for the public.
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
