Editing and Formatting
This section will provide you with all the information you need in order to edit your website with SiteScribe.
IMPORTANT: Always remember that whenever you make changes and save them, they are immediately live to the world. So be sure your work is correct.
Select a topic:
Opening a page <<back to menu
To open a page that you wish to edit, simply select the page name from the left side menu in SiteScribe. The page contents will then appear in the editing pane.
Beginning your edit session <<back to menu
Once you've opened a page that you wish to edit, the following box will appear at the top right-hand side of the editing pane:
(Note: The Editing Box is movable and can be placed anywhere on your screen that you desire. You move the box by clicking on the vertical dots and dragging.)
To begin editing a page, simply select "Edit". An outline will appear around your editing page indicating that you are in Editing Mode.
When you enter Editing Mode the Toolbar will appear. Please go to "Formatting and styles" for details on the Toolbar.
Saving your edit session <<back to menu
When you have completed an editing session and are ready to make it live, simply select "Save" on the Editing Box.
IMPORTANT: Always remember that whenever you make changes and save them, they are immediately live to the world. So be sure your work is correct.
Viewing the results <<back to menu
There are two ways you can view the results of your session:
-
Select your website's link at the left-most side of the top menu. This will automatically bring you to your site and allow you to review your changes. This is the recommended method.
If you wish to return to your session, simply select the
that appears
on your webpage. You will get a window asking if you wish to
log out. Simply hit CANCEL, and you will be returned to your
session.
-
You may open a new browser and go to your website to review your changes. IMPORTANT: DO NOT open a new (duplicate) window from the browser that is already open. Open up a fresh browser window by selecting the browser program icon on your desktop or Program Menu.
About "Session Timeout" <<back to menu
Session Timeout is a security feature. If there is no activity during an open SiteScribe session for 25 minutes, SiteScribe will automatically log out of session. If you return to SiteScribe, and it has initiated a Session Timeout, any attempt at editing will result in the left-side menu disappearing and all editing features disabled. In such a case, simply click on the SiteScribe logo at the top of the page, and you will be brought back to the login page. Enter your user name and password, and you will then be able to start editing again.
Important: Make sure only one browser is open before re-initiating a session.
Formatting and styles <<back to menu
When you enter Editing Mode, a new box will appear. It is called the "Toolbar", and appears as follows:
 |
 |
|
The Toolbar contains functions that allow you to give your text a particular appearance, size, alignment, etc.
TIP: To learn about the functions of the Toolbar, hover your mouse over any button.
If you wish to give your text a particular appearance or orientation, simply highlight the specific text you wish to change, and then select the appropriate button.
Typing, copying and pasting <<back to menu
Once in Editing Mode, you can begin typing immediately.
An important note about copying text and pasting it into SiteScribe
If you are copying text from another application (e.g., Microsoft Word or WordPerfect), paste it into a text editing program first such as NotePad (which you can open by clicking on your computer's START menu, choose PROGRAMS then ACCESSORIES then NOTEPAD). Then recopy the text and paste it into SiteScribe. This will remove any 'extra bits' of the coding that you don't see.
Inserting images <<back to menu
Place the cursor where you want to insert the image. Choose INSERT IMAGE on the Toolbar. The Image Library will appear.
You will find any photo's and many of the graphics used on your site within
these folders. Search through the folders to find the image you wish to insert.
Click on the image name to preview it in the window on the right.
Alternative Text
In here you can type a brief phrase or description of the photo that will appear as the user moves their mouse over the image. For example, on a photo of a person you might want to type their name.
Horizontal Space
This is the margin to the left and right of the image. This is handy if you have text beside the image and you want a small space or 'margin' between the two. A horizontal space of around 10 is usually sufficient.
Vertical Space
This is the margin around the top and bottom of the image. A vertical space of 5 to 10 is usually sufficient.
Inserting an image from your computer
-
Place the cursor where you want to insert the image.
-
Choose INSERT IMAGE on the Toolbar. The Image Library will appear.
-
Click on the folder you want your image to be uploaded into.
-
Click on the BROWSE button. A screen will appear displaying your image files. From here you can locate the file you wish to upload.
-
Double click the image file to select it. The file's path and name will appear in the Local File field (near the bottom of the Image Library screen).
-
Click UPLOAD to load the image into the folder.
-
Then select the image by clicking on its name (you can view it in the preview window on the right) and set any other parameters you want on the image (e.g., align center, Horizontal Space, etc.).
-
Click INSERT.
IMPORTANT: When naming your images do not use any spaces between the words. Keep the names brief. If you want to differentiate between words, use hyphens, underscores or capitals.
TIPS:
Try to keep your images below 30kb (under 20kb is ideal). Anything larger than this will take too long to load. People viewing your site will not hang around waiting for images to load on the page. You can find out the file size of an image by viewing its details in Windows Explorer (if you cannot see the "size" column go to VIEW on the Explorer toolbar, and click on DETAILS. The size column should appear.
Give your image the correct dimension
size BEFORE inserting it. Do not resize the image once it is on the web page.
Doing so will not reduce the physical size of the image (i.e., the amount of
computer "space" it takes up) - a 500x500 pixel wide image that is 40kb will
still be 40kb when you have sized it down to 100x100 pixels. If you resize it
properly first in an image editing program it may only end up being 10kb when it
is 100x100 pixels instead of 40kb and take only 2 seconds to load instead of 10
seconds. A big difference to people viewing your site - especially when you have
several images on the page.
Images that exist inside a computer are given a specific type of digital "format", and there are many formats. The two most common formats for Internet use are jpg and gif. You can tell what kind of format an image has by looking at the image name and seeing which three letters follow the dot ("."). Images are given their formats by using a graphics program such as Photoshop.
Save photos in .jpg format.
Save cartoon style images and text images in .gif format.
Inserting tables <<back to menu
Tables are an advantageous way of organizing several pieces of information on a page.
-
Place the cursor where you want to insert the table.
-
Choose the INSERT TABLE button on the Toolbar.
-
You will be asked "How Many Columns" and "How Many Rows". Type in the numbers and click OK (or press ENTER).
You will notice that the table will have a fine border around it. This is merely a guide while in Edit Mode and will be invisible once you return to normal mode. You can resize the table by positioning your cursor over the table border until the cursor changes to the 4 way arrow and click once. The corners of the table will appear. Now position the cursor over one of these corners until it changes to a 2 way arrow. You can now click and drag the border of the table to the desired size.
Note: The border will no longer be visible once you exit out of edit mode and then return. But it will still be there - just keep moving the cursor around where you think the border will be until the arrows appear.
Managing Your Page Layout with Tables
Tables are the best way to manage a page with multiple text and images. If you
have an image with text beside it, put it in a table with the image in one
column and the text in another. It will keep everything a lot neater and more
manageable.
Creating Internet links <<back to menu
Creating a Link to Another Website
-
Highlight the text or image you wish to make a link.
-
Click on the LINK button on the Toolbar. The Links window will appear.
-
On the left side of the Links window is a small drop down menu. Select "Website Address".
-
Then, in the main area you will see the characters "http://". Type the desired website address AFTER these characters (e.g., you would type www.solutionmanagers.com after the characters so that it appears as http://www.solutionmanagers.com).
-
At the bottom is a checkbox, and next to it the words "Yes, link opens in new window". Keep this box checked. This way the link will open in a new browser window each time it is selected.
-
When done, click APPLY.
Creating a Link to an Email Address
-
Highlight the text or image you wish to make a link.
-
Click on the LINK button on the Toolbar. The Links window will appear.
-
On the left side of the Links window is a small drop down menu. Select "Email Address".
-
Then, in the main area you will see the words "mailto:". Type the desired email address AFTER these words, without any spaces (e.g., you would type info@solutionmanagers.com after the characters so that it appears as mailto:info@solutionmanagers.com).
-
At the bottom is a checkbox, and next to it the words "Yes, link opens in new window". Keep this box checked.
-
When done, click APPLY.
Creating a Link to a Document (Insert File)
-
Highlight the text or image you wish to make a link to.
-
Click on the INSERT FILE button on the Toolbar. The File Library window will appear. Any documents already used on the site will be in one of the folders.
-
Click on any of the folders to view their contents. Click on any file name to view the document prior to linking.
-
Click on INSERT to insert the document.
-
If the document is on your local computer, click the BROWSE button. Your computer will display a file menu screen. From here you can locate the file you wish to upload.
-
Double click the file to select it. The file's path and name will appear in the Local File field (near the bottom of the File Library screen).
-
Click UPLOAD to load the file into the folder.
-
Click INSERT beside the file name.
IMPORTANT: When naming your images do not use any spaces between the words. Keep the names brief. If you want to differentiate between words, use hyphens, underscores or capitals.
Adding and Deleting pages
<<back to menu
Adding a Page
IMPORTANT: Whenever you add a page, a corresponding link to that page must be created. If the link buttons on your website are graphics that cannot be edited with SiteScribe, contact Solution Managers at 973-244-0555.
To create a new page on your website:
-
Go to your Contents Menu (at the left) and right-click on MAIN PAGES. The following box will pop up:
-
Select New. When you do this, a Properties Box will appear in the editing pane, as shown below:
-
In the box next to Menu Item Name, type in the name of the new page you wish to create.
-
Once you've typed your desired page name, click in the next box below where it says "Enter address of menu link:". When you do this, some text will automatically appear in the box. You do not need to do anything here.
-
Next, in the box next to Order, choose what order you wish the page to appear on the Contents Menu. For the most part, it does not matter in what order you place the page.
-
Permissions
This selection allows you to control who can view and/or edit the specific page you've just created. This is done by clicking on Exceptions>>, and then choosing which users you wish to view and edit the page, or which users you do not wish to view or edit the page.
-
Once you are done, select Add>> to create the page, or Cancel if you change your mind. If you select Add>>, the page name will appear in the Contents Menu.
Deleting a Page
IMPORTANT: Whenever you delete a page, it is
important to also delete the corresponding link to that page. If your link
is in the form of a graphic that cannot be edited with SiteScribe, contact
Solution Managers at 973-244-0555.
To delete a page from your website:
-
Go to your Contents Menu (at the left) and right-click on whichever page you wish to delete. The following box will pop up:
-
Select Delete. When you do this, a Confirmation Box will appear in the editing pane, as shown below:
-
If you wish to delete, select Yes. Also, before you select Yes, it is recommended you click in the box in the middle next to the phrase, "Also delete the corresponding ... ". A check mark will appear. This will delete all the code and files related to the page.
If you do not wish to delete the page, simply select Cancel.
-
Once you've deleted the page, a confirmation will appear and then you will automatically be returned to SiteScribe.