Teacher WebPages

1
Teacher WebPages

• Welcome Back
• Lets make 2007-2008
• Our most creative year yet!

2
Video

• Have You Been Paying Attention
• http//www.teachertube.com/view_video.php?viewkey
  40c570a322f1b0b65909

3
WebSite Dos and Donts

• Dos
• What is the goal for your site. Stick to it.
• Short lines, short paragraphs
• Keep pages to a manageable size.
• All underlined text should be a link
• If highlighting - do just the most important
  content
• Limit topics per page to three or less.
• Keep fonts consistent - no more than 2 different
  fonts per page. . Commonly used fonts
• Light background, dark copy, leave white space.
• Images must not be over used and pertain to
  content
• Maintain student privacy concerning pictures.
  Understand Board policy concerning use of
  pictures.
• Donts
• Too many pages
• Too many links, outdated links and links that do
  not work.
• Content that is out of date
• Page header too long or too wide
• Animations are out of date and take time to load.
  
• Page Background - wallpaper - that is too busy.

4
Login
http//www.southingtonschools.org/admin
If you are using a Mac, you must use Firefox as
your browser.

• Login name first initial last name - dmiller
• Password same - dmiller
• After logging in, you will be on your dashboard
  page. The dashboard area is where you change your
  password.
• To begin, click on the Unpublished tab.
• You will see a blank Standard Page.

5
Standard Page

• The Standard page is your Home page. It gives
  students, parents and interested parties basic
  information about you. Information will include
  name, class schedule, office hours, Email and/or
  phone.
• Below is an example of a Standard Page. Other
  page types include Calendar, Classroom and Photo
  Gallery pages.
• To enter text on this page, click on the e
  which opens the Editor.

6
Working in Standard Page Editor

• Below is an example of a Homepage that includes
  all the required information. Most editor icons
  are the same as you would find in Word, Excel,
  and PPT. If you hover over an icon, a tool tip
  appears defining the tool and description.
• Upon finishing, SAVE your work using blue disk
  icon in upper left corner.

7
Homepage

• When you save in the Editor you are redirected
  back to your Homepage.
• SAVE your work by clicking on the yellow Save box
  in the upper left corner.
• To a schedule table, click on the e to reopen
  the Editor.

8
Adding a Table for Schedule

• There is an editor tool that will put a table
  onto your page. This table is the best way to
  present your schedule. This icon - in row 2 - is
  represented by paper and pencil. When table
  attributes are set click Insert. If inserted
  table needs editing, right click table to show
  addition table editing options. Highlight table
  and choose 12 as font size. Save work.

9
Homepage

• You are now ready to add a picture to your
  Homepage. Click Editor e

10
Using Images

• Getting started Log into your computer using
  your network login. You are working in your
  network folder. Create a new folder for your
  website resources. You may use folders within
  folders so your resources are organized and easy
  to navigate. Put images and files that you are
  going to use on your website into the appropriate
  folder.
• Select File Manager. You will set up folders (
  new folder ) in File Manager. It would make sense
  to make separate folders for each type of file
  such as text, image, and/or media. When you have
  your folder system ready, click on the
  appropriate folder to open that folder. We will
  use the images folder to upload a picture for
  your homepage.

11
Using Images

• Now you are working in the images folder. Click
  on the upload files tab. Upload tab tells you
  exactly what type of file format you may upload.
  Select the Basic Uploader tab found under file
  format list. Then select Browse. This will open a
  screen that will allow you to navigate to your
  resources folder. Select the file you wish to add
  to the image folder you have created in File
  Manager. In this case, we will be uploading the
  picture file that you wish to use on your
  Homepage. The file name will appear in the window
  and click Upload Now.

12
Using Images

• Return to your Homepage ( Unpublished ) Click on
  the e to bring up the Editor. Position curser at
  the location on the page where you want your
  picture to be placed. In the editor toolbar,
  select the tree icon which allows you to insert
  or edit a picture. The edit image box appears.
  This box contains three tabs General, Appearance
  and Advanced. In order to insert your picture,
  you must click on the browse box at the end of
  the image URL line.
• (Troubleshooting Note if the insert/edit box
  does not open, hold down the Ctrl key and click
  on the Browse box.)

13
Editing ImagesUsing Site Manager

• You may edit picture files using the blue pencil.
  
• Images should be small. No larger than 4x6 inches
  or 640x480px. Resolution 72dpi.
• Using the Editor you can resize, crop, adjust
  brightness, or rotate.
• When finished click Finish button
• The Editor will prompt you to over-write existing
  file or save as another file name.
• Save image.

14
Using Images

• Select Appearance tab. Choose desired alignment
  from the drop down box. Your image should have
  been resized before you uploaded it to the image
  folder. Your picture file should not be larger
  than 640x480 px (pixels) and resolution 72dpi.
• If your image needs editing refer to the previous
  slide. Slide 13.
• Insert.

15
Using Images

• Save before closing Editor. Save on Homepage.

16
Page Manager

• Adding Additional Pages
• Use Page Manager
• Choose the page type - 5 Types
• Standard, Calendar, Classroom, Photo Gallery, or
  Survey.
• Select Classroom Page
• Page Name - Ex. Senior English
• Level 3
• Save This Page
• Repeat this procedure to create a Classroom page
  for each course that you teach.
• Save each page.

17
Classroom Overview Under the name of the course
- Senior English Level 3 - you will find a
space for general information of your choice.
Optional Bulletin Board Click new post, enter
title and bulletin content, Post Bulletin This
could be reminders of projects, field trips, etc.

Classroom Page
18
Calendar The Calendar Manager is an excellent
tool for organizing events. Resources This is
the area you will use as a repository for print
and non-print resources. You can create
folders for Homework documents, Websites,
Quizzes, etc.
Classroom Page
19
Classroom Calendar

• The Calendar Manager is an excellent tool for
  organizing events. This is the area in which to
  post homework assignments, projects, etc. To add
  an assignment/project, click on ADD NEW EVENT.
  Type Event Title, select Event date, set
  recurrence is available, Event time - if needed,
  make sure Publish calendar box is checked, keep
  Event Notes short and use Event Detail to further
  explain the assignment/project. Save This Event !
• F5 key will refresh your calendar so that you
  will be able to see the new calendar entry.

20
Edit Calendar Event

• Once the Event is added to your calendar this is
  what you will see in Event Manager.
• If you need to change an Event
• Edit Blue PencilXDelete resource

21
Classroom Resources

• Add New Resource
• Folders must be created before content can be
  added to Resources area. All content must be in a
  folder.
• Use the across from folder to access the
  Resource Editor. Blue pencil edits content.
• Link External web page
• File Select any document or file to be used as a
  classroom resource by clicking BROWSE.
• Content Enter custom content as a classroom
  resource using Content tab.
• Post resource - If a website - link test link

22
Course Overview Page

• Make sure you are on the Class page that you want
  to add the Course Overview page for.
• Add new page
• In Page Manager made sure that you are adding a
  New Child Page for the intended course.
• Select Standard Page
• Page Name - Course Overview
• Save This Page
• Create a Overview page for each class.

23
Course Overview Page

• Content for this page - course description may be
  accessed in the following ways
• Southington Schools Website - Program of Studies.
  Navigate to Southington High School Page gt About
  Us gt Program of Studies - Select 2007-2008 book
  link.
• Use hard copy of the Program of Studies.
• Create your own course description.

24
Publish
Parents and others access your page through
Contact Faculty and Staff Tab
The Key to a successful website is how you manage
it. Keeping it current with weekly updates.
25
WebSite Tips and Tricks

• Text Editor
• The default spacing in Text Editor is double
  spaced. To achieve a single space, hold down the
  shift key then click the enter button.
• Help
• To access the Finalsite Knowledge base - help
  files - click on the yellow ?
• The Calendar Manager User Manual is available
  through the yellow star to the left of the Site
  Manager tab. Choose Knowledge Base.
• Saving
• After you finish working on a page in a
  Finalsite editor, save your work. You are then
  returned to the unpublished page. Click save in
  the upper left hand corner. If you do not save
  here, your work will be lost!!
• Calendar Reminder After entering an event in
  your calendar and saving the event you must
  refresh your screen ( F5 ) in order to see the
  new event or updated event.

26
Advanced FeaturesClass Part IIFor Additional
ResourcesMove ahead to slide 24
27
MultiMedia Folders

• Slideshow Create Slideshow and give it a title.
  After creating the slideshow, click Browse,
  select the files you wish to include and click
  Upload.
• To preview slideshow Click Preview Folder (the
  magnifying glass) and the contents of the folder
  will be displayed. You can edit delete, or add
  additional files from here.

28
MultiMedia Manager

• Multimedia Manager allows you to organize photo,
  video and audio files and deliver them to public
  and private audiences via an attractive
  user-controllable interface that is compatible
  across all browsers and operating systems.
• To start Select Multimedia Manager under the
  Site Manager tab. This will bring up your
  Multimedia Manager Dashboard. From the Multimedia
  Manager Dashboard, you can quickly see an
  overview of the module usage and have the ability
  to quickly add a new element to your gallery.
• Channels and Folders
• Folders need to be added under each channel in
  order to add media to that channel. You may
  choose to have different media options (video,
  MP3, or images) in the same folder or separate
  folders for each type.

29
MultiMedia Files

• Media files. Before creating your multimedia
  product all files should be processed so that
  they are the proper size and format for your
  photo slideshow, or MP3 or video playlist. Use
  your favorite photo editor to prepare your photos
  for upload. Use an application such as Audacity
  to create MPs files for podcasts. Organize your
  files into a folder on your computer for ease of
  upload.
• All photos should be resized or cropped to an
  appropriate size. For example, resize the picture
  to 4x6, Resolution 72 and file format .jpg This
  will create a file that is less than 1Mb in size.
  It will look good and load quickly. Your web
  folder size is restricted so you made run out of
  useable space quickly.

30
Resources

• Audacity Free, Cross-Platform Sound Editor
• Audacity is free, open source software for
  recording and editing sounds. It is available for
  Mac OS X and Microsoft Windows
• Additional download ?LAME MP3 encoder - Allows
  Audacity to export MP3 files.
• http//audacity.sourceforge.net/
• Please ask your building tech person to install
  this application and encoder for you.
• User manuals are available on the above website.
• Graphic Editors
• This website contains a list of the best free
  graphics editors on the net. This selection
  includes a number of advanced full-featured
  programs. http//www.ironspider.ca/freetools/grfxe
  ditors.htm
• Mac users will find that iPhoto is a good editor.
• Instructor emails
• bhosmer_at_southingtonschools.org
• lterrace_at_southingtonschools.org
• dmiller_at_southingtonschools.org