1. Develop Your Web Presence Using WEEBLY
Gretchen D. Hynes
Cami Giberson

2. Why do I want to create a web presence?
*Increase communication with parents and students through messages, blog posts, or videos.
*Store and share class resources (documents, web links, tutorial videos, etc…) which you, students, and parents can access.
*Offer additional learning opportunities that your limited class time does not allow.
*Online Teacher Portfolio

3. What is Weebly? http://education.weebly.com/ed-features.php
Weebly is a free website creator. The entire program works through an internet browser. The program offers already created webpage templates with lots of options. Weebly’s controls are intuitive and easy to navigate. Anyone using Weebly can create a professional looking page within a short amount of time.

4. Teacher Portfolio Other Lake Orion Weebly Examples
Lake Orion
Other
Teacher Portfolio

5. What Features Does Weebly Have. Embed videos
What Features Does Weebly Have? *Embed videos *Scrapbooks for pictures Contact page *Allow students to create their own sites (private to public, only teacher and student can see) *Allow students to submit assignments electronically *Set up a Blog within the website *Electronic portfolio of work

6. How Do I Get Started? education.weebly.com
Create a User Name, Password
Once you are logged in, you can begin personalizing your website by choosing your template and color. Then you can begin adding content.
Support:

7. Editing Editing Design: Edit Text: Editing Theme: Edit generic images:
Click design tab
Click “All Themes” to view theme options
Choose a theme
Click “Preview Theme”
Click “Use Theme” or “Cancel”
Edit Text:
Click “Design Options”
Click “Site Title, Paragraph Title, Paragraph Text and Links” to edit the font of your page
Editing Theme:
Edit generic images:
Click “edit image” (on that image”
Click the small blue box to remove the current image
Click “OK” when asked if you are sure you would like to remove the image
Click “add image” in upper left corner
Follow adding image steps
Click “OK”

8. Adding Pages and blogs:
Click pages tab
Click add page or add blog
New pages will line up vertically. You can navigate through the page list using the mouse.
Click on the “New Page” to edit the title of that page
Click “Save Settings”
Adding Text to Page:
Click “Edit Image”
Click “Add Text”
Adjust font size, color, etc. (glow, shadow, and opacity (brightness) can enhance your words)
Click and drag text to desired location on the page
Add text

9. You can manage the way pages appear on your home page by clicking on individual page bars on the page editing page.
Hide page in navigation (it will not show up on your home page)
Click the box at “Hide page in navigation menu” (you will only be able to access that page from the pages tab)
password protect (with a paid account)
click the password protect page
link page
click the link page to external site
type or paste the web address of the site you would like to link
click “save settings”

10. Paragraph with Title/Paragraph/Title Elements:

11. Adding Images to Weebly
Paragraph with Picture and Picture Elements:
Click and drag the Paragraph with picture element to the workspace
oAdd a title, add paragraph (follow editing steps as above)
Add Picture
Click the blue “sample Picture/Click here to Edit” box
Select the image from:
My Computer:
Click “Choose File” (the file must be JPEG, GIF, OR PNG. You can determine the type of image file by right clicking on the image file and clicking “properties”)
Click “Open”
Photo Gallery:
Click “Photo Gallery”
Search Flickr for image
Click on the image of your choice
Click “ok”
The Internet:
Click “The Internet”
Type or paste URL in space provided (i.e., Google images: find an image, click image, click “see full size image” this should take you to an individual page of the image, copy URL and paste in space provided on weebly page) (note: make sure url ends with JPEG, GIF OR PNG)
Click “insert”

12. Adding Photo Gallery/Slideshow to Weebly
Adding a Photo Gallery:
Click and drag element to the work space
Choose picture(s) to be added
Click “Open”
Adding Slideshow:
Choose a slideshow style by clicking on the chosen format
Click “Continue”
Click “Upload Photos”

13. Adding Video to Weebly Adding Video:
Click and drag video element to workspace
Click on film image “click here to upload video” (there is a size limit: 100mb) (there is a brief wait time for file upload)
Adding Youtube video:
Click and drag Youtube Video element to work space
Click within element block, the blue toolbar will appear
Type or paste youtube video URL into the space provided
Choose size and position
Click publish

14. Questions?
Search YouTube for tutorials, but use most recent videos to match up to current format.