Advanced Features

QUICK LOOKS - click on the link to jump right to the section you need:

Advanced Design Adding links
Uploading Files Adding Images
Using the Mailing List Your Website Statistics

•• Advanced Website Design ••

From the Design Website page, you can access the Advanced Editor (click the "Launch Advanced Editor" button at the bottom of the Design page).

NOTE: you can choose your colors and fonts with the advanced editor, but the layout of the page is set. You may need to use one of the templates if you want a different layout.

At the top of the Advanced Editing page, you have a Live Preview. This will show your changes (even before you save them) so you can see what it will look like.

NOTE: the nasty red "x" means that you do not have an image uploaded in your profile.

Page Properties:
Title - will show up in the top bar of the Internet browser
Width - how much of the screen do you want your page to cover?
Background - CAREFUL choosing this color! There will be a lot of it!

Site Heading:
This will be the top of all of your pages.

Heading Text: the title of your website
Heading Text Color: click on the square to choose
Heading Font: choose your type, size and style

Sub-Heading Text: optional, but section titles will appear here, also. Even if you don't type in a sub-heading title here, set the color and font.
Sub-Heading Text Color: click on the square to choose
Sub-Heading Font: choose your type, size and style

Background Color: be sure that you choose a color that will complement your text
Border Color: optional, based on if you choose to have a border
Border Style: choose an accent border or no border

Sidebar:
This is an information bar that will appear on the left side of every page.

Sidebar Font: choose your type, size and style (best to keep this font size fairly small)
Sidebar Font Color: click on the square to choose

Background Color: be sure that you choose a color that will complement your text
Border Color: optional, based on if you choose to have a border
Border Style: choose an accent border or no border

Content:
This is the main content area of your pages.

Section Heading Font: choose your type, size and style for the content title
Section Heading Font Color: you need to choose a color that will show on the background color you set in page properties

Content Font: choose your type, size and style for the content title
Content Font Color: you need to choose a color that will show on the background color you set in page properties
NOTE: the formatting you set here become the default for your pages. When you are adding content (in the Rich Text Editor), you can change the formatting to whatever you want.

Link Style: choose your style
Link Font Color: you need to choose a color that will show on the background color you set in page properties
HINT: setting a link color that is different from the content text color helps visitors spot the links easier (especially if you chose "no underline" for your link style).

BE SURE TO CLICK "SAVE WEBSITE SETTINGS" TO KEEP YOUR CHANGES!!


•• Adding Links ••

You can easily add links to your entries with the Rich Text Editor. (click here if you need a refresher on adding/editing entries from the Sections & Entries page)

1. In your content area, select (highlight) the text that you want to become your link.

2. Click on the Link icon (looks like a link in a chain).
link icon
3. The "Insert/edit link" window will appear.

Link URL: this is the address (including the http:// stuff) where you want the link to go. HINT: go to the page or file that you are linking to, then copy the address from the top of the browser and paste it into the Link URL blank -- saves you typing in all that stuff.
Target: choose to have the targeted page open in a new window or the same window (generally, if you link outside your website you would have it open in a new window)
Title: an accessibility feature that you should use
Class: take the default


Need to break the link?? Just select the link, then click on the "Unlink" icon (looks like broken chain).
NOTE: you can make a link out of a picture, too. Just follow these steps for a selected image instead of text.
For info on inserting images, keep reading!


•• Uploading Files ••

You will need to go to the Upload Files page if you want pictures on your website or if you have files that you want visitors to be able to download.
NOTE: for free & easy photo tricks-of-the-trade, check out our Snapfish tutorial.
Rules of uploading:
You can only have 15 files at a time on your site.
No file can be more than 5 MB (that would be like a multi-page, image-laden, all-the-bells-and-whistles PowerPoint).
You are limited to 25 MB total (that's a lot of space!).

You can only upload Word, Excel, PowerPoint, PDF, or ZIP files. Images must be GIF or JPG.
All uploaded files are listed on your website. This makes it very easy for visitors to find and download files that you want them to have. HOWEVER, there is no way to make an uploaded file private, so don't upload it if you don't want the world to see it.

Upload File

Title: this will be the name that shows up in your file list on your website. Make it descriptive enough that visitors can easily identify it.
Description: this is for your information (it won't show up on the website list)
File: click the "Browse" button to go to where you have the file saved.

Click the "Upload" button and it will be added to your list.

To view your file, just click on its Title.

To Delete it, just click on the little red trash can.



•• Adding Images ••

To insert images into your site, you'll need to go to Add/Edit Entries on the Sections & Entries page.

At the bottom of the Entry page, you will see "Images for this Entry", a list of files that you have already uploaded.
1. Click your cursor in the content area where you want the image to go.
2. Click the "Insert" icon (blue +).

Don't have the image uploaded yet? Use the "Upload an Image" box to add your new file to your list.

To edit your image, click on the image and then click the Image icon (little tree).
Image URL: the actual address of the image.
Image description: an accessibility option. Use it.
Alignment: left, right, center, etc.
Dimensions: adjust the size
Border: zero (0) for no border
Vertical/Horizontal space: the amount of blank space around the image


•• Using the Mailing List ••

The Mailing Lists page allows you to add new lists, edit current lists, and send messages to your lists. This is a quick and easy way to keep students and parents informed.

Name: click the name to see the details of that list
Subscribers: total number of people who have subscribed to that list
Edit: click the little blue pencil to edit the list info and subscribers
Status: red lock indicates a private list (you must manually enter contacts). green lock indicates a public list that visitors can subscribe to.
Delete: PERMANENTLY delete list and all contacts

Don't have a list yet? Click the "New Mailing List" button to start a new one.

Details of a mailing list:

Enter the list information:

Title & Description: make the title and description clear for visitors who may want to subscribe.

Recipients: you can add recipients here, or you can simply let visitors subscribe (then they are automatically added to the list).

The easiest way to do a mailing list is to leave it public (green lock on Status) and let visitors subscribe to the list.

Visitors can sign up for any of your mailing lists that apply to them.

Then, all you have to do is compose one message and it goes out to everyone who has subscribed to your list.
Quick and easy communication!


•• Your Website Statistics ••

Going to the "View Statistics" page will show you the number of visits made to each of your pages.
HOWEVER, it also records your visits.
Use the Reset icon (blue circular arrow) to set a certain page back to zero.
Use the "Reset All" button to set all pages back to zero.



Blonde Tutorials Home SchoolRack Basics

 

SchoolRack and the respective logos are trademarks or registered trademarks of SchoolRack.
All other original images and tutorials in this site are property of Early ISD, Copyright © 2007.
All tutorials may be reproduced only in their original form with appropriate credit given to the owner/author.
Please e-mail questions and comments to Ren Yantis, resident blonde.