School District U-46 Metadot Portal Training

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

Tips and Tricks  Tips & Tips: Image Demo on help site  Show how to use MS picture manager: edit and compress  Show Properties of a picture  Up load a file no spaces

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

Normal Mode

Normal Mode (after login)

Edit Mode

Explore Portal Sites cont. – Show other sites: visit Kenyon Woods: Streamwood: Elgin: – Break out and search other sites – Come back together and discuss

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

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 ) Text Editor - is a type of software program that allows users to create and/or manipulate computer files. Examples: Word, notepad

*First Time Users Log-In

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

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

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.

Normal Mode

Web builder bar

Step by Step Directions on How to Make Your WEB PAGE!!!! Log in using Novell: username: First and Last name no spaces password: your password

You will see this screen - Log In

Exercise 1 Add a New Page Add a New Section

Click on this

Enable Editing

Edit Page

In “Editing Page”

New Section

Edit My Page Properties

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

Gizmo Panel

Add a Gizmo

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

Add an Aggregated Calendar

Add a Gizmo Calendar

Add an Attachment/Link

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.

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

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.

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!

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

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

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!

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.

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

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

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

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

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

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

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

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

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

g. h. Up Load ImagesUp Load Images i. j. MusicMusic Finding Clipart and Backgrounds con’t

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)

Permissions View Edit Delete and Cut Change Permissions

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.

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

Resources Support page: 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!