Teacher Website Training

Jan. 2, 2017

Sims

Heather Barnado – Trainer

Agenda

  1. Logging in (if you have a webpage already set up)
  2. Go to the district webpage:
  3. Choose your school under “Select a school” top left corner
  4. Username______
  5. Password______
  6. Once you’re logged in, you should see your name at the top right hand corner
  1. Logging in (if you DO NOT have a webpage already set up)
  2. Go to the district webpage:
  3. Choose BES under “Select a school” top left corner
  4. Username: training
  5. Password: training
  6. Once you’re logged in, you should see “training” at the top right hand corner
  1. Webpage tabs
  2. Go to “Departments”
  3. Find your webpage OR
  4. Click on “practice website #1”
  1. Suggested tabs for awebpage
  2. Calendar
  3. Newsletter
  4. Syllabus – grade level can work on one and we can upload it
  5. Contact me
  6. Links
  7. About me
  8. Student spotlight
  9. Photo gallery – make sure all students have signed the media release form before posting their pictures
  1. Changing the theme
  2. Go to “Advanced Options”
  3. Choose “Page theme”
  1. Adding events to calendar
  2. Your upcoming events is linked to the BES calendar so will not have to update it
  3. Go to the “Calendar” page
  4. Double click on a date
  5. Type in the event
  6. Click “create event”
  1. Switching to “Design” Mode
  2. In “Design Mode” the “light” will be green” and you will see red boxes around each of one of the content spaces. There are also black boxes with four icons, a pencil, a clock, a minus, and an x. The pencil means “edit”, the clock means “history of that page”, the minus means to “minimize” and the x means to “delete”
  3. Drop and Drag content – like the Shutterfly websites
  1. Adding content to pages
  2. Go to “Design Mode” (green light should be “on”)
  3. Scroll over the red outlined box you want to add content to
  4. Click on the “pencil” icon
  5. Type in your content
  6. You can also “cut and paste” pictures, quotes, etc. to put into the content boxes
  7. Click “Publish”
  1. Adding pictures
  2. Go to “Design Mode” (green light should be “on”)
  3. Scroll over the red outlined box you want to add content to
  4. Click on the “pencil” icon
  5. “Cut and paste” pictures, quotes, etc. to put into the content boxes
  6. Click “Publish”
  1. Page Layout
  2. Go to “Page Options”
  3. Choose page layout
  4. Choose a layout
  5. You will see the columns with the information you have put it
  6. Use the “arrows” to move the content to the column you want it
  1. Posting a document PDF file (newsletters)
  2. Go to Word
  3. Type your document
  4. Save as a “PDF” file
  5. Go to “Design Mode”
  6. Click on the “pencil” in one of your content boxes
  7. Go to the “document manager” icon
  8. For “new documents” you have to “upload” it from your machine first
  9. Then you can “upload” and “insert” into your content space onto the webpage
  10. You’ll need to enter the “tooltip” which is just the name or an abbreviated name for the document
  11. Once downloaded, you will see a “hyperlink” to that document on your webpage
  12. You can make the “hyperlink” larger, change the color, etc.
  13. Hit “publish”
  1. Adding Links
  2. Go to the “useful links” page
  3. Click “add new item”
  4. Click “link”
  5. Cut and paste the url address of the link you want in the “web address URL” box
  6. Name the link under “link name”
  7. Click “add link”
  8. Publish vs. Save Draft
  9. The difference is that “publish” will display it on your website immediately.
  10. Safe draft means you’ve saved it but it is not public on your website, so if you are working on something and have to stop, you can “save it” without losing it and go back to it later. Then when you are ready, you can publish it to make it seen.
  11. Image manager and Document manager

The question arose about why could we see everyone’s documents, pics, etc. When an image or document is uploaded, everyone has access to it. I created a folder for my teachers to store their images and documents. You can create your own folder to store your documents and images, also. I have created a folder under the document manager for you to use today called “training”.

  1. To upload an image to image manager
  2. Go to the “image manager” icon (looks like a mountain and a sun)
  3. Click on the “training” folder
  4. You will see some images that I have uploaded there

***To upload NEW pics to your own folder:

  1. Click the green + “upload” button
  2. Click “select”
  3. Choose a picture (should be a JPEG file)
  4. Click “open”
  5. Click “upload”
  6. Rename the image – right click on the file name
  7. Type in a new name for the pic
  8. To delete a pic, right click and click “delete”
  9. Click “ok” to delete
  1. To upload a document to document manager
  1. Go to the “document manager” icon (looks like a piece of paper with a paper clip and a big red A on it)
  2. To upload NEW documents to your folder
  3. Click the green + “upload” button
  4. Click “select”
  5. Choose a document (should be a PDF file)
  6. Click “open”
  7. Click “upload”
  8. No need to rename the document
  9. To delete a pic, right click and click “delete”
  10. Click “ok” to delete
  1. To insert either an image or a document onto your webpage:
  1. choose the image or document like above
  2. click “insert” at bottom right hand corner
  3. Enter a “tooltip” name (just name it what the document it)
  4. Click “publish”
  5. A document will look like a hyperlink PDF file

An image will appear and you can resize to adjust to the content space

  1. Links
  2. Go to the “useful links” page on your webpage
  3. Click “add new item”
  4. Click “link”
  5. Cut and paste the url address of the link you want in the “web address URL” box
  6. Name the link under “link name”
  7. Click “add link”
  1. Adding a links “folder”(If you want to categorize your website links)
  2. Go to the “useful links” page on your webpage
  3. Click “add new item”
  4. Click “folder”
  5. Name the folder (ex. Math games)
  6. Click “create folder”
  7. Add links to the folder (see IV.)
  8. When adding to the folder, go to the folder first, then add links to the folder

**To delete a link or folder:

  1. Go to the “useful links” page
  2. Click on the white box on the left hand side in front of the link/folder
  3. Go to “actions” at bottom left hand corner
  4. Choose “delete selected”
  1. Photo Gallery
  2. Go to the “photo gallery” on your webpage
  3. Click the green + button “add album”
  4. “Name” the album
  5. Click “create”
  6. Click the green + button “Add image”
  7. Click “browse” for image 1 – 5
  8. Choose image
  9. Click “upload image”
  10. To delete an album, go to photo gallery, click on the red X beside the album you want to delete