Websites and Weblogswith Weebly

Presented by Dainty Angeles8: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

Click on skip this step Click Create a Website

Getting Started

Choose Your Web AddressCreate 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/