QUICK LOOKS - click
on the link to jump right to the section you need:
••
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!! |
|
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).
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! |
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. |
| 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
|