Websites and Weblogs with Weebly Presented by Dainty Angeles 8:00 – 11:00 a.m.

Workshop Agenda • Overview of Weebly • Create your own website • Create your blog • Image Perfect • Useful tools for your site • Questions and reflection time

What is Weebly? Free (Open Source) web content creator Simple but powerful Drag and Drop interface Free hosting with no restrictions 70+ Professional Design Templates Powerful Blogging features No Ads One of Time’s 50 Best Websites in Year 2007 Edit pages using your web browser Fast and easiest way to create a website

Weebly Benefits: Edits and changes are seen immediately Post class information/resources Post and accept homework assignments online Import files, videos and pictures Create links to other websites Create digital student portfolios Create and manage up to 40 student accounts Basic website is FREE – Pro Account is less than $50/yr With Pro Account you can: have 10 websites within one account Upload files more than 5 MB Remove Weebly footer

Sample Weebly Sites http://msdainty.weebly.com http://cnapolitano.weebly.com/ http://nhdexample1.weebly.com/index.html

Weebly for Education

Create a Free Website in Minutes! Step 1: Go to http://education.weebly.com/ or www.weebly.com and sign up. You will be asked to create a username, password, and provide an e-mail address

Getting Started Click Create a Website Click on skip this step

Choose Your Web Address Create a site, name it, and assign a URL (Example: yourwebsite.weebly.com) Registering a Domain

Step 2: Create a Site Click on create a site, enter a title for your website and choose the type of site.

Weebly Editor Dashboard *Elements *Design *Pages *Settings

Let the Creation Begin! Step 3: Start creating- choose a design (you can change this later and alter the pictures)

Let the Creation Begin! Step 4: Create your page: Drag and drop the element of your choice to your page.

Step 5: Adding Pages Click on the Pages tab New Page – static pages (contain information that don’t change frequently) Blog Page – interactive (allows comments on posted content) information in chronological order

Create a Blog Create a Blog by clicking on “Pages” Click on “New Blog” Post information, discussion questions, or assignments You can monitor blog responses before they are displayed online Blog responses are sent to your e-mail

Publish Your Site Step 6: Publish your website-click on the orange publish button and save the link, this is the site students will see You can make changes at any time and re-publish your site and instantly see the changes applied to the site

Creation and Publication Complete!

Image Perfect

Add images from your hard drive, Flickr, or a website Resize, crop, rotate and align the images Add effects like changing opacity, adding a fade, or adding burnt or polaroid borders Add multiple lines of text, position them anywhere, and choose from a wide selection of fonts Add text effects like gradients, patterns, and a shadow or glow Change the background to be a solid color, gradient or pattern Set different header images for different pages

Weebly Support & Info Weebly Demo Weebly Demo 2 Weebly Help About Weebly Weebly Article View my Weebly Education Website: http://msdainty.weebly.com View this presentation on my blog: http://msdainty.weebly.com/blog.html

Additional Tools (Widgets) http://www.revolvermaps.com/ http://www.website-hit-counters.com/

http://www.wallwisher.com/