creating teacher web pages

Creating Teacher Web Pages

───────────────────────

2 Larry Nelson - Instructional Technology - [email protected] - http://webclass.org

Objectives

• Create account – login http:// your name.weebly.com

• Select design

• Add content 1. Plan content and format 2. Type and edit content 3. Contact form

• Insert pictures and video


Why Teacher Web Page

• Communicate with parents and students to enhance instruction

• Weebly is web-based Create / edit page from any computer

Full teacher management

Easy to construct

• Parents can email teacher directly from web page – Contact form

Create Account ───────────────────────


Create Account

• Access http:// weebly.com


Weebly Login



Record Email & Password


Write down

email and password

for

Weebly web page account


Enter CAPTCHA

Completely Automated Public Turing test to tell Computers and Humans Apart

Refresh for new

CAPTCHA

9 Larry Nelson - Instructional Technology - [email protected] - http://webclass.org 9 Larry Nelson - Instructional Technology - [email protected] - http://webclass.org

Enter Site Title

Short and professional Mrs. Doe – Grade 3

Mrs. Doe – English 1

Mrs. Doe – Connections

Mrs. Doe – Social Studies


Enter Site Title

Title can be changed anytime using Settings

X


Close this Window

Click X to close

X

X


Basic Website


Weebly Creation Tools

• Elements

• Design

• Pages

• Editors

• Settings

Design ─────────────────


Design Tab

Click Design to choose webpage

design templates


Design Tab

Click Preview


Design Tab

Click Preview Theme


Design Tab Click

Use Theme or Cancel


Save Site – Publish

Click Publish


Enter Domain Name

Avoid long website domain names

mrsdoeabcelementaryepisd


Enter Domain Name

• Keep domain name short

• Use EPISD username or your first and last name


Domain Name Saved

lcnelson3.weebly.com


Domain Name Saved

X

X

Ignore – purchase required Continue using free version

Always click X to close screen

Elements ─────────────────


Elements Tab

Click Elements to add instructional

content to web page


Content Planning

Focus on parent information

• About your Teacher

• Classroom Expectations

• Class Rules

• Class Schedule

• Homework Policy

• Discipline Procedures

• Classroom Pictures


Content Planning

• Focus on content for parents

• Short paragraphs for readability

• Do not over-use links and pictures


Content Template

About Your Teacher I am very excited to be your child's teacher this year.

This is my 12th year at ABC Elementary, but have

been teaching for 20 years. I was born and raised in

El Paso, graduating from ABC University in 1900.

Classroom Expectations The children in my class should treat each other with

respect. I use a token economy to reinforce this in my

class children are given a token at the end of each

day. The tokens are saved to "cash-in" for a prize on

Friday. I read and sign the planner every day.


Formatting Content

• Click Elements tab – then Basic

• Left-click and hold on Paragraph icon

• Drag Paragraph icon into text box at

bottom


Elements – Basic – Paragraph

• Drag Paragraph icon into text box

• Begin entering content in the text box labeled Click here to edit


Content Formatted



Click Publish


Domain Name Saved

X

X



Adding Pictures

─────────────────


Personal Picture


Built-in free Pictures


Picture as part of Content


Page Name


Site Title

X

Site Title

Page Name


Page Name

Select Hide page in navigation

menu OR type a Page

Name


Insert Picture on Page

Left-click and hold


Drag Picture Element


Place Picture Element

Release left-click to lock picture

element


Insert Picture

Left-click on blue holder


Upload Picture


Picture Uploaded



Click Publish


Domain Name Saved

X

X




Insert Picture using Columns

Two or more pictures must have place holder


Deleting Picture

Mouse-over picture to delete Click red X


Deleting Element


Drag Columns Element

Two or more pictures must have place holder


Place Column Element


Insert Picture Element

Mouse-over to view place holder


Insert any Element



Click Publish


Domain Name Saved

X

X



Adding Video

─────────────────


Insert YouTube Video

Select Multimedia


Select YouTube Element


Drag YouTube Element


Enter YouTube URL

Mouse-over to view place holder

Video will be

viewed here


Paste YouTube URL

Video will be

viewed here

http:// www.. youtube.com/watch?feature=player_detailpage&v=zoFl94DRT0o

Copy URL

from

YouTube


Insert Vimeo Video

Select Basic or More


Drag Custom HTML Element


Access Video @ Vimeo

http:// vimeo.com/ 45406579

Click Share


Copy Embed Code

1. Left-click to highlight all Embed code

2. Press Control-C to copy Embed code


Paste Embed Code

Paste the Embed code from Vimeo

into this Custom HTML box


Paste Embed Code


Play Video



Click Publish


Domain Name Saved

X

X



Campus Web Page

─────────────────


Campus Webpage


Email to Principal

http:// lcnelson1.weebly.com


Online Handouts

http:// webclass.org

creating teacher web pages

Documents