Transcription

District 202 Website User Guide (Teacher Websites)Navigate to your school’s website and hover over/click on thethe sign-in button.Icon from the navigation bar to accessClick on the Sign In button and then enter your district login credentials.Username: staff username (ie. jsmith)Password: school/district passwordAfter logging in, you will return to the page you were previously on. Once again, pull down thefrom the navigation bar and new options will be available.IconA “placeholder” website is created for all teachers once they log in. You will find the option to accessyour teacher site in the Drop Down menu titled “My Teacher Site” or by pulling down the “Staff”menu and selecting “Teacher Pages”Teacher WebsiteYou can easily create your Teacher website using the following features. Use your website to sharehomework, classroom procedures, contact information, calendar events, classroom resources (such ashelpful links to lesson websites), documents (field trip permission forms, science fair instructions, fundraiser information, study guides, etc.) and classroom photos. Your website is another tool to help extendyour classroom and teach beyond the school day.USEFUL TIPS pencil icon used to edit specific sections.trash can icon is used to send items to your recycle bin.o You can access your recycle bin from the Information Drop Down menuplus icon used to add new items to your teacher website.arrow icon used to move items within your teacher pages.

Website Elements❶❺❻❼❷❸❹1.2.3.4.5.6.7.Add PageAdd Documents/FolderAdd Document Page (aka webpage)Add Website Resources/FoldersEdit Page DescriptionAdd Classroom Photo AlbumAdd Classroom EventAdd New PageWithin your main teacher webpage you have the option to create additional sub-pages.Three main elements are required tocreate your new page.1. The location of the new pagewithin your page structure(by default the location whereyou choose to create your newpage will be selected)❶❷2. The title of your new page3. A generic name that will beused for the page URL (ie.class1, socialstudies, math,etc.)a. An error will appearif a name is chosenthat you have alreadyused.❸

You can also add these additional elements to your new page (not required)1. Page banner imagea. The banner image will appear above the title of your page. It is recommended that theimage be in a landscape orientation (approx. dimensions 800px wide X 200px high)2. Page descriptiona. The page description allows for many elements to be added to your page. Images andfiles can be uploaded in this section. Fonts and colors can be manipulated and manyother tools are available. See the “Editing Tools” section for more details.Add FolderUse the “ADD FOLDER” option to organize your documents and pages. Click on the “ADD FOLDER” linkand a menu will pop up where you will set the name of the folder. The folder will be displayed in thedocuments section with an icon to indicate its type. Click on the newly-created folder link to adddocuments into the folder. Use the two links on the right side of that page to add a new folder or add adocument.Once your folder has been added to your site, an additional iconto delete it (send to recycle bin).will appear next to it with the optionAdd DocumentsClick the “ADD DOCUMENT” link on the left side of the page to add a digital file to your documentssection. Allowed document types are: PDF files, Word documents, Excel Spreadsheets, mp3 audio files,and PowerPoint files. A pop-up menu will appear where you will set the document title as you want it tobe displayed on your page. You will then add the file from a location on your computer.The Documents section will now be displayed on the page with the new document you just uploaded.The documents will have an additional icon to move them into a folder. Click on the arrow icon and amenu will pop up allowing you to select the correct folder for that document to be moved into.

Add Document Page (aka webpage)Click the “ADD DOCUMENT PAGE” link on the left side of the page to add a webpage to your documentssection. A pop-up menu will appear where you can enter a title, page text and set the URL of the newpage.A Document Page is a great way to share information by adding it directly onto the webpage. Thedocument page also provides the ability to add images, links, embedded videos as well as providingseveral text formatting options (tables, font colors, etc.). See the “Editing Tools” section for moredetails.The Document Page will appear in the documents section of your teacher webpage. If a document pageneeds to be moved into a folder, navigate to the document page and click the edit icon . Once on theedit screen, the option to move the page into a folder will be located at the top.Add Website Resources/FoldersClick “ADD WEBSITE LINK to add a web resource link to your page. This can be an external link(www.google.com) or a page within your school’s/district’s site (another teacher’s page or a club page).When you click on “ADD WEBSITE LINK” a menu will pop up where you will set the title of the link forhow it will be displayed on your page. Then, type in the web address (it is recommended that you copyand paste the URL from the website for accuracy). Once your link has been added to your site, anadditional icon will appear next to it with the option to delete it (send to recycle bin).You can also select the “ADD WEBSITE FOLDER” link to better organize your web resources by creatingfolders where the links will be located.

Edit Page Description❶❷❸❹❺1. Page Location: this should be set to the main page that the current page will be stored in. Thisoption is only available to pages that are created within your main teacher page. This option isused to move pages if they are not in the correct page structure.2. Page Header Image: The header/banner image will appear above the title of your page. It isrecommended that the image be in a landscape orientation (approx. dimensions 800px wide by200px high).3. If the banner image doesn’t work on your site, click on the checkbox and save the changes toremove the image. If you are just changing the image, you do not need to check this box, justupload a new image (item 2)4. Change the title of the page5. Manage the page description. The page description allows for many elements to be added toyour page. Images and files can be uploaded in this section. Fonts and colors can bemanipulated and many other tools are available. See the “Editing Tools” section for moredetails.

Add Photo AlbumEach teacher page has an option to create a slideshow photo gallery. Click “ADD ALBUM” to create anew photo album.A menu will pop up allowing you to set the title of the photo album to be displayed on the page. Then,select the images from your computer to upload to the album. You can select multiple images at onetime. Depending on the number of photos you selected it may take a little while for the images to saveto your page. Once complete, a thumbnail will be selected at random and be displayed on the page inthe “Photo Gallery” section.To add more photos to an existing album, click on the album that you want to add images to. Click thelink near the top right of the page titled “ADD IMAGES” and the same browse button will appear in thepop up window to search your computer to upload additional images.Once your images have been added to your album, an additional icon will appear next to each imagewith the option to delete it (send to recycle bin). The entire album can also be deleted by navigatingback to the main class page and clicking the trash can icon next to the album title.

Add Class/Page EventYour Page Events calendar will mainly be used to post events that relate only to the page you areworking on. School and district-level events will usually not be posted on your page calendar.Click the “ADD EVENT” link in the “Calendar” section to add an event to your page calendar. Enter thedetails of the event in the pop up window that will appearFirst, set the title of the event that will be displayed on your page. Click in theStart Date and End Date fields to open a mini-calendar. Select the appropriatedates from this calendar. You can submit the event at this point, the otherfields are optional. Or, you can add more event details: set the start time andend times; add a location; then a text box is available to add details or otherelements. Images and files can be uploaded in this section. Fonts and colorscan be manipulated and many other tools are available. See the “EditingTools” section for more details.

Editing ToolsToolbar Button DescriptionView or edit the source code of the document (for advanced users). SeeDocument Source.Cut the selected text fragment to the clipboard. See Cut.Copy the selected text fragment to the clipboard. See Copy.Paste content copied to the clipboard along with formatting. See Paste.Paste content copied to the clipboard without formatting. See Paste as PlainText.Paste content copied from Microsoft Word or similar applications along withformatting. See Paste from Word.Check spelling of the document text or turn on the Spell Check As You Type(SCAYT) feature. See Spell Checking.Undo or redo the most recent action performed. See Undo and Redo.Maximize the editor in the browser window. See Resizing and MaximizingCKEditor.Text StylingToolbar Button DescriptionApply bold, italic or strike-through formatting to the text. See Bold, Italic, andStrike-through.Apply superscript or subscript formatting to the text. See Subscript andSuperscript.Apply pre-defined combinations of various formatting options to block andinline elements. See Formatting Styles.Apply pre-defined block-level combinations of various formatting options.See Paragraph Format.Change the typeface of the text. See Font Name.Change the font size of the text. See Font Size.Change the color of the text. See Text Color.Change the background color of the text. See Background Color.

Text LayoutToolbar Button DescriptionIncrease or decrease text indentation. See Text Indentation.Format a block of text as indented quotation. See Block Quote.Set text alignment (left, centered, right or justified). See Text Alignment.Insert a divider line (horizontal rule) into the document. See Horizontal Line.Rich TextToolbar Button DescriptionCreate a numbered or bulleted list. See Creating Lists.Create or remove a hyperlink in the text. These features may also be used tomanage file uploads and links to files on the web server. See Links, E-Mailsand Anchors.Insert a link anchor to the text. See Anchors.Insert an image into the document. See Inserting Images.Create a table with the defined number of columns and rows. See CreatingTables.Insert a special character or symbol. See Inserting Special Characters.Image UploadsWhen adding an image you can either use an image that is alreadyonline by entering the URL into the “URL field” or select the“Upload” tab to select an image on your computer.Select the “Browse” button and open the image that is on yourcomputer.Once the image is selected, click “Send it to the Server” to uploadthe image and add it to your page.

A URL will be created for the image andautomatically entered in the specified field.Additionally, the width and height can bemanipulated as well as adding a borderaround the image (a number). Horizontal orVertical spacing around the image can beadded (a number). And the alignment of thetext around the image can be set. (Left, Right)File UploadsAlmost identical to how an image is uploaded, a PDF file can beadded to your page in the same manner.It is recommended that you enter the text (that will be used as thelink to the file) first. Highlight that text and then click on the addLink iconThe URL of an existing webpage can also be entered instead ofuploading a file.Other Link OptionsOpening the “Link Type” menu you will find other types of links thatcan be added. Most importantly is the E-mail option.Selecting E-mail will display new form fields where you can type theemail address to be used without any special html code. TheSubject and Message of the email can also be set when a user clickson the email link.

Teacher Website You can easily create your Teacher website using the following features. Use your website to share homework, classroom procedures, contact information, calendar events, classroom resources (such as helpful links to lesson websites), documents (field trip permission forms, science fair instructions, fund-