Teacher WebPages Welcome Back Let’s make Our most creative year yet!

Video Have You Been Paying Attention

Do’s 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. Don’ts 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. Pages that are too dark or too much fluff. All caps. WebSite Do’s and Don’ts

Login 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. If you are using a Mac, you must use Firefox as your browser.

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, 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. Standard Page

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.

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.

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.

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

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. 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. 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.) Using Images

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. Editing Images Using Site Manager

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. Using Images

Save before closing Editor. Save on Homepage. Using Images

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. Page Manager

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

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

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. Classroom Calendar

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 Pencil X=Delete resource Edit Calendar Event

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 Classroom Resources

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. 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 > About Us > Program of Studies - Select book link.  Use hard copy of the Program of Studies.  Create your own course description.

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. Publish

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. WebSite Tips and Tricks

Advanced Features Class Part II For Additional Resources Move ahead to slide 24

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. MultiMedia Folders

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. MultiMedia Manager

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. MultiMedia Files

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. 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. Mac users will find that iPhoto is a good editor. Instructor s: Resources