Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Classroom websites training22


Published on

  • Be the first to comment

  • Be the first to like this

Classroom websites training22

  1. 1. New Classroom Web Sites<br />New Braunfels High School<br />
  2. 2. Objectives<br />Use Wiffiti to share<br />Learn new site’s map<br />Preview page types<br />Log in to new site<br />Add/remove pages<br />Edit pages<br />Expectations<br />Update profile information<br />
  3. 3. Your Responses<br />Go to<br />Type your name and department in the box<br />Click “Post Your Message”<br />Throughout today’s training, enter questions about today’s topic in the box<br />54628<br />54541<br />54542<br />54543<br />54544<br />54545<br />54546<br />
  4. 4. Viewing Your New Site<br />Go to<br />Click on “Campuses”  “New Braunfels High School”  “Campus Directory”<br />The directory will link to your new site starting in August.<br />
  5. 5. Four Types of Pages<br />Content<br />Calendar<br />Download<br />Form<br />
  6. 6. Content Page<br />For text and pictures<br />You choose a layout for each page when you make it<br />HTML editing possible<br />
  7. 7. Calendar Page<br />Post events and information in a calendar format<br />Choose between tabbed and non-tabbed switching among calendar views<br />
  8. 8. Download Page<br />Upload documents for download by others<br />No size/quantity limits<br />You can add a picture label<br />
  9. 9. Form Page<br />Create forms to be filled out/submitted by others<br />No attachment option<br />
  10. 10. Logging in<br /><br />FirstClass username<br />Password: unicorn<br />
  11. 11. Web Site Manager<br />You see this screen as soon as you log in:<br />
  12. 12. Page Options<br />Select a page from the left then choose an action<br /><ul><li>Edit
  13. 13. Preview
  14. 14. Properties
  15. 15. Remove</li></li></ul><li>Editing a Page<br />Name the page. Add a slogan and footer<br />Change the layout<br />Update body content, including images<br />Finish<br />
  16. 16. Adding / Editing Content<br /><ul><li>When you click to edit a content area, a window like this will pop up
  17. 17. The tools are similar to those in Word
  18. 18. Click “update” to save changes
  19. 19. Advanced: Embed html by clicking the brackets </li></li></ul><li>Adding / Removing a Picture<br />Upload an Image – Upload jpegs and gifs from your computer<br />Select from Your Image Gallery – Access previously-uploaded images<br />Select from netSmartClass Images – Access stock photos<br />Delete Current Image – Remove the image<br />Resize This Image – Resize jpegs, by percent only<br />
  20. 20. Finishing<br /><ul><li>Save Changes - Necessary for your changes to take affect
  21. 21. Preview – Preview your site; it opens in a new tab
  22. 22. Content Areas – Reorder content areas
  23. 23. Properties – Enable RSS, adjust navigation, and password protect your page
  24. 24. Continue – Return to the Web Site Manager
  25. 25. Cancel - Return to the Web Site Manager without saving changes</li></li></ul><li>Adding Pages<br />Open the Web Manager <br />Click on “Add More Pages” <br />Select a Page Type and Name<br />Click “Add to My Site”<br />Verify the new page was added (list at bottom of screen)<br />Click “Continue” to return to the Web Page Manager<br />
  26. 26. Editing Navigation<br />From the Page Manager, click on “Edit Page Navigation”<br />Click on the page you want to change<br />To rename it, enter a new name then click submit<br />Use the arrows to re-order<br />Click “Save Changes”<br />Note: to remove a page from navigation, go to “Properties” from the page editor<br />
  27. 27. Requirements<br />These should exist on your site by the last day of school:<br />Home Page<br />School phone<br />Schedule<br />Monday Mail Page (download page type ideal)<br />Syllabus Page<br />
  28. 28. Wiffiti Questions<br />