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

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

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.

Teacher Portfolio Other Lake Orion Weebly Examples www.nicksabeelclass.weebly.com www.hynes.weebly.com http://owens7thgradesocialstudies.weebly.com http://avermeulen.weebly.com/ http://jkotas.weebly.com/ http://1stgradepinetree.weebly.com/ www.Crissman.weebly.com Lake Orion http://teacher-sites.weebly.com/ http://interactivesites.weebly.com/ http://abutzlerprincipalportfolio.weebly.com/ http://abutzlerprincipalportfolio.weebly.com/action-research.html http://sangeetaportfolio.weebly.com/ Other http://carnaghiteachingportfolio.weebly.com/ http://melissastevenson.weebly.com/ http://catherinefisherteachingportfolio.weebly.com/ http://ericangrech.weebly.com/ http://mlangportfolio.weebly.com/ Teacher Portfolio

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

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: http://hc.weebly.com/hc/en-us

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”

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

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”

Paragraph with Title/Paragraph/Title Elements:

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”

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”

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

Questions? Search YouTube for tutorials, but use most recent videos to match up to current format. http://www.youtube.com/results?filters=year&search_query=weebly+education+tutorial&lclk=year