1. WEEBLYWEEBLY A user friendly FREE website builder Tips and Instructions

2. Getting Started Click on the link from Mrs. Wimberly’s weebly site Students use the provided user name and password to create your site Once you sign up there is a video to watch After watching the video, select tab – Build. The sites are password protection for privacy

4. Theme Choose a theme for the website

5. Toolbar 1.Build – add text, titles, images, slideshow, map, contact form, structure and media. 2.Design – Format the page design. Colors, themes and fonts 3.Pages – Add Pages and change page name and headers 4.Store – add a store page to sell products and accept payment 5.Settings – Change the site address and site title

6. Weebly Basics One of the main features/things to know about Weebly is that you drag the icon you want to add from the left hand (grey area) onto your webpage canvas. For example, lets say you want to add a Title Steps… 1.Click Build (along the top toolbar) and series of icons will appear in grey along the left hand side of the page. 2.Drag the Title tile over to your webpage and it will drop onto the page. 3.Type your Title into this area of your webpage (The next slide contains a screen shot)

7. BUILD (Drag the tiles onto the page) BUILD (Drag the tiles onto the page) BUILD

8. Upload Photos Located under the BUILD toolbar Drag the image box onto your webpage Click on this image box A green bar will appear to upload the image from your computer Click on that bar and find the file where you have saved the picture in your computer files

9. Media (Build Tab) Add HD video, audio, documents, and YouTube videos Steps to upload YouTube video… 1.Drag the YouTube icon where you would like it on your page. 2.Once it is on your page, click on it, and a box will appear to paste the URL address of a YouTube video 3.Find a video from YouTube and copy/paste this URL link into this box 4.Press Enter/Return 5.Once you click away from this box, the video will appear. The next slide displays a screen shot of these steps

10. 1.Drag the YOUTUBE Tile onto this page 2.Click on it 3.A box will open up for you to insert the URL address of the YouTube video

11. Other Toolbar Navigational Links Design Pages Store Settings The next slides display screen shots of each of these Toolbar Links

12. DESIGN Change the Theme, Colors and Fonts of your website

13. PAGES Add Pages, choose Page Layouts and Select the Name for the page

14. STORE Add a Store Page with Information about your Products and Accept Payments

15. SETTINGS Change Site Address and Site Title

16. Button A Navigation Button directs the user to a particular destination. Buttons are located under Build - Structure Locate the Button icon and drag onto your page Give the Button a name for where the button will link. For example, another webpage, homepage etc. Get the website address and Copy/Paste the website address Once the site is published and viewed on the web, a person can click it to go to the destination webpage. Do not try to test your Buttons in the editor.

17. Button

18. 1.Click link 2.Copy/paste the URL address from the website

19. More Things To Add… Block Quote Embed Quote Poll Social Icons RSVP Form Survey Feed Reader Bookings Forums

20. Saving, Undo, Publishing Weebly automatically saves your work Weebly has a limited undo feature It is the automatic save feature that is the culprit In the case of text, you can often still press CONTROL-Z (PC) OR COMMAND-Z(Mac) on your keyboard to undo what you have just done. However, if you have deleted something, often it’s deleted and you will have to redo it. Also, from time to time, Weebly can freeze or get stuck in a certain editing option. The best solution I have found is to simply exit the editor and return. Because it automatically saves, you will still have all of your work, prior to that last step, when it froze.

21. To view your website on the web, click Publish in the editor, then click the double box arrow

22. Create your E-portfolio You will create your own e- portfolio using the following Mr. Potato website as an example.

23. Mr. Potato Head Weebly Website Link to actual website http://www.hasbro.com/playskool/en_US/mrpotatohead/

24. Mr. Potato Head website Your site should have the following: HOMEMr. Potato Head (Title) Picture and YouTube video ABOUTinformation about the History of Mr. Potato Head CONTACTContact Us – Address and Phone Number along with a Photo Gallery of Mr. Potato Head images

25. Student Exemplar Link to website http://mrpotatoheadmr.weebly.com/contact.html Here is an example for you to use as a reference. However, your site does not require all of the same elements.

26. Website Evaluation Rubric Category4 - A3 - B2 - C1 - D ContentThe site has a well stated clear purpose and the theme is carried out throughout the site The site has a clearly stated purpose and theme but may have one or two elements that do not seem to be related to it. The purpose and theme of the site is somewhat vague. The site lacks a theme and purpose. LayoutThe website has an exceptionally attractive and useable layout. The web pages have an attractive and useable layout. The web pages have a useable layout, but may appear busy or boring. The web pages are cluttered and/or confusing. NavigationLinks for navigation are clearly labeled and allow the reader to easily move from a page to related pages. Links for navigation are labeled and allow the reader to move from a page to related pages. Some needed links are missing. Links do not work. Graphics/images/vide o Related to the theme/purpose of the site, are of high quality and enhance reader interest or understanding. Related to the theme/purpose of the site, are of good quality and enhance reader interest or understanding. Some are not related to the theme/purpose of the site. Seem randomly chosen, are of low quality, or distract the reader.

27. Late work All late work receives 10% off for each class meeting.