Website Editor Guide

Transcription

1 Asbru Ltd Asbru Ltd wwwasbrusftcm Asbru Web Cntent Easily & Inexpensively Create, Publish & Manage Yur Websites 1 September 2010 Versin 73

2 Cpyright and Prprietary Infrmatin Cpyright Asbru Ltd This user guide cnstitutes prprietary infrmatin f Asbru Ltd N part f this user guide may be reprduced, transmitted, transcribed, stred in a retrieval system r translated int any language in any frm, by any means, withut the written permissin f Asbru Ltd Ntice Asbru Ltd reserves the right t make changes in this user guide at any time and withut ntice Asbru Ltd makes n warranties, express r implied, in this user guide In n event shall Asbru Ltd be liable fr any indirect, special, incidental r cnsequential damages arising ut f purchase r use f this user guide r the infrmatin cntained herein Licenses and Trademarks Asbru Web Cntent Management and the Asbru lg are trademarks r registered trademarks f Asbru Ltd in the United Kingdm and ther cuntries All ther cmpany, prduct, r trade names are trademarks r registered trademarks f their respective hlders Asbru Web Cntent Management includes and uses the wz_dragdrpjs library, Cpyright (c) Walter Zrn (wwwwalterzrncm), licensed under the terms f the GNU Lesser General Public License (LGPL) ( Asbru Web Cntent Management includes and uses the wz_jsgraphicsjs library, Cpyright (c) Walter Zrn ( licensed under the terms f the GNU Lesser General Public License (LGPL) ( Asbru Web Cntent Management includes and uses the Dynarch DHTML Calendar library, Cpyright (c) Mihai Bazn ( - licensed under the terms f the GNU Lesser General Public License (LGPL) ( Asbru Web Cntent Management includes and uses the Krygenix srttable library, Cpyright (c) Stuart Langridge ( licensed under the terms f the MIT License ( Asbru Web Cntent Management includes and uses the SWFuplad cmpnent and library, Cpyright (c) Lars Huring, Olv Nilzén and Mammn Media, and Cpyright (c) Jake Rberts ( wwwswfupladrg/), licensed under the terms f the MIT License ( Asbru Web Cntent Management includes and uses the Prttype library, Cpyright (c) 2005 Sam Stephensn ( licensed under the terms f an MIT-style License ( Asbru Web Cntent Management includes and uses the Scriptaculus library, Cpyright (c) 2005 Thmas Fuchs ( licensed as free sftware Asbru Web Cntent Management includes and uses parts f the Ric library, Cpyright (c) 2005 Sabre Airline Slutins ( licensed under the terms f the Apache License, Versin 20 Asbru Web Cntent Management includes and uses the Ric Livegrid Plus library, Cpyright (c) 2006 Matt Brwn ( licensed under the terms f the Apache License, Versin 20 Asbru Web Cntent Management includes and uses the Lightbx library, Cpyright (c) 2006 Lkesh Dhakar ( licensed under the Creative Cmmns Attributin 25 License ( Asbru Web Cntent Management includes and uses the TableKit library, Cpyright (c) 2007 Andrew Tetlaw & Millstream Web Sftware ( licensed as free sftware Asbru Ltd Asbru Ltd prvides Internet/Web services, cnsultancy and slutins fr businesses and individuals Registered in England - Cmpany Registratin N wwwasbrusftcm Page 2 f 77

3 Asbru Web Cntent Easily & Inexpensively Create, Publish & Manage Yur Websites Intrductin This dcument is the website editr guide fr the Asbru Web Cntent The user guide describes hw yu, the website editr, use the basic Asbru Web Cntent t update yur website cntent The Asbru Web Cntent is a web slutin allwing yu easy access t create and update the cntent f yur Internet website as well as yur Intranet and Extranet websites The system is full-featured but very easy t use and highly flexible Yu will nly need t see the mre advanced features if/when needed Unused features can easily be disabled and hidden (by the superadmin website administratr) t keep the website administratin web pages as simple as pssible fr yu, the website editr, t use Mre advanced web cntent management features can be enabled and displayed t yu if/when needed This user guide is divided int fur main parts: Part 1 describes hw t lgin t and lgut frm the Asbru Web Cntent n yur website Part 2 describes hw t use yur Hme website administratin page and the general sectins and functinality f the Asbru Web Cntent Part 3 describes hw t use the Brwse & Edit mde t update the cntent f yur website Part 4 describes hw t use the built-in WYSIWYG (What-Yu-See-Is-What-Yu-Get) Asbru Web Cntent Editr t edit yur website cntent Page 3 f 77

4 Table f Cntents INTRODUCTION 3 TABLE OF CONTENTS 4 1 LOGIN 8 11 Lgut 8 2 HOME Persnal Wrkspace Advanced Search And Replace 12 3 BROWSE & EDIT Tlbar Style Sheet Template Cntent Items Cntent Blck Heading Status Cntent Class Add New Admin Edit Publish Exit Brwse & Edit 19 4 CONTENT EDITOR Asbru Web Cntent Editr Text Frmatting and Style Style Frmat Fnt Name Fnt Size 24 Page 4 f 77

5 425 Bld Italic Underline Fnt Frmatting Text Clur Backgrund Clur Superscript Subscript Strikethrugh Remve Frmat Indentatin and Alignment Decrease Indent Indent Align Left Align Center Align Right Align Full D Nt Break Numbered List Bullet List Editing Cut Cpy Paste Clean HTML Cde Delete Select All Red Und Web Cntent Insert Special Characters & Cdes Insert Media (Image / Flash / Java Applet) Library Images Add New Image Define Imagemap Insert Hyperlink Insert Hyperlink Add New Page Add New Image Add New File Add New Link Insert Frame Insert Mail T Link Insert Anchr/ Bkmark Unlink Insert Hrizntal Rule46 46 Table Editing 46 Page 5 f 77

6 461 Insert Table Table Prperties Insert Captin Insert Header Rw Insert Fter Rw Rw Prperties Insert Rw Abve Insert Rw Belw Delete Rw Split Cell Rws Clumn Prperties Insert Clumn Left Insert Clumn Right Delete Clumn Split Cell Clumns Cell Prperties Insert Cell Left Insert Cell Right Delete Cell Split Cell Merge Cells Frm Editing Insert Frm Insert Buttn Insert File Input Insert Text Input Insert Passwrd Input Insert Hidden Input Insert Text Area Input Insert Checkbx Insert Radi Buttn Insert Select List Psitining Abslute Psitining Bring Frwards Send Backwards Bring T Frnt Send T Back Bring Abve Text Send Belw Text Insert Bx Special Help Imprt File Find Insert Print Page Break Print Preview 73 Page 6 f 77

7 497 Save / Submit Shw Details Shw Hidden Details Shw HTML Check Spelling HTML DOM Inspectr 77 Page 7 f 77

8 1 Lgin T access the Asbru Web Cntent Management system t manage yur website yu must pen yur usual website address fllwed by /webadmin/ Fr example, if yu usually access yur website using the address yu must use the address t access the Asbru Web Cntent Management system When accessing the Asbru Web Cntent Management system yu must first authenticate yurself using the cnfigured superadmin r anther cnfigured website administratr username and passwrd t lgin Please nte that yu must enter the username and passwrd exactly as cnfigured with lwercase/uppercase, spacing and punctuatin and withut leading r trailing blanks etc 11 Lgut After a successful lgin yu have access t the Asbru Web Cntent Management system fr yur website and s has anybdy else with access t yur cmputer Befre leaving yur cmputer fr a lnger r shrter perid f time yu shuld lgut frm the Asbru Web Cntent Management system t prevent thers frm using it t make changes t yur website This is especially imprtant if yu use a cmputer which ther peple have access t T lgut frm the Asbru Web Cntent Management system, please select the Lgut link in the tp-left hand crner f the Asbru Web Cntent Management administratin and Brwse & Edit pages After lgging ut yu will see yur website hmepage Yu will als be lgged ut autmatically after sme time depending n the cnfiguratin f yur web server Technically, yur lgin/lgut is cntrlled thrugh s-called sessin variables n yur web server Yur web server may be cnfigured t autmatically expire sessin variables after anything frm a few minutes t a few days Page 8 f 77

9 Please nte that yu will need t lgin again if yur web server sessin variables and thus yur lgin expire while yu are using the Asbru Web Cntent Management system Eg if yu are using a lng time t edit the cntent f ne f yur web pages and yur lgin expires befre yu save, yur changes will be lst If yu experience this prblem yu shuld make sure t save yur wrk regularly Alternatively yu can ask yur web hsting prvider t increase the web server sessin variable expiratin time Usually yur web server cnfiguratin shuld be fine, but ccasinally it may have been cnfigured t expire sessin variables after just a few minutes Page 9 f 77

10 2 Hme After a successful lgin t the Asbru Web Cntent Management system yu will see the main administratin page At the tp f the main administratin page there is a tlbar, which gives yu access t the different sectins f the Asbru Web Cntent Management system: Hme return t the main administratin page Help pens a separate web brwser windw with access t the Asbru Web Cntent Management Getting Started tutrial and this website editr guide as well as ther guides Lgut exit the Asbru Web Cntent Management system and return t yur website hmepage as an rdinary website visitr Brwse & Edit - an easy way t manage the cntent f yur website simply by brwsing yur website in administratin mde and editing the Pages and Elements f yur website Website Cntent full access t manage the Pages, Elements, Templates and Style Sheets f yur website thrugh the cntent administratin pages Media Library full access t manage the Images, dwnladable Files and frequently used Links f yur website thrugh the library administratin pages User Database manage the website administratrs and registered users f yur website thrugh the user administratin pages Cnfiguratin re-cnfigure yur Asbru Web Cntent Management and website settings and enable/disable advanced web cntent management features Updates displays Asbru Web Cntent Management system sftware updates and supprt services frm the Asbru Ltd website Search Fr - finds all cntent items in the cntent administratin and library administratin, which cntain the entered search wrds (Or f the user database administratin is selected, Search Fr finds users instead f cntent items) Search And Replace - finds all cntent items in the cntent administratin and library administratin, which cntain the entered search wrds, and gives access t advanced search functinality as well as search and replace functinality (Please see 22 Advanced Search And Replace fr details) Please nte that all f these sectins may nt be available t yu if sme features have been disabled cmpletely n yur website r if yu d nt have permissins t access them Please see the fllwing sectins fr details n the administratin pages Page 10 f 77

11 21 Persnal Wrkspace At the bttm f the main administratin page yu may als have access t yur Persnal Wrkspace listing cntent items, which yu are currently wrking n, and cntent items, which may have been assigned t yu by smene else fr yu t wrk n them Please see the Website Administratr Guide fr details n hw t use yur Persnal Wrkspace Page 11 f 77

12 22 Advanced Search And Replace Selecting the Search and Replace link n the administratin pages gives access t advanced search as well as search and replace functinality As default the Cntent attribute f cntent items is searched fr the entered search wrd/phrase and the matching cntent items are listed Alternatively, anther cntent item attribute can be selected in the Search drp-dwn select-bx and searched: Title, Cntent, Summary, Descriptin, Keywrds, Meta Infrmatin and HTML HEAD cde The search (and replace) can als be limited t a specific class, grup, type and versin f cntent using the Class, Grup, Type and Versin drp-dwn select-bxes This can simply be used as advanced search functinality t find and view, update and delete the listed cntent items Optinally, the searched fr text can als be replaced with the text entered int the replace it with the text input field Page 12 f 77

13 Tw Replace and With clumns are displayed fr the listed cntent items The Replace clumn displays the searched fr text in cntext f its surrunding text The With clumn displays the searched fr text replaced with the entered replacement text in cntext f its surrunding text The same cntent item will be listed multiple times if the searched fr text ccurs multiple times in the cntent T actually d the search and replace fr the listed cntent items, the checkbx t the left f each listed cntent item must be selected and the Replace buttn must be selected Please nte that if the searched fr text ccurs multiple times fr the same cntent item and their cntexts verlap, nly ne f the ccurrences may actually be replaced, and the search and replace may have t be repeated multiple times t replace all ccurrences (Technically, the search and replace is nt dne fr the entered search and replace wrds/phrases but fr their expanded cntexts t prevent unintended replacements such as fr example replacing special HTML cde names) Page 13 f 77

14 3 Brwse & Edit Brwse & Edit is an easy way t create and update the cntent f yur website simply by brwsing yur website in administratin mde and editing the page cntent and elements When yu access yur website in Brwse & Edit mde each cntent item, which yur website pages are cmpsed f, is displayed in a bx t separate the different cntent items and t give access t edit each f them T update the different web pages n yur website, simply use yur regular website navigatin menus and links t g t the web page yu want t update Page 14 f 77

15 31 Tlbar At the very tp f the web page, the small red tlbar gives yu access t basic functinality: Hme return t the main administratin page Help pens a separate web brwser windw with access t the Asbru Web Cntent Management Getting Started tutrial and this website editr guide as well as ther guides Lgut exit the Asbru Web Cntent Management system and return t yur website hmepage as an rdinary website visitr 32 Style Sheet Under the red tlbar, yu may see a black stylesheet bx if yu have permissin t edit the style sheet used by the web page The style sheet can be used t cntrl hw yur website cntent is displayed fr example, that yur website cntent headings are displayed in bld and in a larger text size, and that yur website links t ther web pages and website are displayed in blue etc Creating and editing style sheets require sme specialist technical knwledge f HTML and CSS cding Please see general dcumentatin and literature fr details n HTML and CSS 33 Template Next, yu may see a black template bx if yu have permissin t edit the template used by the web page The template defines the verall web page layut and cntains the cmmn cntent that is used n all yur website pages r at least all yur websites pages f a sectin f yur website r a type f yur website pages Fr example, the template may define that all yur website pages have a hrizntal tlbar menu at the tp f the web page; a left-hand navigatin menu; a right-hand news blck; and the primary page cntent in the middle The template des nt define exactly what these parts shuld be, but simply reserves blank space where these parts can be filled in Each such part f the website page is called a cntent item in the Asbru Web Cntent Management system the primary cntent item is called a page, and the secndary cntent items such as fr example the tlbar menu, navigatin menu and news blck are called elements 34 Cntent Items Under the red tlbar, black stylesheet bx (if any) and black template bx (if any), yu will see yur website page cntent Depending n hw yur web page is cmpsed f different cntent items and if yu have permissins t update any f the cntent items, yu may see a number f black cntent bxes abve and arund different parts f the web page Page 15 f 77

16 35 Cntent Blck Heading The cntent blck heading displayed at the tp f each cntent item f the web page is used fr displaying summary infrmatin and allwing yu t have quick access t editing the item 351 Status Each cntent item s publicatin status is displayed t the left in the administratin heading The publicatin status will always be Published unless ne f the mre advanced Publish features has been enabled fr yur website Please see the Website Administratr fr details n the Publish features If the mre advanced Publish features are enabled, the status f the cntent item can be ne f the fllwing: Page 16 f 77

17 New The cntent is a new page/element that has nt been published yet Updated The cntent has been updated and the updated cntent has nt been published yet (The new updated cntent is displayed in Edit & Brwse administratin mde, but the ld published cntent is still displayed n the public website) Publish: date/time The new/updated cntent is scheduled t be published at the displayed date/time Published The cntent has been published n yur web site Expire: date/time The published cntent is scheduled t expire at the displayed date/time Expired The cntent has expired Checked Out The cntent is currently inaccessible fr editing because it is checked ut fr editing by anther website administratr 352 Cntent Class Each cntent item s class is displayed centred in the administratin heading The cntent class will be either page title, page cntent r ne f the Element classes such as menu, tlbar, news r banner etc as cnfigured fr yur website The page cntent item is the primary cntent f the page 353 Add New If yu have permissin t add new cpies f a cntent item, an Add New link will be displayed t the right in the administratin heading Selecting the Add New link pens the full Cntent Editr administratin web page with access t edit and add a new cpy f the cntent and all the cntent item s ther data Please see the Website Administratr Guide fr details 354 Admin If yu have permissin t update a cntent item, an Admin link will be displayed t the right in the administratin heading Selecting the Admin link pens the full Cntent Editr administratin web page with access t update the cntent and all the cntent item s ther data Please see the Website Administratr Guide fr details Page 17 f 77

18 (Please nte that if yu have been using an lder release f the Asbru Web Cntent Management the new Admin link is equivalent t the ld Edit link) 355 Edit If yu have permissin t update a cntent item, an Edit link will be displayed t the right in the administratin heading Selecting the Edit link pens a simplified Cntent Editr with access t update the cntent directly in the Brwse & Edit mde Only the cntent item s title and cntent can be edited Fr access t update the cntent item s ther data the Admin link shuld be used instead Page 18 f 77

19 356 Publish If yu have permissin t publish a cntent item, a Publish link will be displayed t the right in the administratin heading Selecting the Publish link publishes the cntent item 36 Exit Brwse & Edit When yu are dne brwsing and editing yur website cntent yu can exit the Brwse & Edit mde in tw different ways: Select Hme in the tp-right crner f the Brwse & Edit page t g back t the main administratin page f the Asbru Web Cntent Select Lgut in the tp-right hand crner f the Brwse & Edit page t lgut frm the Asbru Web Cntent Management system and return t yur public website as a regular user Page 19 f 77

20 4 Cntent Editr The Cntent Editr gives yu access t actually create and update the cntent f yur web pages The Cntent Editr is accessible frm the Brwse & Edit administratin mde (as well as frm the Website Cntent and Media Library administratin sectins) The Cntent Editr includes a Title input field and an actual Cntent input field The actual Cntent input field will differ depending n whether yu are creating/editing a Page, Element, Template, Style Sheet, File, Image r Link Simply edit the text in the Title field and update the details in the Cntent input field t create/update the cntent f yur website and select Save t stre the changes If yu are creating r updating a Page, Element r Template yu will have access t a web editr in the Cntent input field, which allws yu t frmat yur text and insert images, files and links As default, Pages, Elements and Templates use HTML frmat fr the Cntent input field and these are edited in Asbru Web Cntent Editr WYSIWYG input fields Please see sectin 41 Asbru Web Cntent Editr fr details n using this t edit yur cntent T view yur Page, Element, Template and Style Sheet changes befre saving and publishing them, yu can select the Preview tlbar buttn t pen a new web brwser windw with the currently edited cntent When yu Save yur cntent eventual links t ther cntent and websites will be checked If any f the links are unavailable yu will be warned abut this in a pp-up windw Yu can select OK in the warning pp-up windw t ignre the warning and save the cntent anyway, r yu can select Cancel in the warning pp-up windw t g back t the cntent editr t edit the cntent befre saving it again Please nte that if yu select anther link r clse yur web brwser withut first selecting Save, any changes yu have made will be ignred and n changes will be made t yur website cntent Page 20 f 77

21 41 Asbru Web Cntent Editr As default the Asbru Web Cntent Management system will use the built-in Asbru Web Cntent Editr t edit yur Pages, Elements and Templates The built-in Asbru Web Cntent Editr is described in the fllwing sectins Due t differences in supprted web brwser technlgies, there are different versins f the Asbru Web Cntent Editr fr different web brwsers Sme web editr functinality varies between the different Asbru Web Cntent Editr versins and sme web editr functinality is nt available in all Asbru Web Cntent Editr versins See the fllwing sectins fr details As default the Asbru Web Cntent Management system aut-detects the web brwser yu are using and autmatically selects the best Asbru Web Editr versin fr yur web brwser The Asbru Web Cntent Management system can als be cnfigured t use ther cntent editr prducts If yur website is cnfigured t use such anther cntent editr prduct, please see the dcumentatin fr that prduct fr details n hw t use it The Asbru Web Cntent Editr can be used fr adding text, images, hyperlinks r HTML cde t the primary cntent f Pages, Elements and Templates The Asbru Web Cntent Editr screens are displayed belw Asbru Web Cntent Editr v1 (fr Micrsft Internet Explrer 40-50): Page 21 f 77

22 Asbru Web Cntent Editr v2+ (fr Micrsft Internet Explrer v55 and newer; Netscape 71 and newer; Mzilla 13 and newer; as well as Mzilla Firefx, Ggle Chrme and Apple Safari): Write text in the wrk area in the middle and select the tlbar buttns t frmat the text and insert images, hyperlinks and HTML cde Additinally, the HTML DOM Inspectr lcated belw the editable cntent displays details abut the currently selected cntent The tlbar buttns and the HTML DOM Inspectr are described in the fllwing sectins Page 22 f 77

23 42 Text Frmatting and Style 421 Style Asbru Web Cntent Editr v2+ nly The Asbru Web Cntent Editr ffers supprt fr Cascading Style Sheets Defined styles/classes are extracted autmatically frm any Style Sheet assigned t the cntent T apply a style select the text yu want t change and then select the style frm the Style list in the tlbar The actual frmatting fr the styles can be defined in the Style Sheet assigned t the cntent 422 Frmat The Asbru Web Cntent Editr ffers standard predefined HTML text styles Nrmal Frmatted Address Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Numbered List Bulleted List Directry List Menu List Definitin Term Definitin Page 23 f 77

24 Paragraph T apply a style select the text yu want t change and then select the style frm the Style list in the tlbar The frmatting f the styles can be defined in the Style Sheet assigned t the cntent 423 Fnt Name Asbru Web Cntent Editr v2 nly See Fnt Frmatting fr Asbru Web Cntent Editr v1 T change the Fnt Name select the text yu want t change and then select a Fnt Name frm the Fnt Name list in the tlbar 424 Fnt Size T change the Fnt Size select the text yu want t change and then select a Fnt Size frm the Fnt Size list in the tlbar 425 Bld T apply bld frmatting t text select the text yu want t change and then select the Bld tlbar buttn 426 Italic Apply italic frmatting t text by selecting the text yu want t change and then select the Italic tlbar buttn Page 24 f 77

25 427 Underline Apply underline frmatting t text by selecting the text yu want t change and then select the Underline tlbar buttn 428 Fnt Frmatting Asbru Web Cntent Editr v1 nly See Text Clur fr Asbru Web Cntent Editr v2 The Fnt tlbar buttn prvides several frmatting ptins that will verride the frmatting styles defined by yur Style and Style Sheet selectin T frmat text select the text yu want t change and then select the Fnt tlbar buttn The fllwing screen will appear: Fnt - Select the fnt yu want t apply t the selected text Style - Select the style yu want t apply t the selected text Size - Select the Fnt Size yu want t apply t the selected text Underline - If yu want t underline the selected text check the Underline checkbx Clr - Select the Fnt Clr frm the clr list r select the buttn and select the Fnt Clr Select OK when the Sample bx displays the frmatting yu want t apply t the selected text r select Cancel 429 Text Clur Asbru Web Cntent Editr v2 nly Apply text clur frmatting t text by selecting the text yu want t change and then select the Text Clur tlbar buttn The fllwing screen will appear: Page 25 f 77

26 Select a clur frm the palette r enter a HTML clur cde Select OK t apply t the selected text r select Cancel 4210 Backgrund Clur Asbru Web Cntent Editr v2 nly Apply backgrund clur frmatting t text by selecting the text yu want t change and then select the Backgrund Clur tlbar buttn The fllwing screen will appear: Select a clur frm the palette r enter a HTML clur cde Select OK t apply t the selected text r select Cancel 4211 Superscript Asbru Web Cntent Editr v2 nly Page 26 f 77

27 Apply superscript frmatting t text by selecting the text yu want t change and then select the Superscript tlbar buttn 4212 Subscript Asbru Web Cntent Editr v2 nly Apply subscript frmatting t text by selecting the text yu want t change and then select the Subscript tlbar buttn 4213 Strikethrugh Asbru Web Cntent Editr v2 nly Apply strikethrugh frmatting t text by selecting the text yu want t change and then select the Strikethrugh tlbar buttn 4214 Remve Frmat Asbru Web Cntent Editr v2 nly Remve frmatting frm text by selecting the text yu want t change and then select the Remve Frmat tlbar buttn 43 Indentatin and Alignment 431 Decrease Indent T decrease the indent f a paragraph select the text yu want t change and then select the Decrease Indent tlbar buttn 432 Indent T apply indent t a paragraph select the text yu want t change and then select the Indent tlbar buttn 433 Align Left T align left select the text yu want t align left and then select the Align Left tlbar buttn Page 27 f 77

28 434 Align Center T center text select the text yu want t center and then select the Align Center tlbar buttn 435 Align Right T align right select the text yu want t align and then select the Align Right tlbar buttn 436 Align Full Asbru Web Cntent Editr v2 nly T align left and right select the text yu want t align and then select the Align Full tlbar buttn 437 D Nt Break Asbru Web Cntent Editr v2+ nly T prevent text frm being brken by autmatic line breaks select the text yu want t keep tgether and then select the D Nt Break tlbar buttn 438 Numbered List Asbru Web Cntent Editr v2 nly T apply numbers select the items yu want t add numbers t Then select the Numbered List tlbar buttn 439 Bullet List T apply bullets select the items yu want t add bullets t Then select the Bullet List tlbar buttn 44 Editing 441 Cut Page 28 f 77

29 T remve selected cntent frm the Asbru Web Cntent Editr and place it n the clipbard select the Cut tlbar buttn Yur web brwser may nt supprt this functinality, in which case yu will be prmpted t use yur web brwser s menu/keybard functinality fr this instead 442 Cpy T cpy selected cntent frm the Asbru Web Cntent Editr and place it n the clipbard select the Cpy tlbar buttn Yur web brwser may nt supprt this functinality, in which case yu will be prmpted t use yur web brwser s menu/keybard functinality fr this instead 443 Paste T paste cntent frm the clipbard int the Asbru Web Cntent Editr select the Paste tlbar buttn Yur web brwser may nt supprt this functinality, in which case yu will be prmpted t use yur web brwser s menu/keybard functinality fr this instead 444 Clean HTML Cde Asbru Web Cntent Editr v2 nly Page 29 f 77

30 Cntent pasted frm ther applicatins such as Micrsft Wrd may cntain unneeded/unwanted HTML cdes Select the Clean HTML Cde tlbar buttn t clean the cntent fr such unneeded/unwanted HTML cdes The fllwing screen will appear: Micrsft Wrd related (selected by default and safe t clean): All XML tags Delete all XML tags frm cntent All namespace tags Delete all XML namespace tags frm cntent All LANG attributes Delete all LANG attributes frm cntent Empty SPAN tags Delete empty and duble SPAN tags Empty FONT tags Delete empty and duble FONT tags All DEL and INS tags Delete all DEL and INS tags Ms* CLASS attributes Delete all CLASS attributes named Ms* frm cntent ms- STYLE attributes Delete all STYLE attributes named ms-* frm cntent Other (nly select these if yu are sure yu want t delete these HTML tags and attributes r yur cntent may be altered significantly): All HTML tags Delete all HTML tags frm cntent All CLASS attributes Delete all CLASS attributes frm cntent Page 30 f 77

31 All STYLE attributes Delete all STYLE attributes frm cntent All SPAN tags Delete all SPAN tags All FONT tags Delete all FONT tags Empty P and DIV Delete all empty P and DIV tags Select OK t clean the cntent in the web editr wrk area 445 Delete Asbru Web Cntent Editr v2 nly T delete cntent frm the Asbru Web Cntent Editr select the cntent t be deleted and select the Delete tlbar buttn 446 Select All Asbru Web Cntent Editr v2 nly T select all cntent in the Asbru Web Cntent Editr select the Select All tlbar buttn 447 Red Select the Red tlbar buttn t reverse an actin f the Und cmmand 448 Und Select the Und tlbar buttn t reverse the last cmmand r delete the last entry yu typed 45 Web Cntent 451 Insert Special Characters & Cdes T insert special characters and cdes int the web editr wrk area select the Insert Special Characters & Cdes tlbar buttn The fllwing screen will appear: Page 31 f 77

32 Select the special character yu want t insert and the special character will be inserted int the web editr wrk area, r select the Insert special cde link fr access t the special cdes screen: Select the special cde yu want t insert and the special cde will be inserted int the web editr wrk area, r select the Insert special character link t return t the special characters screen 452 Insert Media (Image / Flash / Java Applet) T insert an image int the Asbru Web Cntent Editr select the Insert Image tlbar buttn The fllwing windw will appear: Page 32 f 77

33 Yu can insert an image either frm yur library f images r frm yur lcal cmputer 4521 Library Images Yur image categries frm the web server library are listed in the left hand side f the windw, if yu have enabled the Cntent Categries - Image Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) Select All Images r an image categry t list all yur web server library images f that categry in the center f the windw Select an image t preview it in the right hand side f the windw Select ne f the preview backgrund clur bxes t preview the image with different backgrund clur cntrasts When an image is selected its website address details are displayed at the bttm part f the windw alng with ther ptinal image prperties: Address Full web address including Type and URL dmain, path and file name Width Number f pixels r percentage fr hw the image is t be displayed Height Number f pixels r percentage fr hw the image is t be displayed Brder Number f pixels fr brder t be displayed arund the image Alignment / Align Defines the image alignment in relatin t surrunding text Left Page 33 f 77

34 Right Tp Bttm Middle Absmiddle Vertical spacing / Vspace Number f blank pixels t be displayed abve and belw the image Hrizntal spacing / Hspace Number f blank pixels t be displayed t the left and right f the image Alt Text Alternative text descriptin t be displayed instead f the image Id Unique id t be used fr Advanced Scripting etc Class Name t be used fr Style Sheets etc Muse Over Javascript event handler triggered when the caret/cursr is mved ver the image Muse Out Javascript event handler triggered when the caret/cursr is mved away frm image Select OK t insert the image int the Cntent Editr r select Cancel t return t the Cntent Editr withut inserting the Image int the Cntent Editr 4522 Add New Image Yu can als add an image frm yur lcal cmputer Select the Add New link at the tp center f the windw The fllwing windw will appear: Page 34 f 77

35 Enter a title fr the new image in the Add New Image sectin at the bttm f the windw Select Brwse t find the image file n yur cmputer When yu have selected the image file n yur cmputer it will be displayed in the right hand side f the screen Alternatively, if yu have a recent versin f the Flash pluing installed in yur web brwser yu shuld have an additinal Chse Multiple Files buttn next t the Brwse buttn Use this t select multiple files t be upladed and added at the same time Select an existing image t cpy ther attributes fr the new image frm If yu select - blank -, all ther image attributes fr the new image will be set t the default (blank) value Select Save t add the image t the image library If yu have enabled the mre advanced publishing features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) yu will see a Publish checkbx that yu check if yu want t publish the image when it is saved If yu have enabled the Cntent Categries - Image Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) yu will als be able t select the Image Type and Image Grup fr the new image 453 Define Imagemap T define an imagemap fr an image select the image and then the Define Imagemap tlbar buttn The fllwing windw will appear: Page 35 f 77

36 Name Name f the imagemap used internally t link the image and the imagemap (required) Class HTML class name fr use with CSS style sheet Id Unique HTML cde id fr use with Javascript Imagemap Areas Define the imagemap areas which users can select: Shape The supprted imagemap shapes are circle and rectangle Crdinates The crdinates which define the imagemap area psitin and size (Circle: centerx, centery, radius) (Rectangle: left, tp, right, bttm) Enter the crdinates manually, r Drag & Drp the imagemap area utline and handles displayed n the image at the bttm f the imagemap windw Href The web address URL t which the image map area links Add Add entered Shape, Crdinates and Href as imagemap area Page 36 f 77

37 Update Change selected imagemap area t entered Shape, Crdinates and Href Delete Delete selected imagemap area Mve Up Mve selected imagemap area up Mve Dwn Mve selected imagemap dwn Select OK t define the imagemap fr the selected image in the web editr wrk area 454 Insert Hyperlink Select the Insert Hyperlink tlbar buttn t insert a link int the wrk area The fllwing windw appears: Yu can insert a link t an existing Page, Image, File r Link in the Asbru Web Cntent Management system r t any ther website address n the Internet Yu can als add a new Page, Image, File r Link 4541 Insert Hyperlink Yur cntent categries are listed in the left hand side f the windw, if yu have enabled the Cntent Categries features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) Select a cntent class/categry t list yur web server cntent f that class/categry in the center f the windw Page 37 f 77

38 Pages Yur web cntent management system website pages Images Yur web cntent management system library images Files Yur web cntent management system library files Links Yur web cntent management system library links Special Special links t web cntent management system functinality View This Item Use fr search results entries and the E-Cmmerce Add-On functinality t link t an item s full page Lgin Use fr a "manual" lgin link t lgin as a registered user f the website (Lgin is als autmatically requested when required fr accessed cntent) Lgut Use fr a "manual" lgut link t lgut as a registered user f the website (Lgut is als autmatically dne when the web brwser is clsed and when the user "sessin" expires as cnfigured fr yur web server) Versins Link fr yur website visitrs t select their preferred versin f yur website cntent (Only available, if the Cntent Versins feature is enabled Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) Micr-Websites Link t yur cnfigured "micr-websites" Internet address dmain names (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) Page Relatins Link t a related cntent as defined fr the currently viewed cntent (Only available, if the Cntent Relatins feature is enabled Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details) Page Tp Link t the Page Tp web page specified in the Cntent Relatins sectin in the cntent editr Page Up Link t the Page Up web page specified in the Cntent Relatins sectin in the cntent editr Page 38 f 77

39 First Page Link t the First Page web page specified in the Cntent Relatins sectin in the cntent editr Last Page Link t the Last Page web page specified in the Cntent Relatins sectin in the cntent editr Previus Page Link t the Previus Page web page specified in the Cntent Relatins sectin in the cntent editr Next Page Link t the Next Page web page specified in the Cntent Relatins sectin f in the cntent editr Select a cntent item t preview it in the right hand side f the windw When a cntent item is selected its website address details are displayed at the bttm part f the windw alng with ther ptinal cntent prperties: Address The web address f the selected page etc Usually, this shuld nt be changed, but yu can add additinal parameters etc if needed Yu can als enter an address such as #mybkmark t link t an anchr/bkmark yu have inserted n yur web page Target Defines hw the hyperlink is t be pened Same Windw (_self) The link will be pened in the current windw Parent Windw (_parent) The link will be pened in the parent windw Brwser Windw (_tp) The link will be pened n the tp level f the windw New Windw (_blank) The link will be pened in a new windw Id Unique id t be used fr Advanced Scripting etc Class Name t be used fr Style Sheets etc When yu are dne, select OK t insert the link int yur web editr Page 39 f 77

40 4542 Add New Page If yu want t add a new Page select Pages at the left hand f the windw and then the Add New link at the tp center f the windw The fllwing windw will appear: Enter the name f the new page in the Title field If yu are adding a new File select it frm yur lcal cmputer by selecting Brwse Alternatively, if yu have a recent versin f the Flash pluing installed in yur web brwser yu shuld have an additinal Chse Multiple Files buttn next t the Brwse buttn Use this t select multiple files t be upladed and added at the same time When uplading and adding multiple files at the same time, the actual file names will be appended t the entered Title If yu have enabled the Cntent Categries Page/Element Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will als be able t select the Page Type and Grup Select an existing Page t cpy ther attributes fr the new page frm If yu select - blank -, all ther page attributes fr the new page will be set t the default (blank) value If yu have enabled the mre advanced publishing features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will see a Publish checkbx Check this Publish checkbx t publish the new Page/File immediately when it is saved When yu select Save the new page r file will be created 4543 Add New Image If yu want t add a new Image select Images at the left hand f the windw and then the Add New link at the tp center f the windw The fllwing windw will appear: Page 40 f 77

41 Enter the name f the new image in the Title field and select Brwse t select the actual image file frm yur lcal cmputer Alternatively, if yu have a recent versin f the Flash pluing installed in yur web brwser yu shuld have an additinal Chse Multiple Files buttn next t the Brwse buttn Use this t select multiple files t be upladed and added at the same time When uplading and adding multiple files at the same time, the actual file names will be appended t the entered Title Select an existing Image t cpy ther attributes fr the new image frm If yu select - blank -, all ther image attributes fr the new image will be set t the default (blank) value If yu have enabled the Cntent Categries Image Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will als be able t select the Image Type and Grup If yu have enabled the mre advanced publishing features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will see a Publish checkbx Check this Publish checkbx t publish the new Image immediately when it is saved When yu select Save the new image will be created 4544 Add New File If yu want t add a new File select Files at the left hand f the windw and then the Add New link at the tp center f the windw The fllwing windw will appear: Page 41 f 77

42 Enter the name f the new file in the Title field and select Brwse t select the actual file frm yur lcal cmputer Alternatively, if yu have a recent versin f the Flash pluing installed in yur web brwser yu shuld have an additinal Chse Multiple Files buttn next t the Brwse buttn Use this t select multiple files t be upladed and added at the same time When uplading and adding multiple files at the same time, the actual file names will be appended t the entered Title Select an existing File t cpy ther attributes fr the new file frm If yu select - blank -, all ther file attributes fr the new file will be set t the default (blank) value If yu have enabled the Cntent Categries File Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will als be able t select the File Type and Grup If yu have enabled the mre advanced publishing features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will see a Publish checkbx Check this Publish checkbx t publish the new File immediately when it is saved When yu select Save the new file will be created 4545 Add New Link If yu want t add a new Link select Links at the left hand f the windw and then the Add New link at the tp center f the windw The fllwing windw will appear: Page 42 f 77

43 Enter the name f the new link in the Title field and its full website address (fr example: Select an existing Link t cpy ther attributes fr the new link frm If yu select - blank -, all ther link attributes fr the new link will be set t the default (blank) value If yu have enabled the Cntent Categries Link Grups r Types features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will als be able t select the Link Type and Grup If yu have enabled the mre advanced publishing features (Please see Errr! Reference surce nt fund Errr! Reference surce nt fund fr details), yu will see a Publish checkbx Check this Publish checkbx t publish the new Link immediately when it is saved When yu select Save the new link will be created 455 Insert Frame Asbru Web Cntent Editr v2+ nly Select the Insert Frame tlbar buttn t insert a cntent frame cntaining anther web page in the wrk area The fllwing screen will appear: Page 43 f 77

44 Width Enter the width f the bx as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Height Enter the height f the bx as a percentage (fr example 100% ) r in pixels (fr example 100 pixels URL Type Type f URL address ( ) URL Address Web address dmain, path and page name Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the cntent frame int the web editr wrk area 456 Insert Mail T Link Asbru Web Cntent Editr v2+ nly Select the Insert Mail T Link tlbar buttn t insert a link int the wrk area The fllwing screen will appear: Page 44 f 77

45 T Address Default address t which the shuld be sent Subject Default subject fr the t be sent Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When yu are dne, select OK t insert the link int yur web editr 457 Insert Anchr/ Bkmark Asbru Web Cntent Editr v2+ nly Select the Insert Anchr / Bkmark tlbar buttn t insert an anchr/bkmark int the wrk area The fllwing screen will appear: Name Name f the anchr/bkmark Page 45 f 77

46 Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When yu are dne, select OK t insert the anchr/bkmark int yur web editr T link t the anchr/bkmark yu can use the Insert Hyperlink tlbar buttn and enter a web address such as #mybkmark in the Address input field 458 Unlink Asbru Web Cntent Editr v2 nly T remve a link (withut deleting the cntent) select the link and select the Unlink tlbar buttn 459 Insert Hrizntal Rule Asbru Web Cntent Editr v2 nly T insert a hrizntal rule select the Insert Hrizntal Rule tlbar buttn 46 Table Editing 461 Insert Table Select the Insert Table tlbar buttn t insert a table in the wrk area The fllwing screen will appear: Page 46 f 77

47 Width Enter the width f the table as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Yu can leave the field blank and the brwser will determine the width Height Enter the height f the table as a percentage (fr example 100% ) r in pixels (fr example 100 pixels Yu can leave the field blank and the brwser will determine the height Clumns Enter the number f clumns in the table Rws Enter the number f rws in the table Cell padding Enter the distance between the brder and cntent f the table in pixels (fr example 2 pixels) Yu can leave the field blank and the brwser will determine the cell padding Cell spacing Enter the distance between the cells in pixels (fr example 2 pixels) Yu can leave the field blank and the brwser will determine the cell spacing Brder Width Select the brder width f the table in pixels frm the list If yu select 0 there will be n brder If yu select - default - the brwser will determine the brder width Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Page 47 f 77

48 Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Image In the Backgrund image sectin f the screen select - nne - if n backgrund image is required r select a backgrund image frm the list f backgrund images Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When all the details fr the table have been entered, select OK t insert the table int the cntent editr 462 Table Prperties Asbru Web Cntent Editr v2 nly Select r psitin the claret/cursr inside a table and select the Table Prperties tlbar buttn t edit the table s prperties The fllwing screen will appear: Width Enter the width f the table as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Yu can leave the field blank and the web brwser will determine the width Height Enter the height f the table as a percentage (fr example 100% ) r in pixels (fr example 100 pixels Yu can leave the field blank and the web brwser will determine Page 48 f 77

49 the height Cell padding Enter the distance between the brder and cntent f the table in pixels (fr example 2 pixels) Yu can leave the field blank and the brwser will determine the cell padding Cell spacing Enter the distance between the cells in pixels (fr example 2 pixels) Yu can leave the field blank and the brwser will determine the cell spacing Brder Width Enter the brder width f the table in pixels If yu enter 0 there will be n brder If yu leave it blank the brwser will determine the brder width Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Image In the Backgrund image sectin f the screen select - nne - if n backgrund image is required r select a backgrund image frm the list f backgrund images Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When all the details fr the table have been entered, select OK t update the table in the cntent editr 463 Insert Captin Asbru Web Cntent Editr v2+ nly Select r psitin the claret/cursr inside a table and select the Insert Captin tlbar buttn t insert a captin fr the table As default the captin is displayed abve the table 464 Insert Header Rw Asbru Web Cntent Editr v2+ nly Page 49 f 77

50 Select r psitin the claret/cursr inside a table and select the Insert Header Rw tlbar buttn t insert a new table header rw at the tp f the table 465 Insert Fter Rw Asbru Web Cntent Editr v2+ nly Select r psitin the claret/cursr inside a table and select the Insert Fter Rw tlbar buttn t insert a new table fter rw at the bttm f the table 466 Rw Prperties Asbru Web Cntent Editr v2 nly Select r psitin the claret/cursr inside a table rw and select the Rw Prperties tlbar buttn t edit the rw s prperties The fllwing screen will appear: Hrizntal Alignment Select default, left, center r right t hrizntally align the rw s cell s cntents This rw alignment is verruled by any defined clumn and cell hrizntal alignment Vertical Alignment Select default, tp, middle, baseline r bttm t vertically align the rw s cell s cntents This rw alignment is verruled by any defined clumn and cell vertical alignment Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Page 50 f 77

51 Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Image In the Backgrund image sectin f the screen select - nne - if n backgrund image is required r select a backgrund image frm the list f backgrund images Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When all the details fr the table rw have been entered, select OK t update the table rw in the cntent editr 467 Insert Rw Abve Asbru Web Cntent Editr v2 nly Select r psitin the claret/cursr inside a table rw and select the Insert Rw Abve tlbar buttn t insert a new rw abve the selected rw 468 Insert Rw Belw Asbru Web Cntent Editr v2 nly Select r psitin the claret/cursr inside a table rw and select the Insert Rw Belw tlbar buttn t insert a new rw belw the selected rw 469 Delete Rw Asbru Web Cntent Editr v2 nly Select r psitin the claret/cursr inside a table rw and select the Delete Rw tlbar buttn t delete the selected rw 4610 Split Cell Rws Asbru Web Cntent Editr v2 nly Page 51 f 77

52 Psitin the claret/cursr inside a merged table cell and select the Split Cell Rws tlbar buttn t split the cell back int rws again 4611 Clumn Prperties Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Clumn Prperties tlbar buttn t edit the clumn s prperties The fllwing screen will appear: Width Enter the width f the clumn as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Yu can leave the field blank and the web brwser will determine the width Height Enter the height f the clumn as a percentage (fr example 100% ) r in pixels (fr example 100 pixels Yu can leave the field blank and the web brwser will determine the height Hrizntal Alignment Select default, left, center r right t hrizntally align the clumn s cell s cntents This clumn alignment verrules/verwrites any defined rw/cell hrizntal alignment Vertical Alignment Select default, tp, middle, baseline r bttm t vertically align the clumn s cell s cntents This clumn alignment verrules/verwrites any defined rw/cell vertical alignment Page 52 f 77

53 Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Image In the Backgrund image sectin f the screen select - nne - if n backgrund image is required r select a backgrund image frm the list f backgrund images Class HTML class name fr use with CSS style sheet When all the details fr the table clumn have been entered, select OK t update the table clumn in the cntent editr 4612 Insert Clumn Left Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Insert Clumn Left tlbar buttn t insert a new clumn t the left f the selected clumn 4613 Insert Clumn Right Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Insert Clumn Right tlbar buttn t insert a new clumn t the right f the selected clumn 4614 Delete Clumn Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Delete Clumn tlbar buttn t delete the selected clumn 4615 Split Cell Clumns Asbru Web Cntent Editr v2 nly Page 53 f 77

54 Psitin the claret/cursr inside a merged table cell and select the Split Cell Clumns tlbar buttn t split the cell back int clumns again 4616 Cell Prperties Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Cell Prperties tlbar buttn t edit the cell s prperties The fllwing screen will appear: Width Enter the width f the cell as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Yu can leave the field blank and the web brwser will determine the width Height Enter the height f the cell as a percentage (fr example 100% ) r in pixels (fr example 100 pixels Yu can leave the field blank and the web brwser will determine the height Span Rws Enter the number f rws the (merged) cell spans Changing this rw span will nt actually merge/split the cell, but nly change hw it is displayed Span Clumns Enter the number f clumns the (merged) cell spans Changing this clumn span will nt actually merge/split the cell, but nly change hw it is displayed Hrizntal Alignment Select default, left, center r right t hrizntally align the cell s cntents This cell Page 54 f 77

55 alignment verrules/verwrites any defined rw/clumn hrizntal alignment Vertical Alignment Select default, tp, middle, baseline r bttm t vertically align the cell s cntents This cell alignment verrules/verwrites any defined rw/clumn vertical alignment Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Image In the Backgrund image sectin f the screen select - nne - if n backgrund image is required r select a backgrund image frm the list f backgrund images Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet When all the details fr the table cell have been entered, select OK t update the table cell in the cntent editr 4617 Insert Cell Left Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Insert Cell Left tlbar buttn t insert a new cell t the left f the selected cell 4618 Insert Cell Right Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a table cell and select the Insert Cell Right tlbar buttn t insert a new cell t the right f the selected cell 4619 Delete Cell Asbru Web Cntent Editr v2 nly Page 55 f 77

56 Psitin the claret/cursr inside a table cell and select the Delete Cell tlbar buttn t delete the selected cell 4620 Split Cell Asbru Web Cntent Editr v2 nly Psitin the claret/cursr inside a merged table cell and select the Split Cell tlbar buttn t split the cell back int rws and clumns again 4621 Merge Cells Asbru Web Cntent Editr v2 nly Select a number f table cells acrss rws and/r clumns and select the Merge Cells tlbar buttn t merge the cells int a single cell Yur web brwser may nt supprt selectin f cells acrss rws prperly as a square f selected cells Sme additinal cells t the left and right f the intended square f cells selectin may be selected as well The Asbru Web Cntent Editr adjusts this nn-square cell selectin by ignring any selected cells utside the square f selected cells defined by the tpleft and the bttm-right selected cells 47 Frm Editing 471 Insert Frm Asbru Web Cntent Editr v2+ nly Select the Insert Frm tlbar buttn t insert a frm in the wrk area The fllwing screen will appear: Page 56 f 77

57 Methd Methd used t submit frm data t the web server GET (default) submits data as part f the URL web address POST submits data as attachments and is required fr file uplad and larger amunts f data Actin URL Website address t which the frm data is submitted Encding Encding frmat fr frm data when submitted t the web server The default encding is URL encded Multi-part frm-data encding is required fr file uplad Target Defines hw the submitted frm is t be pened Same Windw (_self) The frm will be pened in the current windw Parent Windw (_parent) The frm will be pened in the parent windw Brwser Windw (_tp) The frm will be pened n the tp level f the windw New Windw (_blank) The frm will be pened in a new windw Submit Javascript event handler triggered when the frm is submitted Reset Javascript event handler triggered when the frm is reset Page 57 f 77

58 Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the frm int the web editr wrk area 472 Insert Buttn Asbru Web Cntent Editr v2+ nly Select ne f the Insert Buttn tlbar buttns t insert a buttn f that type in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Value Value f parameter submitted t the web server Type Type f buttn t be inserted: Submit Submits the frm t the web server Buttn Des nt d anything unless used with Javascript event handler Reset Resets the frm t the default values Page 58 f 77

59 Image Submits the frm t the web server Click Javascript event handler triggered when the buttn is clicked Image URL Website address fr image t be used fr image buttn Image Align Alignment f image in relatin t surrunding text Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the buttn int the web editr wrk area 473 Insert File Input Asbru Web Cntent Editr v2+ nly Select the Insert File Input tlbar buttn t insert a file selectr buttn fr file uplad t the web server in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Value Default value f parameter submitted t the web server Page 59 f 77

60 Click Javascript event handler triggered when the file input field/buttn is clicked Change Javascript event handler triggered when the file input is changed Fcus Javascript event handler triggered when the file input is fcused Blur Javascript event handler triggered when fcus is remved frm the file input Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the file input field/buttn int the web editr wrk area 474 Insert Text Input Asbru Web Cntent Editr v2+ nly Select the Insert Text Input tlbar buttn t insert a text input field in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Page 60 f 77

61 Value Default value f parameter submitted t the web server Size Display size f input field Max Length Maximum number f characters t be entered int the input field Click Javascript event handler triggered when the input field is clicked Change Javascript event handler triggered when the input field is changed Fcus Javascript event handler triggered when the input field is fcused Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area 475 Insert Passwrd Input Asbru Web Cntent Editr v2+ nly Select the Insert Passwrd Input tlbar buttn t insert a passwrd input field in the wrk area The fllwing screen will appear: Page 61 f 77

62 Name Name f parameter submitted t the web server Value Default value f parameter submitted t the web server Size Display size f input field Max Length Maximum number f characters t be entered int the input field Click Javascript event handler triggered when the input field is clicked Change Javascript event handler triggered when the input field is changed Fcus Javascript event handler triggered when the input field is fcused Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area Page 62 f 77

63 476 Insert Hidden Input Asbru Web Cntent Editr v2+ nly Select the Insert Hidden Input tlbar buttn t insert a hidden input field in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Value Default value f parameter submitted t the web server Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area 477 Insert Text Area Input Asbru Web Cntent Editr v2+ nly Select the Insert Text Area Input tlbar buttn t insert a text area input field in the wrk area The fllwing screen will appear: Page 63 f 77

64 Name Name f parameter submitted t the web server Wrap Defines if and hw cntent entered int the text area input shuld be wrd wrapped with autmatic insertin f line breaks: Off D nt wrap Sft / Virtual Display autmatic wrd wrapping but d nt submit autmatic wrd wrapping t the web server Hard / Physical Display and submit autmatic wrd wrapping t the web server Clumns Width f the input field Rws Height the input field Click Javascript event handler triggered when the input field is clicked Change Javascript event handler triggered when the input field is changed Fcus Javascript event handler triggered when the input field is fcused Page 64 f 77

65 Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area 478 Insert Checkbx Asbru Web Cntent Editr v2+ nly Select the Insert Checkbx tlbar buttn t insert a checkbx input field in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Value Default value f parameter submitted t the web server Checked Default state f input field Click Javascript event handler triggered when the input field is clicked Change Javascript event handler triggered when the input field is changed Page 65 f 77

66 Fcus Javascript event handler triggered when the input field is fcused Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area 479 Insert Radi Buttn Asbru Web Cntent Editr v2+ nly Select the Insert Radi Buttn tlbar buttn t insert a radi buttn input field in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Value Default value f parameter submitted t the web server Checked Default state f input field Click Javascript event handler triggered when the input field is clicked Page 66 f 77

67 Change Javascript event handler triggered when the input field is changed Fcus Javascript event handler triggered when the input field is fcused Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area 4710 Insert Select List Asbru Web Cntent Editr v2+ nly Select the Insert Select List tlbar buttn t insert a select list input field in the wrk area The fllwing screen will appear: Name Name f parameter submitted t the web server Multiple Define if users can select multiple ptins r nly a single ptin Page 67 f 77

68 Display Number f ptins t be displayed (default 1) Optins Define the ptins which users can select frm: Text Label t be displayed fr ptin Value Value submitted t the web server if selected Selected Define if ptin shuld be selected as default Add Add entered Text and Value as ptin Update Change selected ptin t entered Text and Value Delete Delete selected ptin Mve Up Mve selected ptin up Mve Dwn Mve selected ptin dwn Click Javascript event handler triggered when the input field is clicked Change Javascript event handler triggered when the input field is changed Fcus Javascript event handler triggered when the input field is fcused Blur Javascript event handler triggered when fcus is remved frm the input field Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the input field int the web editr wrk area Page 68 f 77

69 48 Psitining 481 Abslute Psitining Asbru Web Cntent Editr v2+ nly Select a psitinable cntent element r place the caret/cursr inside a psitinable cntent element and select the Abslute Psitining tlbar buttn t tggle abslute psitining fr the selected cntent element Psitinable cntent elements include images, tables, P and DIV tags, IFRAMEs, frm input fields and OBJECTs (Flash and Java applets) 482 Bring Frwards Asbru Web Cntent Editr v2+ nly Bring the currently selected abslute psitining enabled cntent element further frwards in frnt f ther abslute psitining cntent elements 483 Send Backwards Asbru Web Cntent Editr v2+ nly Send the currently selected abslute psitining enabled cntent element further backwards behind f ther abslute psitining cntent elements 484 Bring T Frnt Asbru Web Cntent Editr v2+ nly Bring the currently selected abslute psitining enabled cntent element in frnt f all ther abslute psitining cntent elements 485 Send T Back Asbru Web Cntent Editr v2+ nly Send the currently selected abslute psitining enabled cntent element behind f all ther abslute psitining cntent elements Page 69 f 77

70 486 Bring Abve Text Asbru Web Cntent Editr v2+ nly Bring the currently selected abslute psitining enabled cntent element in frnt f the general page cntent Micrsft Internet Explrer fr Windws nly Mzilla/Netscape cntent is always abve text r invisible 487 Send Belw Text Asbru Web Cntent Editr v2+ nly Send the currently selected abslute psitining enabled cntent element behind f the general page cntent Micrsft Internet Explrer fr Windws nly Mzilla/Netscape cntent is always abve text r invisible 488 Insert Bx Asbru Web Cntent Editr v2+ nly Select the Insert Bx tlbar buttn t insert an abslute psitining cntent bx in the wrk area The fllwing screen will appear: Width Enter the width f the bx as a percentage (fr example 100% ) r in pixels (fr example 100 pixels) Page 70 f 77

71 Height Enter the height f the bx as a percentage (fr example 100% ) r in pixels (fr example 100 pixels Brder Width Enter the brder width in pixels If yu enter 0 there will be n brder If yu leave it blank the brwser will determine the brder width Brder Style Select the brder style t be used fr the bx Brder Clur Enter the brder clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Backgrund Clur Enter the backgrund clur as an html clur name r as an html clur cde The actual clur is displayed in the square next t the input field Select the clur square fr access t the clur selectr Id Unique HTML cde id fr use with Javascript Class HTML class name fr use with CSS style sheet Select OK t insert the cntent bx int the web editr wrk area 49 Special 491 Help Select the Help tlbar buttn when yu need help and a help screen will pen 492 Imprt File Asbru Web Cntent Editr v2 nly Select the Imprt File tlbar buttn t uplad and imprt a text r HTML frmat file frm yur lcal cmputer t the web editr wrk area The imprted file will replace the current cntent in the web editr wrk area Page 71 f 77

72 493 Find T search fr characters in the wrk area select the Find tlbar buttn The fllwing subsessin will appear Type the characters in the Find what field and select additinal search criteria Select the Find Next buttn t search the wrk area r select Cancel Yur web brwser may nt supprt this functinality, in which case yu will be prmpted t use yur web brwser s menu/keybard functinality fr this instead 494 Insert Print Page Break Asbru Web Cntent Editr v2+ nly Psitin the claret/cursr where yu want t define a page break (when the cntent is printed) and select the Insert Print Page Break buttn t insert a (hidden) print page break cde int the web editr wrk area 495 Print Asbru Web Cntent Editr v2 nly Page 72 f 77

73 T print the cntent in the wrk area select the Print tlbar buttn This will pen yur web brwser s Print dialg windw Please see yur web brwser and perating system dcumentatin fr details n the Print dialg windw 496 Preview Asbru Web Cntent Editr v2 nly T preview the cntent in the wrk area select the Preview tlbar buttn This will pen a new web brwser windw with the cntent frm the web editr wrk area Page 73 f 77

74 497 Save / Submit Asbru Web Cntent Editr v2 nly T save the cntent in the wrk area, select the Save tlbar buttn This will submit the web page frm, which the web editr wrk area is part f, t the web server 498 Shw Details Asbru Web Cntent Editr v1 nly Select the Shw Details tlbar buttn t see frmatting marks and hidden text 499 Shw Hidden Details Page 74 f 77

75 Asbru Web Cntent Editr v2+ nly Select the Shw WYSIWYG / Plain tlbar buttn t see tggle between displaying the cntent in WYSIWYG (What-Yu-See-Is-What-Yu-Get) and Plain mdes WYSIWYG mde - displays cntent (apprximately) as it will be displayed n yur websites including applicatin f Style Sheet frmatting Plain mde displays cntent with table brder, image and frm utlines and withut applicatin f Style Sheet frmatting 4910 Shw HTML Select the Shw HTML tlbar buttn t see and edit the primary cntent as HTML cde in the wrk area 4911 Check Spelling Asbru Web Cntent Editr v2 nly Select the Check Spelling tlbar buttn t check the spelling f the cntent in the currently selected web cntent editr input field This will pen a new web brwser windw Depending n hw yur system has been cnfigured, yu may have access t select which dictinary t use fr the spell checking Alternatively, yur system may have been cnfigured t always use a specific dictinary Spell checking yur web cntent may take a little while depending n the size f yur cntent and the size f the dictinary used fr the spell checking When yu web cntent has been spell checked any identified misspellings wuld be displayed with a number f suggestins fr crrectins Please nte that any identified misspellings and suggestins may be wrng Yu shuld never simply accept all spell checking suggestins Page 75 f 77

76 The ttal number f identified misspellings and details f the currently select misspelling are displayed Previus Displays the details f the previus identified misspelling Next Displays the details f the next identified misspelling The misspelling is als highlighted and fcused in the web cntent editr input field if pssible ie if the misspelling is nt in hidden text in the web cntent A number f suggestins fr replacements f the riginal text may be listed As default the best suggestin is selected autmatically r yu can select any f the ther listed suggestins r enter yur wn crrectin manually Ignre Skips the current misspelling withut making any changes t yur web cntent and displays the next misspelling Replace Replaces the identified misspelling in yur web cntent with the selected/entered crrectin and displays the next misspelling When dne with the spell checking please select OK r Cancel t return t the web cntent editr input field OK Applies yur spell checking crrectins t yur web cntent Page 76 f 77