Presentation on theme: "Websites and Weblogs with Weebly"— Presentation transcript:
1 Websites and Weblogs with Weebly Presented by Dainty Angeles8:00 – 11:00 a.m.
2 Workshop Agenda • Overview of Weebly • Create your own website • Create your blog • Image Perfect• Useful tools for your site • Questions and reflection time
3 What is Weebly? Free (Open Source) web content creator Simple but powerful Drag and Drop interfaceFree hosting with no restrictions70+ Professional Design TemplatesPowerful Blogging featuresNo AdsOne of Time’s 50 Best Websites in Year 2007Edit pages using your web browserFast and easiest way to create a website
4 Weebly Benefits: Edits and changes are seen immediately Post class information/resourcesPost and accept homework assignments onlineImport files, videos and picturesCreate links to other websitesCreate digital student portfoliosCreate and manage up to 40 student accountsBasic website is FREE – Pro Account is less than $50/yrWith Pro Account you can:have 10 websites within one accountUpload files more than 5 MBRemove Weebly footer
12 Let the Creation Begin! Step 3: Start creating- choose a design (you can change this later and alter the pictures)
13 Let the Creation Begin!Step 4: Create your page: Drag and drop the element of your choice to your page.
14 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
15 Create a Blog Create a Blog by clicking on “Pages” Click on “New Blog” Post information, discussion questions, or assignmentsYou can monitor blog responses before they are displayed onlineBlog responses are sent to your
16 Publish Your SiteStep 6: Publish your website-click on the orange publish button and save the link, this is the site students will seeYou can make changes at any time and re-publish your site and instantly see the changes applied to the site
19 Add images from your hard drive, Flickr, or a website Resize, crop, rotate and align the imagesAdd effects like changing opacity, adding a fade, or adding burnt or polaroid bordersAdd multiple lines of text, position them anywhere, and choose from a wide selection of fontsAdd text effects like gradients, patterns, and a shadow or glowChange the background to be a solid color, gradient or patternSet different header images for different pages
20 Weebly Support & Info Weebly Demo Weebly Demo 2 Weebly Help About WeeblyWeebly ArticleView my Weebly Education Website:View this presentation on my blog: