1. School District U-46 Metadot Portal Training

2. Agenda Intro – Objective Working knowledge of “how to” use this tool to create a personal page Your Expectations? Web Basics Site Design Standards How Big Is a File Making Web Friendly Pages

3. Tips and Tricks  Tips & Tips: Image Demo on help site http://schools.u-46.orghttp://schools.u-46.org  Show how to use MS picture manager: edit and compress  Show Properties of a picture  Up load a file no spaces

4. Explore Portal Sites INTRANET.U-46.ORGINTRANET.U-46.ORG: is for Departments to Share Elements Search Navigation Breadcrumbs Sidebar Navigation Footer Additional content after you log-in Greg Anthony’s site

5. Normal Mode

6. Normal Mode (after login)

7. Edit Mode

8. Explore Portal Sites cont. http://schools.u-46.org – Show other sites: visit Kenyon Woods: http://schools.u-46.org/kwmshttp://schools.u-46.org/kwms Streamwood: http://schools.u-46.org/shshttp://schools.u-46.org/shs Elgin: http://schools.u-46.org/ehshttp://schools.u-46.org/ehs – Break out and search other sites – Come back together and discuss

9. http://schools.u-46.org/

10. http://schools.u-46.org/kwms

11. Create a Page – Text Editor – Shortcuts – Clipboard Gizmos Image Library Roles and Permissions Wrap up - Survey

12. Useful Terms Web builder bar – Used to add and manage pages, gizmos. Gizmo – A module or feature that carries out a specific function. (i.e. Calendar gizmo, Poll gizmo, Link gizmo) Shortcut – A copy of a gizmo that keeps a reference to the original. (If you change one, the changes are reflected in the other.) Breadcrumbs - Navigational technique displaying all pages leading from the home page to the currently viewed page. Clipboard - A temporary holding area for gizmos that have been cut from a page. This area also holds 'shortcuts‘. Metagrams – Messages accessible through your Metadot message center. (Very much like e-mail) Text Editor - is a type of software program that allows users to create and/or manipulate computer files. Examples: Word, notepad

13. *First Time Users Log-In

14. Login * From now on you will see this as your log-in screen

15. http:// schools.u- 46.org/index.pl?op=show&iid=2187

16. Normal vs. Edit Modes Normal mode displays and serves web pages and content like any other web server Edit mode which allows an authorized user to add or edit/manage content of the web portal.

17. Normal Mode

19. Web builder bar

20. Step by Step Directions on How to Make Your WEB PAGE!!!! http://schools.u-46.org Log in using Novell: username: First and Last name no spaces password: your password

21. You will see this screen - Log In

22. Exercise 1 Add a New Page Add a New Section

23. Click on this

24. Enable Editing

26. Edit Page

27. In “Editing Page”

28. New Section

29. Edit My Page Properties

31. Once your on “Customizing Page Properties” you can pick your schools banner 4 your page. Do Not forget to Save ***Pick Your Schools Banner for Your Page

32. Gizmo Panel

33. Add a Gizmo

34. Exercise 2 Add a Contact Us Gizmo Create and Edit Calendar Gizmo Schedule content Cut-and-paste Create a shortcut Moving gizmos up and down

35. Add an Aggregated Calendar

36. Add a Gizmo Calendar

37. Add an Attachment/Link

38. Insert a Picture and create a folder to save it in on your Web Site! Fourth: Go to gizmos and chose image item First : click on New Page Second: name that page pics or pictures then click on the create button. Third: reopen the page you just made.

39. Add a New Image Item Fifth: Name the picture you want to retrieve

40. Insert a Picture con’t Sixth: Browse for your picture Seventh: After you found the picture you want from your files it will upload to the box next to the browse button Eighth: Click on create - then enough 4 now.

41. Insert a Picture con’t Ninth: your picture will drop into YOUR own PICTURE PAGE. No one will be able to remove your pictures but you!

42. ***Another way to Insert a Picture You must be in the “edit mode” of your page Click the mountain icon

43. Insert a Picture cont, This Screen will pop up Click on the Browse Server and another screen will pop up. Size and position the image on your page

44. Insert a Picture cont, This screen will pop up when you click on :” Browse Server” button BE VERY CAREFUL HERE!!! ****All of the District School folders are housed here so be sure you click on your own schools folder and not on any others!

45. Insert a Picture cont, Click on Your schools folder then Every person working on either their website or their schools will be part of this site! They will have their own Image folder. To create your own folder click here.

46. Insert a Picture cont, Type in the name of your folder (your name)

47. Insert a Picture cont, To UP LOAD an Image click on the browse button

48. Insert a Picture cont, Another window will appear Navigate till you find the picture you want

49. Insert a Picture cont, Click on the image The name will appear in the file name Then click on the open button

50. Insert a Picture cont, The name of the picture you picked will appear in the “UPLOAD” box Now click on the “UPLOAD” box

51. Insert a Picture cont, Notice that your Image appears in the preview box. Click OK to UPLOAD the photo to your edit page.

52. Insert a Picture cont, Place your picture on your page where you want it

53. Insert a Picture con’t ***Here are some instructions from Hilda Curda: Key Points Key Points Part 1 Instructions Part 2 Instructions Thanks for your support and resources

54. Finding Clipart and Backgrounds a. Free educational clipart. b. Free classroom clipart. c. ClipArt from DiscoverySchool.com. d. Teacher ClipArt. e. Flaming Text f. Find SoundsclipartclassroomDiscoverySchool.comClipArtFlaming TextFind Sounds Insert a Picture con’t

55. g. http://flickr.comhttp://flickr.com h. Up Load ImagesUp Load Images i.www.snapfish.comwww.snapfish.com j. MusicMusic Finding Clipart and Backgrounds con’t

56. Roles Access Level Description Public accessAnybody in the world; general users Logged InOnly logged in users: U-46 staff OwnerOnly the object’s owner (creator) Site Manager / Admin Only the admin user (Information Services)

57. Permissions View Edit Delete and Cut Change Permissions

58. Permissions (con’t) Adjusting permission settings for individual pages or objects can be done by clicking on the Permissions ( ) button on the gizmo panel of each individual object. Permissions (view, edit, cut, delete, etc.) can be granted to individual users or to groups of users Permissions can be set for pages, sections of pages, individual gizmos.

60. EXERCISE 3 Assigning permissions to a group Assigning permissions to a person

61. Resources Support page: http://schools.u-46.org/index.pl/Support http://schools.u-46.org/index.pl/Support Extra: how to make your page look like your schools pagehow to make your page look like your schools page Mrs. Fischer’s Complete Support Page in One PlaceComplete Support Page in One Place Metadot Agenda Greg Anthony’s Resource Page including clipart and backgrounds and interesting links Greg Anthony’s Mr. Anthony - Thanks 4 your support and resources!