1. http://www.wordpress.com http://sites.google.com http://www.wix.com http://wikispaces.com Creating a website from plain and simple to challenging

2. Library information: Your name Title Email address Library phone number Principal’s Name List of all the schools on the campus The hours the library is open Link to the school website (if available), Other library sites you have created (Facebook, Twitter, a Blog, etc.)

3. Resources for students and teachers: Pathfinders NOVEL databases Research links  Different types of resources (Reference, primary sources, different reading levels, articles, etc.)  Generating questions  Searching Strategies  Evaluating Information  Avoiding Plagiarism  Note-taking and paraphrasing  Graphic Organizers to organize and synthesis information  Links for Presentation software (Prezi, Wikispaces, etc.)  Citation Links

4. Technology Links:  Multimedia sites  Search Engines beyond Google  Subject specific search engines  Tech Support Sites Teacher Resource Links:  Lesson Plan Sites  Rubric Generators  Test and Quiz Generator Links  Grading Links  Educator Resources

5. Reading Links:  Author websites  Book List and recommendation sites  Online bookshelf sites  Fan sites  Genre sites

6. News Updates (New books, schedule changes, grants awarded, etc.) Program Goals for the year Curriculum (Links to SLS website) Collaborative projects with Teachers//Student Work Monthly Reports (Number of classes worked with, number of students worked with, catalog circulation statistics, database statistics, Resource statistics (daily counts) Fundraising Efforts Suggestion Box for book title requests, DVD requests, program requests, etc.

7. WordPress.com Simple and Clean Sample Page: http://lncmedia.wordpress.com/http://lncmedia.wordpress.com/

8. You have to choose the blog option because it is free. Make it public if this is the option you are choosing. Signup for the free blog

9. Appearance You can change the appearance of your website by clicking on the left-hand link for Appearance. The Themes section allows you to choose a pre- set background layout. Remember that widgits are shortcuts to applications (ex. Google Maps). Remember: the widget does not disappear so make certain you want it to be a permanent fixture on your page. You can also add menus for different pages, resource list, categories, etc. The background allows for the changing of that color, and the header is the title style.

10. Some of the different themes: I chose this one because it is very plain and clean.

11. Dashboard This is the main control site where you will add posts, categories, and control the features of your page. Click on the link to see the updates in a new browser tab. The QuickPress adds items to the Categories section.

12. Pages The pages section allows you to control the messages on the front and to the left side. The About is the default section on the front page. I would add my news and daily announcements here and put the more long- term aspects under Categories.

14. You can open or close the comments section on your blog if you want patrons to respond to the text or not.

15. These appear on the right side of the main page and help you to organize the main topics you want to add to your page. For example, Appeal Terms, Pathfinders, Databases, Research tools, etc. Categories However, before a category can appear, you must type a post within it.

16. POSTS You add the posts to the categories in order for the categories to be visible as well as the posts.

17. This is what the start of a page will look like. Daily/Weekly ChangesMore Permanent Resources

18. Creating a Website in Google Sample Site: https://sites.google.com/site/the unquietlibrary/home

19. Google allows you to setup the template and style right away I choose the classroom template. You can also set up your web address right away and choose the theme of the template if you don’t want to use the default. Remember with a pre-set template comes pre-set pages, files, and images so you may want to start from scratch.

20. Further Editing Format, Table, Layout: These allow you to change the format of text, insert a table and change the column layout of the page Editing the sidebar: Remember the sidebar editing button is at the bottom of the page. Here is the page after my edits: Adding a new page: Click on the Create page in the top right-corner. You can add a page, an announcement, list, or file cabinet for uploading files

21. How to create a site/basic editing Adding Links: You can type in any text you would like, highlight it and then click on the link button to add it. Make certain to click on web page to type in a URL. Inserting PowerPoints, Videos (only from Google and Youtube), Surveys, Docs, Images, etc. You can upload any Microsoft Product (PP, Excel, Word) to Google and have it converted into a Google App (some formatting may be lost) to then insert into your site. Below is an example of inserting a Presentation done in Google Forms into the website.

22. Managing a site Site Appearance: Theme, Colors and Fonts, and Layout Click on Manage Site to change these aspects. Site Settings: Allows you to change the Web Address, who you share the site with, editing privileges, etc. Site Content: You can see the list of pages on your site, attachments, revision history, etc.

23. And Glogster Sample Page: http://newtoolsworkshop.wikispaces.com/ Wikispaces

24. You want to add a Glogster to your Wikispaces page. 1. Sign up for an account with Glogster 2. Click on Create new Glog 3. Delete elements by clicking on them and clicking on the trash can 4. First, choose a page wall for the background design

25. Next, insert text by clicking on the text option. Choose the Title or style you want and then move it where you want it to appear on the page. Click on Edit to change the color or font style, add a link or add effects. The rest of the buttons are for position (move to the front, etc.)

26. Next, you want to add some graphics (only from the Glogster library), images (you can upload), or sound (you can upload) I added images and links to mine. See below:

27. Sample Page Next, you want to publish your Glog and make it public or private. Click over the embed code to copy it.

28. Wikispaces Create an account in Wikispaces and open the page Click on Edit Page Open the Widgit button: Click on Other HTML button and paste the code from Glogster

29. Change the code of the height and width to make the Glogster larger Then, decide how you want your Glogster to be positioned

30. Voila!

31. Sample Page: http://www.wix.com/lellis3/library-example http://www.wix.com/lellis3/library-example

32. Remember that your computer must have Flash in order for this to work. Wix scrolls from left to right. First, choose your template

33. The buttons at the top The file allows you to save, the edit to copy and delete functions, arrange objects forward or backwards, add a new page, HELP buttons, and the icons are for zooming in and out.

34. You can change the text on the screen by simply double- clicking on it and typing in new text. The popup above appears when you click on the text. It allows you to adjust the text, edit it, link it, or lock it from further editing changes. Changing Text

35. The Edit function allows you to change the font size, color, etc.

36. You can change the defaults of each section by clicking on them and then Managing them: replacing the images by uploading your own, text, or any other property. The manage feature allows the contours of the original section to remain intact. Managing Sections

38. The buttons on the left: Adding to a page Page Parts: This allows you to add a different background (except on a template), mini pages, buttons, etc. Media: Upload photos, video, music, and other files on the computer (Wix has a library of photos and music) Clip Art: Upload any from your computer; Wix has its own gallery of clip art Text: Add text to a page Galleries: Add an interactive mini-slide show, photo gallery, etc. (See below) Sizes have fixed minimum. Widgets: “An element of a graphical user interface that displays information or provides a specific way for a user to interact with the application” (eg., Google Maps). Note: If you activate a widget, it is always on the page. You can contract the size of it, but it becomes a permanent part of your website

39. Once you make a change to the page, you can add a link to it, effects like shading, behaviors when the text or image has the mouse roll-over it, and/or add animations The last editing section

40. This is an example of effects being added to a background photo of the site. You can do the same things with images, shapes, and text.

41. By clicking on the add pages button on the top right side, you can add as many as you like. However, you have to link any new pages to the main one for them to be accessed. The ones below were added with the Page Parts=>Menu option. Remember to add a link back. Adding Pages

42. The Site Settings allow you to choose a domain name, general appearance. Etc.