weebly create a webpage from scratch chris van pelt technology support specialist yorktown community...

18
Weebly Create a webpage from scratch Chris Van Pelt chnology Support Specialist rktown Community Schools @YTCoachVP Peyton Byrum 7 th Grade Student Yorktown Middle School Austin Hill 7 th Grade Student Yorktown Middle School

Upload: janis-cook

Post on 23-Dec-2015

215 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

WeeblyCreate a webpage from scratch

Chris Van PeltTechnology Support SpecialistYorktown Community Schools

@YTCoachVP

Peyton Byrum7th Grade Student

Yorktown Middle School

Austin Hill7th Grade Student

Yorktown Middle School

Page 2: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

What is Weebly? Do-it-yourself website builder

Allows you to create a professional website from a template or build from scratch

Uses widgets to drag and drop features to your website making it simple, yet professional.

Best part, basic use is free!

Page 3: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

What it can be used for Class webpage

Use if you do not have a LMS

Post announcements and pictures

Class Projects Have student create webpages to support

papers written or subjects

Information or Event pages Create a webpage for an event you are hosting!

We created our WeLearn Webpage using Weebly!

Page 4: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Now, How to! Navigate to http://www.weebly.com and sign

up for an account

Page 5: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Registration Fill out the following on the first page:

Page 6: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Choose a Focus Either way does not matter, you receive

same features (I usually choose site)

Page 7: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Theme

Filter Themes at the top

Page 8: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Select A Theme Once you have found a theme select

Give your website a name

Page 9: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Now its time to Infrastructure

Blue = Big changes to website

Design, Pages, Store, Settings

Page 10: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Tools, Widgets And More

Page 11: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

To add a YouTube Video: Go to the video you would like

Copy the URL at the top of the page

Page 12: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

In Weebly Drag over the YouTube Icon

Click on video

Paste your link into the YouTube Video URL

Page 13: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Embed Twitter Feed I Login to twitter.com

At the top of the page, click the

Navigate to the settings page

On left hand side, click Widgets

Page 14: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Embed Twitter Feed II At the top, Click

Fill out the table for your twitter account

Page 15: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Embed Twitter Feed III

Once you click create, a code will be generated for your page. Right click and click copy

Page 16: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Embed Twitter Feed IV

On Weebly, Drag over the icon

Click on table then click

Copy and paste code into box

Page 17: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Feed Reader Allows to embed RSS feeds

Really Simple Syndication

Syncs up to websites and updates automatically

http://yes.yorktown.k12.in.us

Page 18: Weebly Create a webpage from scratch Chris Van Pelt Technology Support Specialist Yorktown Community Schools Peyton Byrum 7 th Grade Student Yorktown Middle

Student Created Pages Three of our 6th grade students created

webpages for their “Digital Portfolio” of their 6th grade year Peyton Byrum:

http://peytondigitalportfollio.weebly.com

Austin Hill: http://austinhill42.weebly.com

Parker Stinson: http://parkerstinson25.weebly.com