SchoolNotes Tutorials

Adding Images

When you are working with images and graphics in your SchoolNotes page, there is one very important thing you must remember – Be sure you have permission to use other people’s graphics.  There are many websites out there that will allow you to directly link to an image on their site as long as you provide the proper information for the graphics when you use them on your page(s).  However, there are many sites that require you to download these images to your computer and give them your own internet space (upload and host them on a website).  

This can be done easily with an online program like Image Shack.  There is a free and a subscription version of this online program and I have used the free one for a few years now.  What this program does is it allows you to upload pictures from your computer onto their website to give them the “web space” needed to insert them into your SchoolNotes page(s).  Just follow the directions to subscribe to this program and upload your images.

You can subscribe to this free image hosting program at

The alternative to this service would be using SchoolNotes as the image host. Keep in mind, any images added this way will take up space in your "My Files" section. See Adding Images Using “Files” for that method.


In the below image, you will notice in the HTML Text Editor Tool Bar there is an icon that looks like a picture of a mountain. This icon represents the “Insert Image” tool you will use to add images and graphics to your web page(s).

Once you have clicked on this icon, the below window will pop open.  

To insert the image you will need to paste the image URL into the ‘Source’ field. You can acquire the address of an image by placing your cursor over the image, right clicking and then select “Copy Image Location”. (If you are hosting the image in your SchoolNotes files simply right click on the file name and select the same, ‘Copy Image Location’.) 

Feel free to add an image description. The editor will automatically import the image dimensions, you can adjust these here, or once the image has been inserted. 


After you have added the information in for the image you are working with, it should look like the example below.

Now that all of the correct information has been entered in for your image/graphic, click the “OK” button.  You should be able to see the picture you have just inserted on your page.   

After the images have been inserted into your page you can resize it and/or cut and paste it to position the image any way you would like to in your page.  To insert more images, just follow the same steps as above for each one. 

Adding Images Using "Files"

Here is a work around for not having to use a Third Party Vendor when adding images to your SchoolNotes page. Keep in mind, when you use the images the way that I am going to show you, it will take up space in your "My Files" section. To add an image to your SchoolNotes page from your computer, you will need to do the following:

STEP 1.         Click on the "Files” link in the left margin of your desk:

STEP 2.       You will then be taken to the following page within your account:

Step 3.     Click on the "Add a New File" link to add your first file. Once you click on the link, additional boxes will appear for you to fill in. You will enter in a title and browse your computer documents to locate the file. Next, select the page(s) you want this file to display on and then click "Add New File" button to save your changes.

*Pay special attention to the list of files you are able to upload into your account-if you do not see it in the list, do not upload it into your page. 

Once your file has been added, a list of all of your attachments will appear. By clicking on the "Edit" icon, you can make changes to the title of the document or what page(s) you want the document displayed on. Make sure to save your updates. By clicking on the "Delete" icon, you will delete the file from the page(s) it is listed on as well as from within your "Files" section.   



STEP 1.  To create a blog entry click on “Blog” in the left bar: 

STEP 2.  Click on the “Add a New Blog Entry” link:

A window will appear that looks very similar to your edit window for your SchoolNotes pages.  

Enter a Title for your blog and add your blog content within the space provided.  If you want the blog to be viewed by your parents and students you must make the blog ‘Active’. You also have the option to allow comments on your blog page. When saving your blog post you have two options, you can simply save the entry or you can click the ‘Save and Notify*’ button to send an e-mail notification to your notification list. (*Please note this will go to the notification lists of the pages you have selected this post to appear on.)

*Your blog will post to all of your SchoolNotes pages by default.  To change this, click the “Click to show/hide list” link and select which pages you would like this post to appear on. 

Once saved, your entry will now appear on your pages for your parents and students, as well as on your teacher desk.

 STEP 3: You can also add a “Quick Post” to your blog if you do not have the time to enter an entire blog entry.  This can be done from your Desk.  All you need to do is type your message in to your Quick Post box and your message will be posted to all of your SchoolNotes pages.

STEP 4:  Once you have created your blog post you can always go back and edit it. Simply click on the “Edit Entry” icon to make changes to the entry. You can also delete any of your blog posts. To do this simply, check the box next to the post title and click ‘Delete Selected’.

Clearing Your Cache and Cookies

It may be necessary to clear your cache and cookies two or three times.

To clear your cache and cookies in Mozilla Firefox:

Click on ‘History’ in the upper left-hand side of the screen and select ‘Clear Recent History’. 

In the window that appears select your time range, to clear your entire cache, select ‘Everything’. Next select which elements of the history to clear; to clear your entire cache, select all items. Then click ‘Clear Now’.

To clear your cache and cookies in Chrome:


In the upper right-hand corner click on the three horizontal bars. Select ‘Settings’.

Under the ‘Settings’ section, all the way at the bottom, click on ‘Show advanced settings’.

In the window that appears click on ‘Clear browsing data’.

In the window that appears select ‘the beginning of time’ for a time frame. To clear your entire cache, select all items. Then click ‘Clear browsing data’.

To clear your cache and cookies in Internet Explorer:


In the upper right-hand corner click on the ‘Tools’ symbol (gear) or, click ‘Alt + X’.

Select ‘Internet Options’

Select the ‘General’ tab. Under the ‘Browsing History’ section click ‘Delete’.

Be sure that ‘Temporary Internet Files, Cookies, and History’ are check marked and select ‘Delete.’

To clear your cache and cookies in Safari:


Click on ‘Safari’ in the upper left hand side of the screen. Select ‘Preferences’ from the menu.

In the window that appears, click the ‘Privacy’ tab. Click the button ‘Remove All Website Data’. 

In the pop-up window click ‘Remove Now’.

Contacts: Adding Emails Individually

To add contacts individually, click on “Contacts” located in the left margin of your desk.

You will then see a confirmation of the number of contacts uploaded to your notification list.

Contacts: Importing Emails by CSV File

Uploading a CSV file is a quick way to add email contacts to your ‘Contacts’ and ‘Newsletter’ notification lists.

*Please see ‘Creating a CSV File’ for instructions on how to create an up-loadable contact list.

For Contacts: 

1)      Click on "Contacts" in the left margin of your desk and select "Import/Export Notification List."


2)   Browse your file folders until you locate your CSV file. (If your pages are not visible, select ‘Click to show/hide list’ to reveal) Check the box next to the name of the page(s) that you want the list assigned to and then click ‘Upload File’. *Important* Be sure that there is no space in the title of the CSV file.

3)  Next you will need to match the corresponding fields within your CSV file with the matching field type in the system, then click ‘Continue’.

4)    Next, verify that you have only the contact information that you wish to upload. If there is information you do NOT want included from the file, uncheck the box next to that contact:

Then select "Load Notification List."

You will then see a confirmation of the number of contacts uploaded to your notification list.

For Newsletters: 


Select "Newsletters" located in the left margin of your dashboard and then select "View Subscribers." 

A new window will open. Select "Import/Export Subscriber List" *Important* Be sure that there is no space in the title of the CSV file. Locate the file name and upload the file.

Next: Follow steps 3 and 4

Creating a CSV File


The easiest way to create a CSV (Comma Separated Value) file is with Microsoft Excel. 

Or, if you have the names of the parents/students you can include that data as well.  

*Important* When naming you file, be sure there are no spaces in the file name:

You have now created an up-loadable, text-only contact file! 

Creating a Page and Adding Content

To create a page in your account, click on ‘Pages’ listed in the left margin.

Now let’s add some content. 

The tabs at the top of your text editor perform the following functions:

*NOTE* Once you have finished editing your page and you wish to send notifications to parents that recent updates have been made, you MUST click on "Save and Notify". 

When editing your page, you will find many tools to work with.  There is a Text Editing Toolbar similar to what you find in Microsoft Word. With this toolbar you are able to bold1, underline2 and italicize3 your font.  There is left4, center5 and right6 justification buttons, bullet lists7 and numbering buttons8 as well as a button to insert images9.  We highly recommended you type all of your text into your page and then go back and modify your text using the toolbar. You can change the font color10, highlight your text11, change the font family12 and change the font size13.  *Reminder*, when you turn one of the tools on in the toolbar (by clicking on it), it will remain active until you turn it back off.  You can also make the editor window full screen14. (You will need to exit this mode to save your work.)

You are now ready to add your content. Feel free to add as much or as little information as you want, the sky’s the limit! You can be as creative or as basic as you would like, it’s up to you. 


*Helpful Tip* - We recommend that you ‘Save’ your work as you go. The internet is an unpredictable place and to prevent a loss of work (and a waste of your precious time!) it’s a good idea to ‘Save’ your work periodically while you are drafting your update.

Below the editor window there are additional page formatting tools. You can set a default text color, as well as set a default background color or a background image/pattern.

Additionally, one of the features of the site is a page visit counter. This is displayed in the header of each of your pages:

To reset a page’s counter, simply check the box located below the editor window:

*A Note about Pasting*

Pasted MS Word content contains a lot of embedded styling that works well in MS Word, but behaves poorly on a website. The best strategy is to paste plain text into the editor and format it with the editor's formatting tools. This can be done by pasting your content into a Notepad document first and then copying and pasting from that document. This will remove the formatting that does not behave properly on the web. 

There is also a plain text mode within the editor settings; this will allow you to skip the Notepad step.


This can be found here:

An additional note about the editor, in order to copy/paste/cut you will need to use the standard keyboard shortcut keys- Ctrl+C (copy), Ctrl +V (paste), and Ctrl+X (cut).


The last feature available when creating/editing your pages is the ability to manage your Links, Files, Photo Albums and Flashcards assigned to the page. Simply click the check box for those items you want to feature on that particular page and click ‘Save’.

Desk Features

SchoolNotes has a new look with updated features! On the dashboard, now called Desk, you will see:

Check out the new features! And if you need a little extra help, be sure to click on "Support" in the upper right corner (under the small profile image) for the User's Guide and Frequently Asked Questions.

Have Fun!!         

Enable/Disable Java Scripts in Firefox

To Enable/Disable Java Scripts in Firefox:

Locate the "Firefox" tab in the upper corner of your screen. Select "Options" and then "General."

After you get to this window, you will click on "Manage Add-ons" and you should see the following:

Enable/Disable Java Scripts in Internet Explorer

There are two ways to enable/disable java scripts in Internet Explorer


First Way:

From the Tools Menu, or the Tools drop-down in the upper right, select Internet Options


Next, select the Programs Tab and click on "Manage add-ons"


Highlight the Java Plug in and click either Enable or Disable in the lower right hand corner. Then click Close.


Second Way:

From the Tools Menu, or the Tools drop-down in the upper right, choose Internet Options


Click the Security tab and select Custom Level


Scroll to the "Scripting" section of the list. Click Disable or Enable



Close and restart your browser.

Enable/Disable Java Scripts in Safari

To Enable/Disable Java Scripts in Safari, locate the tools icon in the upper right corner of the browser bar and select preferences.


Click on the Security Tab and Enable or Enable JavaScript and close.