SITE BUILDER TOOLKIT by mmcsx

VIEWS: 27 PAGES: 38

									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.

								
To top