Get documents about "SITE BUILDER TOOLKIT
Document Sample
Version 2008.02.01
Site Builder Toolkit Basics
This document covers the basic elements of Site Builder Toolkit (SBT). Some areas covered are templates,
layout, creating and editing pages, and navigation. Please take some time to become acquainted with the
information contained here-in.
SITE BUILDER TOOLKIT ..................................................................................................................................................... 1
LOGGING IN TO SBT ............................................................................................................................................................. 1
SBT TOOLKIT ICONS ............................................................................................................................................................ 2
NAVIGATE TO YOUR PAGE(S) ........................................................................................................................................... 2
CREATE A CONTAINER PAGE ........................................................................................................................................... 3
MODIFY AN EXISTING PAGE TO BE A CONTAINER PAGE ........................................................................................................... 3
CREATE A NEW PAGE .......................................................................................................................................................... 4
PAGE CONTROL ..................................................................................................................................................................... 5
TEMPLATES............................................................................................................................................................................. 5
SCHOOL / DEPARTMENT TEMPLATES ............................................................................................................................ 5
SCHOOL / DEPARTMENT FACULTY AND STAFF LISTING PAGE ........................................................................................... 8
META DATA ........................................................................................................................................................................... 10
PAGE TITLE ............................................................................................................................................................................ 10
KEYWORDS............................................................................................................................................................................. 10
CLONE A PAGE ..................................................................................................................................................................... 11
EDITING PAGE CONTENT ................................................................................................................................................. 12
GET ACQUAINTED WITH THE EDIT SCREEN ............................................................................................................................ 12
FORMATTING TEXT CONTENT ....................................................................................................................................... 15
FORMAT WITH STYLE ....................................................................................................................................................... 15
CREATING TABLES ............................................................................................................................................................. 15
ORGANIZE TABULAR INFORMATION ....................................................................................................................................... 15
ADD A TABLE ......................................................................................................................................................................... 16
EDIT A TABLE ....................................................................................................................................................................... 17
MANIPULATE CELLS ............................................................................................................................................................... 17
To split a cell into two cells: .............................................................................................................................................. 17
To merge two or more horizontally adjacent cells into one cell: ....................................................................................... 17
To set cell attributes explicitly: .......................................................................................................................................... 18
INSERTING IMAGES ............................................................................................................................................................ 19
PREPARE THE GRAPHIC .......................................................................................................................................................... 20
START THE PROCESS ............................................................................................................................................................... 20
GET THE IMAGE FILE .............................................................................................................................................................. 20
If the File Already Exists on Web Server ........................................................................................................................... 20
To Upload an Image .......................................................................................................................................................... 21
FINE-TUNE THE GRAPHIC LAYOUT ......................................................................................................................................... 22
INSERT SPECIAL CHARACTERS ..................................................................................................................................... 24
UPLOADING DOCUMENTS AND IMAGES ..................................................................................................................... 25
CREATING AND "BREAKING" HYPERLINKS .............................................................................................................. 26
CREATE THE LINK .................................................................................................................................................................. 26
WEBSITE LINKS ...................................................................................................................................................................... 26
EMAIL LINKS .......................................................................................................................................................................... 27
CSN WEBPAGE LINKS ............................................................................................................................................................ 27
CSN DOCUMENT LINKS ......................................................................................................................................................... 27
BREAK THE LINK .................................................................................................................................................................... 27
LINK TO ON-PAGE REFERENCES (ANCHORS) ............................................................................................................ 28
CLEAN UP CONTENT FROM OTHER SOURCES .......................................................................................................... 29
USE NOTEPAD ........................................................................................................................................................................ 29
RELOCATE A PAGE ............................................................................................................................................................. 30
DELETE A PAGE ................................................................................................................................................................... 30
SITE BUILDER TOOLKIT - FAQS ..................................................................................................................................... 31
WHAT'S MY USER ID? ............................................................................................................................................................ 31
CAN I WORK ON MY WEB PAGES FROM HOME? ....................................................................................................................... 31
HOW DO I EDIT PAGES? ........................................................................................................................................................... 31
HOW DO I MAKE A PAGE A CONTAINER PAGE (MEANING I CAN ADD PAGES TO IT)? ................................................................. 31
HOW DO I ADD A PAGE? .......................................................................................................................................................... 31
WHY CAN'T I ADD A PAGE? ..................................................................................................................................................... 31
HOW DO I TITLE MY PAGE? ..................................................................................................................................................... 32
HOW DO I CHANGE THE LOCATION OF MY PAGE(S)? ............................................................................................................... 32
HOW DO I MAKE A PAGE INACTIVE AND WHY WOULD I WANT TO DO THAT? ........................................................................... 32
HOW DO I ORDER MY PAGES, EITHER ALPHABETICALLY OR IN A SPECIFIC ORDER? ................................................................. 32
WHY CAN'T I CUSTOMIZE MY TEXT WITH THAT FONT I LOVE, MAKE IT PURPLE AND MAKE IT HUGE, LIKE 48 POINTS? ............ 32
WHAT'S THE DIFFERENCE BETWEEN DELETE AND PURGE? ...................................................................................................... 33
WHAT ARE NAVIGATIONAL AND HYPERTEXT LINKS AND HOW DO I ADD THEM? ..................................................................... 33
WHEN COPYING/PASTING PAGES FOR MIGRATION, HOW DO I 'CLEAN UP' MY PAGES? .............................................................. 33
HOW DO I USE SPELL CHECK? ................................................................................................................................................. 33
HOW DO I INSERT A PICTURE OR GRAPHIC ON MY PAGE? ........................................................................................................ 33
HOW DO I ADD ALT TEXT TO MAKE MY PICTURES AND IMAGES ADA COMPLIANT? ................................................................ 34
I WANT TO PUT A TABLE ON MY PAGE. WHAT'S THE BEST WAY TO DO THAT? ......................................................................... 34
I ADDED CONTENT AND WENT BACK TO THE WEB SITE, BUT MY CONTENT WAS NOT THERE. WHAT HAPPENED? .................... 34
HOW DO I ENTER A SOFT RETURN? (ONE-LINE) ....................................................................................................................... 34
Site Builder Toolkit User Manual Page 1 of 27
u o
Site Builder Toolkit
Site
S Builder To BT)
oolkit 2.1 (SB is a compl letely browser-based webs content m
site management s ted
solution creat by
S egis, Inc. The simple and in
SunGard Colle user interface facilitates we content management th
ntuitive SBT u e eb hrough:
S
Standardized page templat tes, including automated page headers and footers
Automated na
A avigational content
Simple proced
S ing n e
dures for addi and editing page content, and for managing page organization
The
T content m a
management approach to w website devel ws
lopment allow you to dev aintain and manage
velop, edit, ma
your departme
y l o
ent’s content with minimal training and it requires no HTML experience.
As you read thro ough this manual, p ep d
please kee in mind the
screens you see he r me t
ere may or may not be the sam as what you
y n.
see on your screen This is due to diff n ons /
ferences in permissio
ssigned thr
rights as application
rough the a n
S
LOGGING IN TO SBT
G
While viewing your website home page modify the browser add
W g e’s e, e t
dress box so it is of the form
http://ww
h ww.csn.edu/pages/3.asp
, rs e.
A login dialog, like this example, appear on the page
Enter your USERID and PASSWO
E d ORD in the a elds; press < NTER> or click the
appropriate fie <E
<L W cessfully log i you see tw new icons in the page f
< OGIN> button). When you succ in, wo footer:
e ed NAME]
on the left followe by [USERN
e eded by your n
on the right, prece name in brackets
These ic xplained in Site Builder Toolkit Icons. Unless
cons are ex n
e
you have permission to mod me
dify the hom page (m s
most users will
ese are the only new icons you’ see.
not), the e ’ll
Site o a
S Builder Toolkit User Manual Page 2 of 27
SBT TOOLKIT ICONS
S O O
This is a list of Icons that you will see based on the permissions/rights of your SBT user account.
T e n e
Open the full toolkit
O
resent when y are logged into Site Builder
Pr you e u
Logout of Site Builder Toolkit. Note your user
L e oolkit.
To
n s of
name appears to the left o this icon.
Edit e
E this page Present if you h
have the appr missions to
ropriate perm
erform the fun
pe ented by the icon.
nction represe
Copy this page
C
Delete this pa
D age
resent only if t page is a container (pa
Pr the arent)
A a page to this containe page
Add o er age—one that may have su
pa t ubordinate (child)
ages connecte to it.
pa ed
NAVIGAT TO YOUR PAGE(S)
TE O E
T merous ways to navigate to a given pag for editing:
There are num o ge :
L vigate to the page using th links provid within the site just as you would to view the pag
Login and nav p he ded e ge
n
normally.
Login and nav
L t the on
vigate to the toolkit using t toolkit ico h
and type in the page number.
L vigate to the toolkit using t toolkit ico
Login and nav t the on and type in the title of the page.
h e
m e
There may actually be more ways than this to n o
navigate to any
given pa ever, to ke
age for editing, howe e
eep things simple, we will
th
stick wit these..
Site o a
S Builder Toolkit User Manual Page 3 of 27
CREATE A CONTAINER PAGE
A
MODIFY AN EXISTING PAGE TO BE A CONTAINER PAGE
E
While viewing the page you wish
W g u
to ck
t be a container page, clic the
Page Edit Icon. b
I the Manag
In t
ger’s Toolkit
window, click the Page Co
w ontrol
t
tab.
For n age
F the option Will this pa
contain othe pages?, cl Yes.
c er lick
Click the Publish button.
C
This step is es
T u
ssential; if you forget
t, e
it the change will not be saved
and
a the page will not be a
c
container page.
uainted with the Edit
(see Get Acqu
( t
Screen for a d
S discussion of the
Save button).
S
W for confir
Wait e
rmation of the
publishing act
p o
tion. If you go to the
next step too quickly, you may
n
cancel the pub
c n.
blishing action
ck e
Click the Bac To Home Page
C
b
button.
With
W the in he r d
ADD PAG ICON i the middle group at the bottom of th page, you’re ready to add a new
GE
child page to t
c age.
this parent pa
If
I the ADD PAGE ICON doe
E t ssion to add pages. Check with your
esn’t appear, you may not have permis
ocal site administrator to remedy this.
lo r
Site o a
S Builder Toolkit User Manual Page 4 of 27
CREATE A NEW PAGE
New pages must be added as subordina
N ates (children) of a contain (parent) p
ner age ewing is a
page. If the pa you’re vie
container page, you’ll see the
c t ADD NEW PAG ICON in th middle grou of the pag footer or header. If
GE he up ge
this icon isn’t present, you must make it a container page befo you can a a child page.
t ore add
e f page,
While viewing the page that will be the parent of the new p
e
click the ADD PAGE ICON ( dle
in the midd of the page foot ter or
footer).
d
If you don’t see the DELETE ICON ( you don’t have
) , y
ion to dele pages.
permissi ete
P gation
Page Navig
tled Page w the name by which yo want the p
Replace New Untit
e with e ou own.
page to be kno
you child page, SB assumes y want the new page included in
Generally, leave this as is. When y create a c BT you c
t
the navigation panel of the parent page.
A such navigation links are included in alphabetical order—unless you change this value.
All s
ue 9 the p sequenced ab
A positive valu less than 99 identifies t page as one in a group that will be s bove those with the 99
value. Thus, if you give one group of pa
v f e e ther group a value of 70, t links are
ages the value 50 and anot the
sequenced in the navigatio panel with all the 50-numbered page in alphabet
s on es llowed by the 70-
tical order, fol e
numbered pag in alphabetical order, f
n ges he
followed by th 99-numbered pages in alphabetical o order.
e
• Any negative value indicaates the page link should not appear in the navigat
e’s n aking the pag
tion panel, ma ge
available only by an explicit link in anoth page. This typically is a
a her or es m
appropriate fo detail page linked from a main
page that you omit from th navigation panel to minimize clutter.
p u he
Site o a
S Builder Toolkit User Manual Page 5 of 27
PAGE CONTROL
Active generally is the co active allows you to creat and publish the page
orrect option. Selecting Ina s te h
but
(save it to the website), b keeps it hidden from us g e
sers. Selecting Deleted marks the page for
m w d
deletion; it’s not gone from the system—it’s just hidden from view and flagged for later deletion.
a nt plate (this typi
You may be allowed to select a differen page temp cted to site
ically is restric
rs
administrator and webma asters)
nly e arent to other child pages. It’s more effic
Click Yes on if this page will be a pa r cient to leave No
e
ou’re not sure You may alw
selected if yo e. ways change this as described in Modif an Existin Page
dify ing
tainer
to be a Cont
No generally is a good ch
y g browser windo can confu users
hoice. Opening too many b ows use
e rt and date when the page should expire;
You can set a date for the page to star appearing a another d e d
the latter isn’t required.
ntinue button. SBT return you edit mo
Click the Con
C ns ode.
h
Click Publish to save the new page on the website.
C n
TEMPLA
T ATES
Web page te
W d e te tive page for their department or
emplates will be provided to help the users creat an attract r
organization.
o
SCHOOL / DEPARTM
S MENT TEMPLATES
The
T Interim V Vice President of Academic Affairs has developed the content guid School or Dep
delines for a S partment
W page. We page temp
Web eb ovided through SBT to assist Page Owne in creating complete an
plates are pro ers g nd
c eb s
consistent We pages for schools, departments and f faculty/staff listing pages.
To chool or Depa
T create a Sc artment temp
plate, select th Template i
he ool ighted in red) and the
icon on the to bar (highli )
c ext B
choose the Te and Link Boxes-Departm age s
ment Homepa layout as highlighted.
Site Builder Toolkit User Manual Page 6 of 27
The page will appear as the following layout. Replace the placeholder text with actual text describing the School
or Departments programs. Complete as much other information and links as provided on the page. Delete any
unnecessary content.
Site Builder Toolkit User Manual Page 7 of 27
Site Builder Toolkit User Manual Page 8 of 27
SCHOOL / DEPARTMENT FACULTY AND STAFF LISTING PAGE
To create a Faculty and Staff Listing template, select the Template icon on the tool bar (highlighted in red) and
the choose the Image and Information layout at the bottom as highlighted.
The page will appear as the following layout. Replace the placeholder text with actual text listing the Faculty/Staff
information. Delete any unnecessary content.
Site Builder Toolkit User Manual Page 9 of 27
Site Builder Toolkit User Manual Page 10 of 27
META DATA
The metadata of an HTML lets authors specify meta data -- information about a document rather than document
content -- in a variety of ways. For the purposes of the CSN website, the following Metadata tags can be included
through SBT; Page title and Keywords. This metadata is used as descriptors for search engines to locate the page
on the web.
PAGE TITLE
The webpage title is a required element of your webpage. Replace New Untitled Page with the name by which
you want the page to be known. The title is used by the major search engines as the most important piece of
information available in order to help them determine the topic of your page, and thus to determine the ranking
of your page in their search results. The title is displayed in the search results as the most prominent piece of
information available to searchers. The title is displayed by the visitor's browser in the border of the viewable
screen as the visitor is viewing your website and used as the name for a favorite or bookmark.
KEYWORDS
Keywords tag is supposed to be a brief and concise list of the most important themes of your page. Pick the 10 or
15 terms that most accurately describe the content of the page. Meta keywords tags should adhere to the
following guidelines: (1) keep your list of keywords or keyword phrases down to 10 - 15 unique words or
phrases; (2) separate the words or phrases using a comma (you do not need to leave a space between words
separated by commas); (3) do not repeat words or phrases; (4) put your most important word or phrases at the
beginning of your list. Click the Search Engine link on the toolbar and type a few keywords in the keywords box.
Site Builder Toolkit User Manual Page 11 of 27
CLONE A PAGE
It may be expedient to create a new page based on an existing page, instead of creating it from scratch. This
applies if you've invested significant effort in the layout of a page and you want to create a new page with all or
most of the same formatting—where content is the main difference.
While viewing the existing page you want to clone,
click the COPY BUTTON
In the Manager's. SBT returns you edit mode.
Click PUBLISH to save the new page on the website.
At this point, you have created an exact copy of the original page—with the following exceptions:
It will not be a container page, even if the original page was—therefore, it also will not have any subordinate
(child) pages.
Two names likely are not as you want them:
The navigation panel link for the cloned page is identical to the original page link.
The Title Bar name is “Copy of xxxx”, where xxxx is the original page's name.
To correct these issues and while viewing the page in edit mode (where SBT returns you after you made the
copy), click the NAVIGATION tab and change:
To the name you want to appear in the page's Title Bar;
To the name you want in the navigation panel for this page;
Site Builder Toolkit User Manual Page 12 of 27
To the pop up hint you want to give the user when the mouse pointer is hovered over the link.
Click Publish to save the changes
If you navigate to a different page without clicking Publish, your
changes are lost
EDITING PAGE CONTENT
Editing the content of pages with SBT is similar in many ways to editing with MS Word and many other document
editors. SBT also does well accepting material copied from other sources and pasted in its editing window. You
may not achieve exactly the results you want by pasting from another source if the formatting is complex. Keep
this in mind if you chose to create your content in another application (Word, WordPerfect, FrontPage, etc.) then
copy it into the SBT editing window: don't use overly complex formatting. Plain text, such as you'd copy from
Notepad, is a safe source.
Editing page content typically involves navigating to the page and clicking the Edit this page icon in the page
footer or header, which opens the Edit screen with the Pages tab and Main Content option selected.
GET ACQUAINTED WITH THE EDIT SCREEN
Two occurrences of disposition buttons (top and bottom):
Site Builder Toolkit User Manual Page 13 of 27
Saves the content to the web server, but does not publish it (changes are not
Save & Lock
visible to users navigating to the page). Useful when content is in process, but not
complete. You should click Save at any point in your editing where you don't want
to risk losing what you've done.
Appears after page is SAVED. Will not appear if you do not have publishing
permissions.
Publish Saves the content and publishes it, replacing what users see.
If you fail to click either Save or Publish before leaving a viewing mode—even
within the Pages tab—you lose all unsaved edits.
Site Builder Toolkit User Manual Page 14 of 27
Preview
Returns to the website, displaying the page you were editing. You lose all
OR
unsaved edits if you click this button without first clicking SAVE or PUBLISH .
Published Version
Button shows up only after page is saved.
Revert
This is the major “oops” button—it restores the content of the page being
edited to what most recently was saved or published. All unsaved edits are
lost. Useful when you decide your edits are so badly compromised you want to
revert to your last saved version.
Closes the edit window and reverts to the “picklist”—the screen that allows you
List to select a page to manage. You lose all unsaved edits if you click this button
without first clicking SAVE or PUBLISH .
Content options:
In the database —the default setting that defines a page whose content is stored in the SBT database and edited
using SBT tools.
At a URL —defines a pass-through page that redirects the user to a different web page
In an include file —content from a file is presented to the user as if it were on this page. This is a special-use
option whose use is beyond the scope of this document.
This is the content area for the page as it appears when a page is newly created—it's your empty canvas for
creating your page.
The scroll bar for the content editing area (not to be confused with the scroll bar for the full browser
window).
Site o a
S Builder Toolkit User Manual 5
Page 15 of 27
FORMATTING TEXT CONTENT
T X T
T maintain a standard loo and feel on the website, much of the formatting is determined by the style s
To ok n , e s sheet(s)
associated wit the templa on which y
a th ate your page is b
based. This in ypeface and fo size availa
ncludes the ty ont able on
y BT
your page. SB provides to or
oolbar icons fo bolding, un nt ,
nderlining, fon color, etc., that are similar in function to what
you
y use in typ nt
pical documen editing appplications (suc as Word). I you have le
ch If eds
egitimate nee outside these
options you sh
o he
hould discuss them with th Web Overs tee
sight Committ or the We ebmaster.
p rom Other Sources for tips on dealing with copying text from another source.
S Clean Up Content fr
See g e
I easier to a
It's butes after the fact, as follows:
apply text formatting attrib e o
T paragraph (pr
Type the full p ressing Enter to end the paaragraph).
Select the tex (all or part of the paragra
S xt o h
aph) you wish to format.
Click the appr
C ropriate formaatting icon.
SBT rmatting toolb options not directly analogous to Word:
S provides a few text for bar
pt—creates a smaller font s
Superscrip aseline.
size above the standard ba
—creates a sm
Subscript— ze standard base
maller font siz below the s eline.
FORMAT WITH STYLE
T
The ur sed
T template on which you page is bas likely inclu e le
udes defined styles. To see the availabl styles for
page, click the down-arrow on the style box on the le side of the toolbar. CCS defined sty
p e w eft e SN yles are as
follows:
f
N
Normal Body T t
Text — used for most text on the page.
Heading 1 — a main heading (comparab to Heading 1 in Word), used by SBT as the page heading. Using this
H ble , T
heading elsew
h where on the page should s tance equal to the page he
signify import o eading.
Heading 2 — a heading sub
H the
bordinate to t page head ding (compar rable to Heading 2 in Word
d).
H rough 6 — eac a subordin
Heading 3 thr ch nate of the He eading previous to it
W g
Without going into great de re d appropriately instead of ap
etail, there ar many good reasons for using styles a pplying
explicit format
e you alid ent
tting to text. If you think y have a va requireme for additio onal styles, discuss it with the Web
Oversight Com
O e
mmittee or the Webmaster r.
CREATING TABLE
ES
ORGANIZE TABULAR INFORMATION
N N
SBT ion
S provides a table functi that is con nceptually simmilar to tables in Word, but the manipul
s t ewhat
lation is some
more constrained. Tabular information c
m copied from W er
Word, Excel and many othe sources ge enerally paste nicely
nto
in the SBT e Y er n
editing area. You may find it easier to create your tables in anothe application and copy/pa aste them
Site o a
S Builder Toolkit User Manual 6
Page 16 of 27
nto
in your SBT- -based page. It generally i easier to do all the formatting in the other application before co
is o opying
and nto
a pasting in the SBT edit space. Ma han
aking other th simple cha cult
anges in SBT is more diffic and may require
editing HTML tags.
e
ADD A TABLE
L
To e o
T add a table using SBT's table function:
P e
Position your cursor where you want the table.
Click the Insert Table icon
C in the toolbar.
le
Change values in the Tabl dialog as f
C s follows…
Rows: and C
R Columns: determine the table structu ure.
P
Padding: co ontrols the sppace between text and the cell
borders. The d
b default is 1 pixel.
S
Spacing: va t
alue controls the space bet tween cell bor rders.
The
T default is 1 pixel.
BG
B Color: a s
allows you to select a backg ground color for the
table.
t
B
Border: dete ermines the weight of the table's outsid
w de
border —higher numbers give heavier b
b g borders: use 0 for no
border and 9 f the heavie border. Ch
b for est hanging border color
requires HTML coding.
r L
W
Width: determines width of the table i pixels (an a
in absolute
number, such as 780) or percentage (s
n p such as 100% %).
P
Percentage ge e to
enerally is the better way t specify wid dth.
H
Height: dete o um
ermines the overall minimu height of the
table in pixels Table conte determines the actual h
t s. ent ding a too-sm specification.
height, overrid mall
A
Align: determ mines how th table will be placed on t page if the width is less than 100%. Options are Left,
he the e
C
Center or R Right.
Style: is bey
S pe
yond the scop of this discu ows you to inc
ussion. It allo clude HTML taable parameters.
Click OK.
C
ons except Rows: an Columns may be modified after
All optio t nd s:
you crea ble. Rows a
ate the tab and colum e
mns may be added an nd/or
s
deleted using the table icons in the too described in the
olbar, as d
dit
following topic, Ed a Table .
SBT crea able with c
ates the ta columns of equal wi n
idth. When you
ping conte
start typ you may b surprise at
ent in the first cell y be ed
what ha BT
appens: SB increases the col lumn to a width gre eater
u
than you expect. Don't be c concerned; as you t type conteent in
ng
remainin cells, SBT dynamically bala ances the c column widths.
The folllowing top pic explains how y you may override S SBT's
actions.
Site o a
S Builder Toolkit User Manual 7
Page 17 of 27
EDIT A TABLE
E content is a WYSIWYG function… just type away. Editing table attributes involves use of SBT table
Editing table c n y d t v B
t
tools.
pecified Bord
If you sp border will b invisible when publi
der: 0 the b be ished.
h be o
It may, however, b helpful to have bord owing
ders visible For the follo
ting content.
actions or while adding and edit
Start by hover
S use ver
ring your mou pointer ov any table border.
When the poin
W nter changes to …
To e on
T modify the table creatio attributes:
Right-click to open the dialog.
R
M
Modify parameters as desc cribed in Add a Table on page 11.
To
T manually s k
stretch/shrink the table:
Left-click to se
L elect the tablee.
Click a sizing h
C nd
handle (side, top, bottom or corner) an drag to res size.
To
T specify hor ment:
rizontal alignm
Left-click to se
L elect the tablee.
Click an alignm
C t
ment icon in the toolbar ment.
for left, center or right alignm
T add a row or column, put your curso in the last r
To or n
row or column and right click to reach the shortcut menu.
From there, cl on your choice.
F lick c
Fortunat Z
tely, Ctrl+Z (or clicking Undo s n
) reverses an action you
try.
nally it m
Occasion may take more tha an one undo actio on to
completeely undo a table cha BT
ange — it seems SB makes s some
s s
changes in a series of steps, each requ ndo action.
uiring an un .
MANIPULATE CELLS
To ells:
T split a cell into two ce
P
Position your cursor in the cell.
Right click for shortcut men
R nu
Left
L click on C CELL
C on
Click on the SPLIT CELL ico
To o orizontally ad
T merge two or more ho ll:
djacent cells into one cel
P
Position your cursor in the cell.
Right click for shortcut men
R nu
Left
L click on C CELL
Site o a
S Builder Toolkit User Manual 8
Page 18 of 27
con
Click on the MERGE CELL ic
You will achieve more pred esults if t
dictable re to
the cells t be
t e r. at
merged contain at least one character Note tha SBT does not
erging cells vertically
allow me y.
To ttributes explicitly:
T set cell at
Position your cursor anywh
P here in the cell.
Right click for the shortcut menu
R
Left Cell
L click on C Properties s
M tributes…
Modify cell att
c
Selecting Do not wrap contents fo
S e e a
orces the cell content to be on one line. This attribute overrides table and
cell
c width attr ributes.
ext ot
A long te string, with Do no wrap conntents specified, can make
e yond a scre
a table extend bey h.
een's width
Width: and H
W ifies the minim
Height: speci cell. The value may be specified in pixe (an
mum width/height of the c es els
2
absolute number such as 20 ) or percentage (such a 20% ). In either case, cell content may override your
a as n
width/height s
w settings.
When sp width/heig
pecifying w s, r g
ght values consider including the
y op mn
column width only in the to cell of the colum and the row e
o cell of the row. This way, you have
height only in the leftmost c
e
just one cell to mmodify for each colum f de
mn/row if you decid to
he
resize th columns s/rows.
BG
B Color: a kground color to the cell, o
applies a back o
overriding the table background for the cell.
B or:
Border colo applies a color to the o der he
one-pixel bord around th cell.
Site o a
S Builder Toolkit User Manual 9
Page 19 of 27
A
Align: contro horizontal text alignment. You may a
ols same results without opening this dialog, using
achieve the s g
the t
t alignment icons in the toolbar .
Vert Align: controls the vertical text a
V alignment.
Click OK.
C
ell es
Many ce attribute are not absolute— other
—they interact with o
d
cell and table atttributes. The best way to determine thee
e
outcome is through experime entation.
o
Without going into great de e y
etail, there are many good rea asons
ng styles appropria
for usin ately insteead of ap pplying ex xplicit
formatti t.
ing to text If you th hink you hhave a val lid requirem ment
for add ditional s styles, dis scuss it with yo our local site
administ trator and/ /or webma aster. SBT provides a table fun nction
that is conceptu ually simillar to tab bles in W Word, but thet
manipulalation is somewh hat more constrained. Tabbular
informat d
tion copied from Wo y
ord, Excel and many other sou urces
ly ng
generall paste nicely into the editin area. Y You may fi ind it
t
easier to create your tab bles in a another ap pplication and
copy/paaste them i based page It genera
into your b e. ally is easiier to
he
do all th formatt e
ting in the other ap pplication bbefore cop pying
and past he
ting into th edit spa ace.
INSERTIN IMAGE
NG ES
The
T adage “A picture is wo nd
orth a thousan words” is t en e,
true only whe the picture or graphic image, is relev vant and
concise. Using images mer
c g rely as decora
ation can distr
ract readers o your web p
of nce
page. And, sin graphic im mages
r vely large file sizes, they m contribute to longer loa time for yo page. In t
require relativ may e ad our this sense, a large
p y st
picture literally may be cos more than a thousand w words—an unn ture being eq
necessary pict quivalent to exxtended,
off-subject, ve
o erbal ranting.
Consider using thumbnail or text links to non-essential graphics. U
C g o o ch e
Users are muc more accepting of page load
t ey y
time when the specifically request an image by click an f ey
king a link tha they are of graphics the are forced to view
e page loads.
every time a p
Keep your ima
K by e T y
ages as small as possible b optimizing them before including them in the SBT image library.
There are two components to this guide
T o s eline...
The e
T image file should be si ized as closely as possible to the space allocated for it on the pag Dynamical sizing
y ge. lly
an he r, and dle,
a image in th SBT editor by clicking a dragging a sizing hand does not change the im e
mage file size nor does
t age
it affect the pa load time e.
The
T image sho c ile h
ould be in a compressed fi type (such as .jpg or .g m
gif). Bitmap images (.bmp file type) are
extremely larg
e ge.
S Builder Toolkit User Manual
Site o a Page 20 of 27
PREPARE THE GRAPHIC
H
Including a graphic image requires a little preparation.
I r t
The
T image sho ped
ould be sized and/or cropp to fit as-is in the space on your pag While it's t
s e ge. y
true you may
d esize the imag once you'v included it in your page the sizing has no effect o the graphic file size.
dynamically re ge ve e, on
D
Dynamic resiz fect the image quality.
zing also may adversely aff e
B sure you h
Be ate use e e
have appropria rights to u the image. Be sure to include proper attribution if you don't own the
mage or it isn in the publ domain.
im n't lic
The e e i g
T image file must be on a storage medium accessible from the PC on which you are using SBT.
There must be no special characters or spaces in the file name. Li
T e c e acters in your file names to
imit the chara r o
a ic ash erscore [ _ ], left parenthe [ ( ] and right parenthesis [ ) ]
alphabetic [ a - z ], numeri [ 0 - 9 ], da [ - ], unde esis
c
characters. A file name inco ny
orporating an other chara popular ampe
acters, including the ever p and
ersand [ & ] a space
he
[ ], will cause problems—even though th name is pe erfectly accep dows Explore
ptable to Wind er.
For
F example:
this_is_a_good_(and_ -name
_proper)-file-
e
this file name will cause problems [b e
because of the spaces]
this_is_a_b me&will_cause
bad_file_nam e_problems [b e ]
because of the ampersand]
START THE PROCESS
Position your cursor where you want the image to appear; a table cell is an appropriate candidate location.
P e p e n o
Click the Ima
C age icon n .
in the toolbar.
In e
I the Image dialog…
U e pe o
URL: is where you may typ the path to the image f file.
Alternatively, and less pron to mistakes you may click
A ne s,
d
BROWSE SERV , discussed next.
VER
Alt.
A Text: allo ows you to sppecify text to display if the user's
browser can't display the im
b mage.
S Fine-tun the Graphic Layou for the discussion of
See ne ut c
t remaining options.
the g
GET THE IMA FILE
AGE
If file d
I the image f you intend to use already exists with SBT'shin
c ding it in your page is relat
control, includ r tively simple. The
p ttle
process is a lit more invo le
olved if the fil exists elsewwhere.
f ready Exists on Web Serv
If the File Alr ver
C o f d
Click on BROW SERVER to the right of the URL field.
WSE
Site Builder Toolkit User Manual Page 21 of 27
In the Open Image dialog, you will see the files are stored in directories associated with individual departments
and groups.
Navigate to your department or groups directory, if the file you intend to use is listed in the right panel, double-
click the file name.
If the Image dialog appears again, click OK
To Upload an Image
Please see the section on Uploading Documents and Images
NOTE: Files larger than 1mb cannot be uploaded in the manner
described. You must either change the resolution to 72dpi if an
image, or break up the file into 1 or more documents if a word
or word-type document. If neither is an option, contact your
Webmaster.
Site Builder Toolkit User Manual Page 22 of 27
FINE-TUNE THE GRAPHIC LAYOUT
After the image is included in your page, you may fine-tune its
placement by right-clicking the image to reopen the Image dialog
and manipulating the options.
Width: and Height: initially show the implicit size of an image.
You may type new values to override the implicit size, affecting
only the display size on your page.
Changing the values does not affect
the image file size. It's better if the
image is sized to your usage before
you include it, rather than use these
controls to dynamically resize it
HSpace: controls the amount of horizontal space to the left and right of the image.
VSpace: controls the amount of vertical space at the top and bottom of the image.
Border: controls the weight in pixels of the border or frame around the image. A value of 0 (zero) specifies no
border.
Align: controls the alignment of the image with respect to the text line in which it occurs.
Including a graphic image at the cursor and manipulating the Align: option has the following effects:
Left Right
Without going into great detail, there are many good Without going into great detail, there are many good
reasons for using styles appropriately instead of reasons for using styles appropriately instead of
applying explicit formatting to text. If you think you applying explicit formatting to text. If you think you
have a valid requirement for additional styles, discuss it have a valid requirement for additional styles, discuss it
with your local site administrator with your local site administrator
and/or webmaster. SBT provides a and/or webmaster. SBT provides a
table function that is conceptually table function that is conceptually
similar to tables in Word, but the similar to tables in Word, but the
manipulation is somewhat more manipulation is somewhat more
constrained. Tabular information constrained. Tabular information
copied from Word, Excel and many other sources copied from Word, Excel and many other sources
generally paste nicely into the editing area. You may generally paste nicely into the editing area. You may
find it easier to create your tables in another find it easier to create your tables in another
application and copy/paste them into your based page. application and copy/paste them into your based page.
It generally is easier to do all the formatting in the It generally is easier to do all the formatting in the
other application before copying and pasting into the other application before copying and pasting into the
edit space. edit space.
Site Builder Toolkit User Manual Page 23 of 27
Top Middle
Without going into great detail, there are many good
reasons for using styles appropriately instead of
applying explicit formatting to text. If you think you
have a valid requirement for
additional styles, discuss it
Without going into great detail, there are many good with your local site
reasons for using styles appropriately instead of administrator and/or webmaster.
applying explicit formatting to text. If you think you SBT provides a table function that
have a valid requirement for additional styles, discuss it is conceptually similar
with your local site administrator and/or webmaster. to tables in Word, but the manipulation is somewhat
SBT provides a table function that is conceptually more constrained. Tabular information copied from
similar to tables in Word, but the manipulation is Word, Excel and many other sources generally paste
somewhat more constrained. Tabular information nicely into the editing area. You may find it easier to
copied from Word, Excel and many other sources create your tables in another application and
generally paste nicely into the editing area. You may copy/paste them into your based page. It generally is
find it easier to create your tables in another easier to do all the formatting in the other application
application and copy/paste them into your based page. before copying and pasting into the edit space.
It generally is easier to do all the formatting in the
other application before copying and pasting into the
edit space.
Bottom Absmiddle
Without going into great detail, there are many good Without going into great detail, there are many good
reasons for using styles appropriately instead of reasons for using styles appropriately instead of
applying explicit formatting to text. If you think you applying explicit formatting to text. If you think you
have a valid requirement for additional styles, discuss it have a valid requirement for additional styles, discuss it
with your local site administrator and/or webmaster. with your local site administrator and/or webmaster.
SBT provides a table function that is conceptually SBT provides a table function that is conceptually
similar to tables in Word, but the manipulation is similar to tables in Word, but the
somewhat more constrained. Tabular information manipulation is somewhat more
copied from Word, Excel and many other sources constrained. Tabular
generally paste nicely into the editing area. You may information copied from
find it easier to create your tables in another Word, Excel and many other
application and copy/paste them into your based page. sources generally paste
It generally is easier to do all the formatting in the nicely into the editing area. You may find it easier to
other application before copying and pasting into the create your tables in another application and
edit space. copy/paste them into your based page. It generally is
easier to do all the formatting in the other application
before copying and pasting into the edit space.
Site Builder Toolkit User Manual Page 24 of 27
Texttop Baseline
Without going into great detail,
there are many good reasons for Without going into great detail, there are many good
using styles appropriately instead of reasons for using styles appropriately instead of
applying explicit formatting to text. applying explicit formatting to text. If you think you
If you think you have a valid have a valid requirement for additional styles, discuss it
requirement for additional styles, discuss it with your with your local site administrator and/or webmaster.
local site administrator and/or webmaster. SBT SBT provides a table function that is conceptually
provides a table function that is conceptually similar to similar to tables in Word, but the manipulation is
tables in Word, but the manipulation is somewhat more somewhat more constrained. Tabular information
constrained. Tabular information copied from Word, copied from Word, Excel and many other sources
Excel and many other sources generally paste nicely generally paste nicely into the editing area. You may
into the editing area. You may find it easier to create find it easier to create your tables in another
your tables in another application and copy/paste them application and copy/paste them into your based page.
into your based page. It generally is easier to do all the It generally is easier to do all the formatting in the
formatting in the other application before copying and other application before copying and pasting into the
pasting into the edit space. edit space.
The differences among some options aren't obvious. The best way to see how the Align: option affects your page
is to experiment with it.
It requires HTML markup beyond the scope of this document to have other than simple text-wrapping around an
image.
A table can be a simple and effective alternative to complicated HTML markup for placing an image in relation to
text.
Include a one-row table with two or three columns.
Include the graphic in the appropriate cell.
Include text in adjacent cells.
Control the layout using the table functions discussed in Manipulate Cells.
INSERT SPECIAL CHARACTERS
Position your cursor at the point you want to insert a special
character.
Click the Special Characters icon on the toolbar.
Click a special character in the dialog window to insert the
character.
Site o a
S Builder Toolkit User Manual 5
Page 25 of 27
CUMENTS AND IMAGES
UPLOADING DOC
I A
If king to a docu
I you are link Dialog page by clicking on the LINK icon
ument, open up the LINK D n.
If an
I uploading a image, click on the IMAGE icon.
G
The ther linking to a document or uploading an image:
T following is true for eit o t g
C se
Click on Brows Server
Make sure the RES doing.
SOURCE TYPE is correct for what you’re d
folder. If a fo
Navigate to your departmental f n
older doesn’t exist, click on CREATE NEW FOLDER and
E R
generate one. Make sure you check for multiple pag
g . y r ges .
Click o BROWSE. This will take you to your local system’ hard drive. Navigate to the file you w
on e ’s want to
upload to the Web Server. Double click on it. The n
u k ear
name will appe UNDER UP PLOAD A NEW FILE IN THIS FFOLDER.
on be
Click o UPLOAD. The file will b uploaded to the Web Se pear in the fol
erver and app ou
lder / area yo chose.
Doubl e It ers alog page and into your do
le-click on the file name. I now transfe to the Link / Image Dia d ocument.
Site o a
S Builder Toolkit User Manual 6
Page 26 of 27
E: nt om artmental folder, click the
NOTE If you wan to delete old content fro your depa icon. If you want
to file, click the
t rename a f icon.
CREATING AND "BREAKIN " HYPE
NG ERLINKS
P
Pages you creeate automatically are inclu
uded in the na
avigation pan unless you specify othe
nel, u erwise. You a
also may,
n ontent, make specific refer
in the page co rence to other pages—with your webs and in out
r hin site by
tside sites—b
ncluding a hy
in ur
yperlink in you page.
CREATE THE LINK
Highlight the p
H t s
page element you want as the hyperlink (one or
m ers
more characte of text and en,
d/or a graphic image), the either…
ert
Right-click the selection an select Inse Hyperli
R e nd ink…
Click the Hyp
C perlink icon in the toolbar.
RL
Select the UR button, if not already se
S n elected.
I the URL: f
In field…
If ce her our
I the referenc is to anoth page in yo website, t type
nnn.asp , w
n where nnn is the SBT-assigned page num mber (for
e
example /pag ges/687.as ).sp
If ce
I the referenc is to an ou utside page, in ll
nclude the ful URL. You
may r er
m type it or open anothe browser ins stance, go to the page,
copy the URL from the add
c d
dress field and paste it in this field.
et:
I the Targe field, type new if you want the refe
In erenced
page to open in a separate browser win
p e ndow.
Click OK.
C
PLEASE NOTE !!!
g er n
When linking to anothe page on the “core CSN wee” ebsite,
he ot
change th PROTOCO to OTHER; and do no include w
OL R edu in
www.csn.e
es/486.asp
the URL; i.e.: /page
nistration/fa
/admin urces.asp
aculty/resou
ANCED tab i beyond t
The ADVA is of orial.
the scope o this tuto
S assigns a font size and color to the hyperlink as defined by th template's style sheet(s It generally is not a
SBT d he s). y
g o ormatting to the hyperlink Consistent a
good idea to impose your own explicit fo k. now what
appearance helps users kn
to
t expect.
WEBSITE LI
INKS
H page element you want as the hyperlink (one or more characters of text and/o a graphic image),
Highlight the p t s s or
then, either…
t
Site o a
S Builder Toolkit User Manual Page 27 of 27
e i
Right-click the selection and select Insert Hyperlink…
e n
Click the Hyp
C perlink icon in the toolbar.
RL
Select the UR Link Type, if not already selected.
S y
T e eb nto
Type or paste the URL (we address) in the URL box. Click OK.
EMAIL LINK
KS
Highlight the p
H t s s o
page element you want as the hyperlink (one or more characters of text and/or a graphic image),
then, either…
t
e i
Right-click the selection an select Insert Hyperlink…
R e nd
Click the Hyp
C perlink icon in the toolbar.
Select the E-M
S Mail Link Typpe
Type the ema address into the E-Mail A
T ail o Address box. (You can add an Optional Subject for the email). Click OK.
d
CSN WEBPA LINKS
C AGE
H
Highlight the p t s s o
page element you want as the hyperlink (one or more characters of text and/or a graphic image),
t
then, either…
ert
Right-click the selection an select Inse Hyperli
R e nd ink…
Click the Hyp
C perlink icon in the toolbar.
RL
Select the UR Link Type, if not already selected.
S y
Change the pr
C her.
rotocol to Oth
Type the page number of another CSN w
T e a webpage (For example: /ppages/687. .asp).
CSN DOCUM
C MENT LINKS
S
Highlight the p
H t s
page element you want as the hyperlink (one or more
characters of text and/or a graphic imag
c her…
ge), then, eith
ert
Right-click the selection an select Inse Hyperli
R e nd ink…
Click the Hyp
C perlink icon in the toolbar.
RL
Select the UR Link Type, if not already selected.
S y
Click Browse S
C Server.
C
Choose the Re per
esource Type from the upp left hand pull down
menu.
m
B e
Browse to the specific direc the t
ctory where t document is located annd
click the file n
c name.
Click OK.
C
BREAK THE LINK
I you decide to eliminate the link, even if you intend to delete the page eleme to which you assigned the link…
If t n d e ent
Position your cursor anywh
P here within the defined hyp perlink element.
move Hyperlink icon
Click the Rem
C on the toolbar.
Site o a
S Builder Toolkit User Manual 8
Page 28 of 27
k extraneous HTML ma
You risk leaving e s our page if you
arkup in yo f
r he
fail to remove th link bef ting the te
fore delet ext/image—not
rophic, but messy.
necessarily catastr t
ENCES (ANCHORS)
LINK TO ON-PAGE REFERE
E A S
On-page refer
O e
rences can be particularly helpful on lon pages. For example, he
ng r portion of a relatively
ere's the top p e
ong ting descriptio for severa product-related courses:
lo page, list ons al
T give the us the option of going dire
To ser n ectly to a spe
ecific descripti
ion—instead o scrolling do
of e
own the page looking
for
f it…
Select the first target (the anchor)
S i the above A
in Anchor Point Example
Click the ANC
C CHOR icon on the toolbar.
I the ANCHO dialog NAME: field, typ the anchor name ( acce , for example).
In OR pe ess
Click OK.
C
Select the tex
S l he
xt/image in the list that will represent th link in the
above Anchor Point Examp
a r ple
ert
Right-click and select Inse Hyperlink (or click t Hyperlink icon
R d the ).
I the Hyperlink dialog…
In
Click the Anc
C chor button.
Click the down arrow in the Name: field and select the anchor name (access in this example).
C n e p
Click OK.
C
Site o a
S Builder Toolkit User Manual 9
Page 29 of 27
Repeat the steps above for the rest of the target anchors and links on the page.
R e r c k e
Consider inclu
C r or
uding another set of ancho links to assi users retur
ist top ge
rning to the t of the pag (not everyoone
knows about C
k e
Ctrl+Home ). In this ex xample, the ph to
hrase Back t top of page occurs f h
following each course
d ee ox
description (se the red bo in the samp ple—the box is not part of the page).
A occurrence of this anch link refer to an anchor established on the page header.
All es hor
CLEAN UP CONTE FROM OTHER SOURC
ENT M R CES
When you pas content fr
W ste urces, you often get bagga
rom other sou age—markup from the source applicatioon—that
you e g BT.
y don't need and that may complicate your editing activity in SB These opt ext
tions for cleaning source te
nvolve Notepad and editing HTML tags.
in .
USE NOTEPA
AD
T safest approach is to use Notepad a an interme
The u as ediate step.
Open Notepad ( Start ’ Programs ’ Acces
O d epad ).
ssories ’ Note
S py e ative application (Word, FrontPage, brow
Select and cop the source text in its na tc.).
wser page, et
Paste the copied text into the Notepad d
P t his all ng
document. Th removes a tags, leavin you with plain text.
Select and cop the text in the Notepad document.
S py
P e
Paste the copied text in the SBT page.
Format the text using SBT's tools.
F
ping generalizations:
A few sweep
It's t age
I generally a good idea to save the pa before yo paste conte from anot
ou ent If,
ther source. I after you ppaste the
content and th code swee causes pro
c he ep oblems, you m Reset to return to the prev
merely click R viously saved content.
Y may need to run two sweeps— Mic
You d s crosoft Wo up
ord mark-u and Font Tags —to achieve the de esired
r
results.
HTML Tags a sweep of last resort; th resulting co
Consider All H
C s he ontent has no markup. All headings and other
o d
egitimate markup are lost.
le .
T last resor is to toggle to the HTML editing mode using the HT
The rt e TML editing ic
con clean it up yourself,
and c u
w ou miliar with HTM markup.
which can be daunting if yo are unfam ML
Site o a
S Builder Toolkit User Manual 0
Page 30 of 27
RELOCATE A PAGE
T G
Y may find after you add a page you really would prefer it to be associated w a different container (parent)
You d e with
page. SBT pro
p ocate the pag with minimum effort.
ovides a simple way to relo ge
W g r
While viewing the page for editing
click the Locat
c tion option.
S displays w
SBT ge ofessional Dev
where the pag currently is located (as a child of Pro his
velopment & Training in th
example). To relocate the page, click th down arrow
e he w.
Click the new parent locatio (any page in black is a candidate).
C on e
h
Click Publish (or at least Save).
C
NOTE:
example:
In this e
n
Children of the page o
to be
located a he
aren't in th list.
n
Items in red are not candid dates
because you don't have
iate permis
appropri hem.
ssion for th
DELETE A PAGE
Y may delet a page any
You te ywhere you see the Delete icon
e hile
. This includes wh viewing the page on th he
website (after logging in to Site Builder Tools) and fr
w r o unctions avail
rom any of the find page fu lable in SBT.
S Builder Toolkit User Manual
Site o a Page 31 of 27
SITE BUILDER TOOLKIT - FAQS
L
WHAT'S MY USER ID?
Usually, it’s the first initial of your first name and your entire last name.
U h u
CAN I WORK ON MY WEB PAGES FROM HOME?
K E R
Yes, the softw
Y er ich
ware is browse based, whi means you can work on your pages from any com mputer that hhas
I orer or a like application. H
Internet Explo a However, you will need a C
u ccount (virtua private netw
CSN “VPN” ac al work)
account; conta the Held Desk to obtain one.
a act D
HOW DO I EDIT PAGES?
T in-line editor icons are located at th bottom of each page you have access to. To:
The e he o s
Edit
E a page—c age cil
choose the pa with penc icon
Copy a page—
C t
—choose the two pages ico on
D e— e
Delete a page choose the X icon
Add
A a page—c choose the doog-eared page (only visible if you said yes to a specific question when creating the
e i g
page; see belo for more information)
p ow i
MAKE A PAGE A CONTAINER PAGE (MEANING I C
HOW DO I M E N ?
CAN ADD PAGES TO IT)?
G
When creating or editing th page, choo the page control sub-m
W g he ose s h
menu and answer yes to the question, ‘Will this
page contain o
p other pages?'
HOW DO I A A PAGE?
ADD
Once you are logged in, se
O e to
elect the page you want to add a page t and click on the add a page icon on the in-line
e
editor.
WHY CAN'T I ADD A PAG ?
GE
If
I you do not see the d his
icon, you did not make th page a con ntainer page and you are u d
unable to add a page.
To s,
T rectify this choose the edit page icon and ch ge
hoose the pag control sub b-menu. For t question, ‘Will this
the
page contain o
p yes
other pages?' choose the y radio butt ton. (The def
fault answer is no.) Go bac to the page you
s ck e
want to add a page to and add a page i
w icon should now be visible.
Site o a
S Builder Toolkit User Manual 2
Page 32 of 27
HOW DO I TITLE MY PAGE?
G
A our en w ou
Always title yo page whe adding new pages. If yo don't, the w words ‘New Untitled Page' will appear when you
publish the pa to the site
p age e.
Title Bar—the text displaye in the brow
T ed wser title bar o the Web browser.
of
Link Text—how text is disp
L omated naviga
played in auto ation links.
Help Text—tex that pops up when user hover over the link.
H xt u rs
CHANGE THE LOCATION O MY PAGE(S)?
HOW DO I C OF
T move one of your pages to another l
To s location, selec the edit pa icon
ct age ocation. Choo the
, and select lo ose
new location f
n p-down menu You will be only able to m
from the drop u. ages to other pages that yo have
move your pa ou
been given ac
b ccess.
HOW DO I M
MAKE A PAGE INACTIVE A
E WOULD I WAN TO DO THAT?
AND WHY W NT H
Make a page i
M diting the pag and selecting the naviga
inactive by ed ge ation control. Under page status, select
inactive'.
‘i
Choose to make a page ‘inactive' when it needs to be approved by a content m
C e y r
manager or when it's a work in
progress and is not ready to be active a published to the Web s
p t and site.
HOW DO I O TICALLY OR IN A SPECIFIC ORDER?
AGES, EITHE ALPHABET
ORDER MY PA ER F
On you o the
O the page y want to order, select t edit page icon an select the n
nd navigation me ox
enu. In the bo with
the on e e
t question, ‘What positio in a navigation sequence should this link be?' type the number of the order of the
page (1, 2, 3, etc.). The de
p hat y. page, type
efault is 99 which means th pages will be ordered alphabetically To hide a p
a negative number (-1).
WITH THAT FONT I LOVE, MAKE IT P
WHY CAN'T I CUSTOMIZ MY TEXT W
ZE PURPLE AND MAKE IT HUGE,
D U
INTS?
LIKE 48 POI
L
B
Because we w nt
want to presen a consisten look and im
nt e hoices for cust
mage to our viewers, there are fewer ch tomizing
your test than you have be used to in the past. We want your c
y n een n e e
content to be the message not the page e's
ndividual design.
in
There are sev
T vailable for yo in SBT. Sele one of the Heading sty
veral styles av ou ect e o p
yles or the Normal font depending
on
o your needs s.
Site Builder Toolkit User Manual Page 33 of 27
WHAT'S THE DIFFERENCE BETWEEN DELETE AND PURGE?
Deleting a page means that you can still go back and find the page on the page listing. (Make searching for your
deleted pages easier by filtering only on deleted pages.) Deleting a page is recommended if you think you might
want to reactivate the page or use the content again.
Purging a page means that it's gone forever. Any copy or images on the page will have to be recreated if you
want it again.
The majority of the SBT Users will NOT have permissions to
Purge.
WHAT ARE NAVIGATIONAL AND HYPERTEXT LINKS AND HOW DO I ADD THEM?
A navigational link connects to information within the CCSN website. Creating navigational links is recommended
rather than recreating content on your page. Consult the site map, A to Z index, or the search function if you are
looking for particular information and want to know if it already exists on the site.
Add a navigational link by creating the link information (text) within your main content. Highlight the text and
select the ‘link' (chain) icon in the editor. On the URL line, type the page number of the page you want to link
followed by .asp.
A hypertext link connects to an external Web site or an original document created in Acrobat, Word, or Excel.
Follow the same directions for adding a navigational link. However, to link to an external Web site, you must type
the entire Web site address. Also, in the target line, type the word ‘new'. This will open the site or document in a
new browser window and is required for all hypertext links.
WHEN COPYING/PASTING PAGES FOR MIGRATION, HOW DO I 'CLEAN UP' MY PAGES?
Cleaning up pages means removing any font or tab markups from the original document. It will make it much
easier for you to apply the style sheets in SBT to your copy. Removing all HTML tags is not recommended. First,
sweep out the Microsoft Word mark ups; then the font tags; and finally, the span tags.
HOW DO I USE SPELL CHECK?
In the editor (main content) menu, highlight the text you want to check and select the ABC icon.
HOW DO I INSERT A PICTURE OR GRAPHIC ON MY PAGE?
Be sure the name of the picture contains no special characters or blank spaces. (A file named “Dog Splashing &
Tub/yesterday.jpg” won't work). Dashes, underscores, upper and lower case letters are acceptable. (Files named
like this: DoginTub.jpg or dog_in_tub.jpg will work).
Before placing the picture or image on your page, manipulate the size, file format and resolution in image-editing
software such as Photoshop Elements or Microsoft's Photo Editor. If the picture is from a digital camera, use the
editing software that came with the camera.
Site Builder Toolkit User Manual Page 34 of 27
The image size should be no larger than 150 K. (Subject to change; use this until further notice).
Required file formats are GIF for line art and JPEG for pictures. Required resolution for Web images is no more
than 72 dpi.
To place a photo or image on your page, select the picture frame icon and browse to where the picture is stored
on the web server.
HOW DO I ADD ALT TEXT TO MAKE MY PICTURES AND IMAGES ADA COMPLIANT?
When adding an image, complete the alt text box with the appropriate text.
If the image is already part of your content, simply right click on the image and complete the alt text box that
appears.
I WANT TO PUT A TABLE ON MY PAGE. WHAT'S THE BEST WAY TO DO THAT?
Either use one of the pre-defined tables or create the table in Microsoft Word or Front Page and then place it on
your page.
I ADDED CONTENT AND WENT BACK TO THE WEB SITE, BUT MY CONTENT WAS NOT THERE. WHAT
HAPPENED?
More than likely you saved the page, but didn't publish it to the Web site. Select the hammer and screwdriver
icon and find your page and select it. Publish the page to the site to drive the information to the site.
HOW DO I ENTER A SOFT RETURN? (ONE-LINE)
To create a paragraph break or hard return (two-lines), Hit the enter key. To create a one line return or soft
return hit shift + enter at the same time.
