Home

BT Community Web Kit User Guide

Contents

1.
2. 34 DAV CPA Cece T e e 34 PAS OOMENCE ON O germ creer inna T UU m TRES 34 EOI MAC iat sete i lass tediut tn AA ER 34 Ule low 35 PASO NEN T eT 35 Sade C r 35 TAG MASS CL OF stich m alike AN AAA E baal 35 o eR NE A E NA A EN E E AAA 36 Toolbar BUNONS ananena A E A A A Oe Renee pe Ee 36 Formatting Text Appeal al6Bouesiqussii deut Medius a uut COR nc mr Sx apa du Du t o Va 36 Formatting Paragraphs S Lists vp cic Deu editur A ob old cota dun Dt Tua do a 38 WVOFKING wIRRPORIOHS OT TeXE sstocofuvava ir a eot EX ax Se veas E cde roi a 39 ASESINO Ele Mentira 41 ALE A OCC ec auca roseis soe luda ae Ser aout da Spp OD 0o Gtk LO re Dota t deepen ene Serene abe 43 MWISCEMANCOUS p 43 e iss gee a 6 g 00 ETE TO a ar et Tay ae ot ne o Pen T 44 PONMMAUING RON mE 44 Changing tNeT ext ROM RR RTT 44 Changing the EX el xC w 44 Applying Tex FOIOS suso 45 Setting TEAM is 46 iio Elo Po lt P DU 46 Applying Paragraph Sty OS corsa 46 Copying Formatted TOM aorta 46 Paste DUTOM Or GUIF V e 1 47 FP ASIC MOM VV ONG rmt 47 Paste trom Word omp ole T Doo m 47 Faste Plain Oda Em 47 Pasting content in non IE browsers cccccsccccceseccccesseecceeseeeceeuseecceuececssaeeecsaeeesssseeesseseeessaaeees 47 Strip Word Formatting after Paste onccccccconnconcccconncononononnnonnnonnnncn
3. Creating Bulleted Numbered Lists To create bulleted or numbered lists do the following e Select the text that you want to convert to a bulleted numbered list o i i e Click the Bulleted Numbered list button on the toolbar e Press Enter to create a new list item e Press Ctrl Enter to end the list Im or Outdent e Click the Indent bullets buttons to create an inner level of numbering or Inserting Special Characters E etc To insert a special character do the following e Select the place where you want to insert a special character QO e Click the Insert Special Character button e Click to select the respective character in the dropdown list Page 61 Image Manager When you select the Image Manager Tool you will first see a screen as follows Edit Content Y F ET Ds F Heading 1 A 18em A B i U abe IK m am 3 om Y PRBS FFT Aa a Bel OO 244 A MEA m AL Image Manager X D 134 X P Upload Filename Size Backgrounds ual Backgrounds ual List BB List 4 Panel Y Panel fuschia jpg 9370 m geranium jpg 4308 LS J 4 E Characters 8 4 gt a Page 1 of 1 Items 1 to 6 of 6 insert Cance The Image Manager allows you to browse folders just as you would using Windows Explorer and it allows you to perform the following tasks Browse folders and files So
4. Copying Formatted Text Copying formatted text from Microsoft Word Internet explorer and other applications is pretty straightforward The editor introduces a number of tools that help users paste formatted text from Microsoft Word or other applications and apply different types of format stripping Here is the list of different Paste buttons dialogs Page 46 Paste button or Ctrl V In case you are trying to paste Word content with the regular Paste button or Ctrl V a dialog will prompt whether the Word markup should be cleaned If the Clipboard content does not come from Word the dialog will not be shown The page at http demos telerik com says The content you are trying to paste has M5 Word formatting Would you like to clean it Paste from Word To strip MS Word specific formatting lt o p gt and other Word tags mso styles and classes from the copied from MS Word content before pasting it in The editor click the Paste from Word button La Paste from Word Strip Font When pasting MS Word content by clicking on the Paste from Word Clean Fonts button the editor will clean unnecessary Microsoft Office related tags plus font formatting E1 Paste Plain Text The Paste Plain Text button works similarly to Paste from Word but removes all HTML formatting and pastes plain text preserving the line breaks Pasting content in non IE browsers When the editor is used under Firefox Opera Sa
5. Ctrl A Selects the whole content of the editor including any text images tables and other content items Other Shortcuts Ctrl A Selects the whole content of the editor Ctrl W Closes the active window Alt F4 Closes the active application Formatting Text The following section contains information on how to use the text formatting functionality contained within the BT Community Web Kit Content Editor Changing the Text Font To change the font of some text select the text first and then select a font from the dropdown list on the content editor s toolbar Paragraph St Font Name Real gt A d ga ea Courier New Times New Roman Verdana m d Changing the Text Size To change the font size of some text select the text first and then select a font size from the dropdown list on the content editor s toolbar Page 44 Paragraph St Font Name Real gt A d 7 elit Fusce non justo nec lorem v 3ellentesq ulis placerat dapibus ac nulla Nu j justo vivi eleifend sit amet elementum ac D sc nulla 1 pue bibendum orci laoreet sagittish sus mass Applying Text Colours To apply a foreground colour to some text select the text first and then click the Foreground Colour button on the toolbar This opens a colour picker where you can select a colour to apply I m mE EJ AS ALS E Add Custom Color To apply a
6. Phone 3 Address Subject S I I E TTT TT il TOTE Message E Send messages to this e mail address ailsa graham unitech net REFRESH PREVIEW Contact BT btcom e You can move selected fields up or down by clicking Up or Down buttons e Tick the Single Line checkbox to make a field single line or untick it to make it a multiline field e To make a selected field mandatory tick the required checkbox e To exclude a field from the form untick the Included checkbox e You can also specify the email address to which the entered queries comments should be sent e Click Refresh Preview to refresh the preview on the right hand side e Click Save to save your changes Page 26 Guestbook If you would like to add a Guestbook page to your site go to the Pages tab and add a new page called Guestbook This page is where you can review your Guestbook entries A BT Responsible Business website BT Responsible Business home v About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit AA A A A OA gt Edit website Guestbook comments Review your Guestbook entres below Click the Remove button to Permanently delete comment If you would like to add a Guestbook page to your site go to the Pages tab and add a new page called Guestbook And please note all Guestbook comments need to be approved before they appear on
7. Br Bringing it all together BI Community Web Kit User Guide Contents About BT Community Web Klt occcccocccccoccnccccnnccccnnononononacononacononannnonnnnononnnononenoss 5 TOE U Ser Clo 5 co a 5 HONO An OPE O PE E E A E EE 6 BT Community Web Kit Site Navigation ooocccncccconncnncccnonncnncnononcnnncnnnancnnnononancnnnonnnnncnnnnonnnnennnnnnnns 6 Commun DIECO NE 7 nlt p e P S 7 daina a oc 8 mise 6 1 MENTI T e 8 mise i HOME AA u Eear EA EEDE a TRN 8 SUOMA SUPPO TICKER ROTER 9 RGO m T UU TETTE 10 Register your Community Group Step 1 of 4 Your Details oooonccccccnnnnccnncnononconncnnnancnnncnonanenns 10 Step 2 of 4 Your Community GrOuP ccccccssssssseceeeccceeesseeceeecceeeausseeeeeeeceeeaasseeeeeeessseeasseeeeeeessaeas 11 Step 3 of 4 Your Community WebsSit cccccccccccccnncconnnccocononnncnnnnnonononannnnnnnnononnnnnnnnnnnnononenannnnnnnnnnss 13 Step 4 of 4 Terms and Conditions oocccccnncccnonononncnnnncconononnncnnnnnonononannnnnnnnnnnnnnnnnennnnnononnnannnnnnnnnnss 14 Creating and Editing the Properties of your Site ooccccoccncccccnnococnconacnnonannconanonnnns 16 HAY OU T 17 e cm 18 yaris eto
8. The anchor function is particularly helpful if you have a very long web page With this function your readers will be able to jump from one section of the page to another In other words the anchor is used for hyperlinks that lead to the same page or a particular place in another page The anchor defines the destination to which a hyperlink must lead Then you can create a hyperlink and point it to that anchor Page 51 Hyperlink Manager a Hyperlink Anchor E mail M e Define the Anchor Place the cursor where you want the hyperlink to lead e Click the Hyperlink Manager ES button Select the Anchor tab Enter a unique name for the anchor e g Anchor1 Hyperlink Manager E Hyperlink Anchor y E mail M Name Anchor 1 Cancel e Click OK e Create the hyperlink that will lead to the Anchor Select some text or an image e Click the Hyperlink Manager ES button again Select the Hyperlink tab In the URL filed type followed by the name of the anchor in our case Anchor1 so you will have to enter HAnchor1 In addition from the Existing Anchor dropdown list you can select an anchor inserted in the current document Hyperlink Manager E Hyperlink Anchor M E mail M URL http a Link Text Target Mone d Existing Anchor None None Anchor 1 C55 Class Apply Class T Cancel e Change the Type to Other e Click OK e Tosav
9. Ctrl X This button works on the selected text image and or table Select some content and click Cut The selected text or image is removed from the page and is stored in the clipboard for later use Please note that only the last cut or copied item is stored in the Clipboard for later use Copies the selected content to the Clipboard This button works on the selected text image and or table Select some content and click Copy This tool can be very helpful when you need to type the same text many times The content is stored in the clipboard for later use but please note that only the last copied or cut item will be stored within the Clipboard Ctrl V After you have either Cut or Copied an item text image etc you can Paste it using this button Place the cursor where you want the item to appear and click on the Paste button to retrieve the text from the clipboard After you have either Cut or Copied an item text image etc you can Paste it using this button and the editor will clean all unnecessary Microsoft Office related tags from the retrieved text taken from the Clipboard In case you try to paste Word content with the regular Paste button or Ctrl V a dialog will appear asking whether to clean the Word markup If the Clipboard content does not come from Word the dialog does not show Paste from Word Cleaning Fonts amp Pastes copied content from the clipboard into the edito
10. Page 34 Edit Content e 4 3a A A v EF Normal Arial 80 MP e Tt DL U abe Y ERS SES Eoo cc uDuay9 0 3 amp x z3835 amp y qo O 3 elcome to the site editor Each different section of the page can be edited by clicking the Edit button Changes can be saved by clicking any of the save buttons located within the edit area or on the ribbon at the top of the page eae Cam Further help can be reached by placing your mouse pointer over the LU buttons A dedicated help section is also provided and accessed rough the main site ded i Gues Links Cale cy o 3 2 f ZF Design 4 HTML Preview P gt RemoveElement UPDATE PAGE CANCEL 1 Toolbar The Toolbars are set of buttons and dropdown lists that you can click to perform a variety of common tasks such as making text bold applying colour building tables adding images or files The editor toolbar buttons have been designed to work in the same way as in Microsoft Word toolbar buttons 2 Content Area The content area contains the formatted content for the related website page area This is where you can add select modify and delete text tables links and inserted images or files It is also a representation of what the content will look like within the related website page area 3 View Options The view options tabs allow you to change between adva
11. People g Down Change Make sub level Click to hide Delete Campaign 0 Down Change Make sub level Click to hide Delete Photo 2 Down Change Make sub leve Click to hide Delete Guestbook Down Change Make sub level Click to hide Delete Links 1 Down Change Make sub level Click to hide Delete About us D Down Change Make sub level Click to hide Delete Contact us Down Change Make sub level Click to hide Delete Calendar 8 Change Make sub level Click to hide Delete Hename The Rename button for an item within the list of pages allows you to modify the navigation text and name of that page To edit a page e Click the Rename button Visit counter Menu order Rename Page level Display Delete Home 11 Down Change People g Up Down Change Make sub level Click to hide Delete Campaign 0 Up Down Change Make sub level Click to hide Delete Photo 2 Up Down Change Make sub level Click to hide Delete Guestbook D Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to hide Delete About us Up Down Change Make sub level Click to hide Delete Contact us Up Down Change Make sub level Click to hide Delete Calendar 6 Up Change Make sub level Click to hide Delete e Adialogue window will open containing a text box where you can change the title of the page New Page Title Campaign or CANCEL e Click the OK button to save the changes or the Cancel button to return to the menu Please note that if yo
12. Inline Help and Help amp FAQ page has lots of answers to common queries But if you really are stuck our team of helpful people are on hand to provide free technical support Getting Started Simply click on the Register for an Account button and complete the four step Registration process Once you ve done that it s time for the creative bit choosing your layout settings pages and entering your content You can even choose from a range of colours to reflect your logo and give your site that personal touch Page 5 Home Page In navigating to the BT Community Web Kit the first page you will see will be the home page as below D BS X BT Community Website Bui X mm A BT Responsible Business website Home About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit Welcome If you haven t already built a web site for your charity or not for profit community S vebsite group the internet is a great way to be seen and a great way to reach out to people That s why Nu core name we ve launched BT Community Web Kit In just a few simple steps you can have an easy to build web site to help promote your charity or community group It s a straightforward to set up and maintain And once it s up and running it provides an easy way to publicise your group and stay in touch with people Best of all it s free Our new service is packed full o
13. Select Add Overwrite if file exists Max file size allowed 200 00 KB File extensions allowed doc txt docx xls xlsx pdf Upload Page 68 Embedding a Youtube Video 7 Edit Content by located within the edit area or on the ribbon at the top of the page Further help can be reached by placing your mouse pointer over the buttons A dedicated help section is also provided and accessed hrough the main site UPDATE PAGE CANCEL To add a Youtube video onto your website you need to be in the Web Editor on the correct page e You need to get the embed code from your chosen video e Click the share button under the video clip then press the Embed button and copy the code provided e Click on the Youtube button This brings up the following pop up box Paste the code into the box Click Insert Link Please copy your embed code into the box below To get embed ipag code from YouTube click the Share button under your chosen video then press the Embed button and copy the code provided ml Page 69 To delete a Youtube clip no longer required Go into the Web editor Click on the Youtube box in the top right hand corner Click delete Hemember to Update and Save any changes opell Checking BT Community Web Kit Content Editor features a multilingual spellchecker that is invoked when clicking the Spellchecker Y button on the toolbar You can check
14. Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to hide Delete About us 0 Up Down Change Make sub level Click to hide Delete Contact us 0 Up Down Change Make sub level Click to hide Delete Calendar 6 Up Down Change Make sub level Click to hide Delete Add a Page Restore deleted pages Contact BT btcom Visit Counter The visit counter allows you to see how many visits you have had to each page of the website This cannot be reset Visit counte Menu order Rename Page level Display Delete Home 11 Lip Down Change People Up Down Change Make sub level Click to hide Delete Campaign Up Down Change Make sub level Click to hide Delete Photo Up Down Change Make sub level Click to hide Delete Guestbook Up Down Change Make sub level Click to hide Delete Links Up Down Change Make sub level Click to hide Delete About us Up Down Change Make sub level Click to hide Delete Contact us Up Down Change Make sub level Click to hide Delete Calendar Up Down Change Make sub level Click to hide Delete Page 21 Menu Order You can change the order of the pages in your Community Website The Menu Order field allows you to change the order by clicking the Up or Down buttons next to selected item You can move each page up or down in the navigation until you have the order that you require for the navigation of your site Visit counter Menu order Rename Page level Display Delete Home 11 Down Change
15. Website em me TT What address is my site going to have l m trying to add a new site but it s saying have to use a different name Why When I go to my site am being redirected the the main page of BT Community Web Kit Why How can l access my site e Show All button displays all of the FAQ answers e Collapse All button hides all of the FAQ answers e Submit a Helpdesk Enquiry button takes you to Helpdesk detailed below Inline Help Throughout the BT Community Web Kit Inline Help is available to assist you in creating editing and managing the site Inline Help is indicated wherever you see the following symbol To use the Inline Help simply place the cursor over the symbol and a dialog box will display with tips information and suggestions Helpdesk Helpdesk Home Page On navigating to the Helpdesk you will be taken into the Support Ticket system where you can submit your question track the response and receive a resolution The Helpdesk is monitored Monday to Friday 9am to 5 30pm The Home Page of the Support Ticket System is as follows A BT Responsible Business website BT Responsible Business home RJ BI C ity Web Kit Welcome janeb Ticket Center Ticket Search ia Submit new ticket d All My Tickets All Open Tickets Ticket History Items page 20 x Status open Owned janeb Assigned anyone Ticket Center button takes you to the Home page of the Suppor
16. and a great way to reach out to people That s why we ve launched BT Community Web Kit In just a few simple steps you can have an easy to build web site to help promote your charity or community group It s straightforward to set up and maintain and once it s up and running it provides an easy way to publicise your group and stay in touch with people Best of all it s free Our new service is packed full of amazing features that will give your website the professional look and feel to really make an impact Whether you re a tech novice or a computer whizz the BT Community Web Kit can really put you on the map Creating your own web site for your charity or community group might sound like a daunting task but with BT Community Web Kit it couldn t be easier As part of BT Community Web Kit you ll receive Free website hosting Free website addresses The choice of 9 designs and five or fifteen colour themes depending on the template selected Enough space for unlimited pages and up to 250 pictures Templates and colour options for all your content An easy to use Page Editor or an HTML Editor if you re technically minded Free technical support Welsh language options BT Community Web Kit Make the most of being online The User Guide This User Guide gives you step by step instructions on how to use the BT Community Web Kit to create a great web site for your community organisation If you have any additional questions our
17. methods of communication for enquiries and complaints e BT com button takes you to the BT Home Page Page 6 Community Directory The Community Directory provides direct links to community websites that have been created using the BT Community Web Kit service You can search by Category or by Organisation A BT Responsible Business website BT Responsible Business home l About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit Community Directory Publish your website Associations in the BT Community The Community Directory provides direct links to community websites that have been created using the BT Directory a Community Web Kit service Culture Culture Please note that the Community Directory only lists websites at the request of the community website owner Disability and will therefore not automatically provide details of sites that have recently been created Browse by category Elderly i 3 iati 87 Animals 3 Associations 87 Create your website Web Kit and add your Homeless Elderly 5 Environment 23 community directory nan rights Health 18 Homeless 1 Once your site is icai complete go to the Religion Human rights 0 Religion 33 Your Websites tab within the Your Social Welf Sport 52 press Submit for Social Welfare Approval Your website E will then be checked Sport Browse by organisation and added ESEIISP
18. selected Template will automatically be implemented onto your site e You can change the Template and Colour Theme at any time during the life of your Community Website Page 17 Settings In the Settings tab you can add and amend the settings that will apply to all the pages within your website Edit your website settings Your website settings apply to all pages within your website Website URL Website Title Jane Bloggs Charity Logo Upload show Available Images Header Text A mm m mm E 7 ParagraphSt FontName Size A gt amp X La BY Gy X dr Ur Bl U dex X Ov E S 9 5 JZ Design 49 HTML Footer Click here to include a footer on each page Header Background Upload load Image Upload Left Navigation Upload Background Image Contact Details r Bookmark Icon Upload External URL Please note This is for independently purchased domain names such as www mysite com NOT FOR BTIK COM OR IK COM domain names http animals co uk Information to help the Search engines display your website in their search results Description s Keywords Category Animals y SAVE Website Title This is the name of your Website i e Jane Bloggs Charity this field is not the website address Logo You can upload a Logo to appear on your Community Website To do this e You can either Browse the folders in your computer and upload an image from your c
19. your spelling asynchronously and all your mistaken words will be highlighted inline The context menu on every word gives you a quick and easy way to Change Ignore or Add the word to a custom dictionary fx I E id gu a RR CN M z als ma 4 U pdas n md s L Sse a A oie eee FS dd n A A E Ue E A SO Spell checking mode Misspelled words are highlighted in yellow Finish spellchecking Cance Welcome to the site editor Each different of the page can be edited by clicking the Edit button Changes cayn be saved by clicking any of the save buttons locate section a e ribbon at the top of the page sections Further help c4 suction y y mouse pointer over the buttons A dedicated help sectionp is also provided and accessed thro suctions sectional sectioned certinninn E 3 Ignore A Change Manually Z Design lt HTML amp Preview UPDATE PAGE CANCEL _ Creating Accessible Content Section 508 Compliant To generate content that can be interpreted by the Accessibility Tools integrated in Microsoft Windows the Narrator the Magnifier and the On Screen Keyboard BT Community Web Kit Content Editor includes additional fields in the Table Hyperlink and Image dialogs Creating Accessible Tables The narrative software uses the information from the Accessibility table fields heading rows co
20. 62 Inserting an Image from the Web ServVer ooocccccccconnconcccconcconccnononcnnnnnnnnnnnnnnononnnonnnonnnncnnnnonannrnnnnnnnas 62 Uploading Images on the Image ManaQ6T ccccccocccnnccccnnccnncccnnncnnnnnonancnnnononnncnnnonnnnnnnnnnonannnnnnnonancons 63 Editing made PrODelle5 dua esuk ond dese ave eee das ia Di 64 Editing Image Properties via the Insert Image dialog ooocccccconcnncononcncononcnnononcnncnnanoncnnanenoos 65 Using Te Made Map Edesa alias 65 Uploading Images Stored Externally ccoooccccccccnnncoconcncoconcnnnnonnnnconanonnononnnnononnnnnnonnnnnonaneness 66 VVOFMIGINVITET DOCUMEN S atacara llas 67 Has erg DOCUMENTS srta dirija rice A 67 Uploading Documents on the Web Server occcoooocccnccccncccnncccnoncnnncnonancnnnnnnnancnnnonnnnncnnnnonnnnnnnnnonanznns 67 Eimbeddirig a Youtube VIdeO eee diienecilo 69 Sl a OS RM 70 Creating Accessible Content Section 508 Compliant ooccccoccncnccconnnncoconcnnonononnnnonnnnnonanonnnnonens 70 Creating ACCeSSIDIG TADES air o ceti doe do eon ti ida 70 Greating Aoccessible EDESA ddl occa tate ose iot podes uec 71 Greating ACCeSSIDIS IMAGES nia 72 JSmd Me HTMEMO E iach os lS eh ee eee eh ath eee ede 72 WAG Preview MOO Gi R TR ek 73 HMI COMEN xo e E 73 Page 4 About BT Community Web Kit Welcome if you haven t already built a web site for your charity or community group the internet is a great way to be seen
21. BT Responsible Business home v EJ About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit Register your Community Group Step 4 of 4 Terms and Conditions BT Community Web Kit Terms and Conditions British Telecommunications plc 81 Newgate Street London EC1A 7AJ registered in England number 1800000 BT and we Terms and conditions for use of the BT Community Web Kit Terms described at www btck co uk the BT Community Web Kit What we provide 1 These Terms apply to your use of BT Community Web Kit Sometimes we may need to change the Terms and if we do so we will publish details of all changes online at www btck co uk As part of its corporate social responsibility programme BT is making BT Community Web Kit available free of charge to community groups and registered charities to enable them to have an online presence and build awareness of their activities in the community You must be a not for profit community AAA Y Contact BT bt com 15 22 31 01 2012 LL iy all Y Page 14 e Read through the Terms and Conditions on the screen and if you accept them check the box at the bottom right hand side of the screen I have read and agree with the terms and conditions e Click Back button if you wish to move to the previous step of the registration process e Click Complete Registration button and you will be directed to the next step in th
22. Contact Form on your Community Website Guest Book tab allows you to monitor review and delete comments entered into the Guestbook on your Community Website e Calendar tab allows you to add a calendar page to your website e Edit Website button takes you to the content editor within the BT Community Web Kit View Live Website button previews your live Community Website Page 16 Layout Choose your layout and colours In the Layout Tab you can select a template and colour scheme for your Community Website from the options given Choose your layout amp colours Choose a template from the 5 options below each offers a different layout some maybe more suitable than others depending on how much text or images you want to add to your website 1 Select the type of layout 2 hen select the colour theme by clicking the image Template 1 Template 2 Click image to select your template co NM Template 4 4 E Template 6 Currently Selected Template Template 7 Template 8 NEW S a a pon a e 1 Select the type of layout from either the 8 Templates on the left hand side or the Free Format Template NB if you select the free format template you will be given the option to amend the navigation and header background in the next step Site Settings e 2 Select the colour theme using the Scroller buttons to scroll through the Colour Theme options e When you are happy with your selection click on the image and the
23. IFAESEHERERERESESEIEICIEACIENISEREREALAIS KA eee Your Websites Help amp FAQ The Help amp FAQ page has lots of answers to common queries and if you really are stuck our team of helpful people are on hand to provide free technical support A BT Responsible Business website BT Responsible Business home x About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit Te Help Show All Collapse All Submit a Helpdesk Enquiry Information for existing BT Community Website Builder users Users with btik com web addresses domains gt Users with ik com web addresses domains Creating a site o How do create a site gt Canlhave more than one site gt What address is my site going to have gt Fmtrying to add a new site but it s saying have to use a different name Why 2 When Igo to my site am being redirected the the main page of BT Community Web Kit Why gt Howcanlaccess my site Page 7 You can browse through the questions or you can navigate to the Helpdesk if you cannot find the answer you are looking for To display the answer to a specific question click on the question and the answer will display below to hide the answer click on the question and it will hide the answer Creating a site How do create a site The first site is created during the registration To create another one go to Your Websites page and click New
24. Manager a 4 gt A X F Upload Ep Image Editor E Er fy 42 iIMedia705 Backgrounds Width 950 p a 1705 Filename Size PUR oes Er B Backgrounds E Desert jpg Height px Documents FS Koala jpg Border Color di Header Border Width n List Alt Text Long Description Koala Bear Home Page Panel Image Alignment x CSS Class Apply Class Preview Properties JE Pagel of 1 Items 1 to 2 of 2 Insert Cancel Using the HTML Mode More advanced users sometimes need to modify the HTML code of the content directly For this reason BT Community Web Kit Content Editor provides the so called HTML mode that gives you access to the content code Edit Content m 2 gig s sE i iz E2 al a sco Ad xo SE OI lt h1 gt Welcome to the site editor lt h1 gt lt p gt Each different section of the page can be edited by clicking the Edit button Changes can be saved by dicking any of the save buttons located within the edit area or on the ribbon at the top of the page lt p gt lt p gt Further help can be reached by placing your mouse pointer over the img alt width 16 height 16 src Images help png gt buttons A dedicated help section is also provided and accessed through the main site lt p gt Z Design 9 HTML amp Preview UPDATE PAGE CANCEL HTML is not a supported function of the BT Community Web kit so we would be unable to pr
25. Settings Pages Content buttons take you back to the Edit Site Properties Section e Your Community button takes you to a page where you can enter your Organisation details Manage Disable button disables your site so that it cannot be viewed by the public e Manage Delete button deletes your site this cannot be restored if deleted e Add New Website button allows you to add details of an additional website you want to include in your user account Page 30 Your Account In this section you can amend your account details to save any changes click the Save button at the bottom of the page A BT Responsible Business website BT Responsible Business home w E Home About BT Community Web Kit Register for an Account Community Directory Help amp FAQ Your account BT Community Web Kit Your account ms 9 First name Jane Last name Bloggs Email jane bloggs co uk Your BT Community Web Kit account Username janeb 2 Current Password New Password Confirm Password Security Question What is your favourite colour v Answer SAVE Contart RT hf cam Page 31 Creating and Editing your Website Content Once you have created the properties for your site you can move on to creating and editing the content of your site the fun part Edit Website Home Page Edit page Edit site Properties Sa
26. a dropdown list with the built in symbols Select a character to insert at the cursor position Click this button to insert the current time at the selected cursor location on the editable area Page 42 Insert Date Inserts the current date Click this button to insert the current date in the editable content area View Show Hide Table Borders Table Borders Shows hides table borders A borders of all tables within the editor ON and OFF The ON function works on tables with hidden borders Design Mode Places the editor in design mode Click this button to switch the content editor WYSIWYG to design mode Places the editor in HTML mode Click this button to switch the editor to HTML mode Click this button to switch the editor to preview mode to see the result of your changes without any editor set formatting An example of editor set formatting would be the dotted lines around table cells with no set borders Miscellaneous Ctrl Z Click to undo your last changes This includes but is not limited to inserting tables moving images and formatting text Expand the dropdown list to select multiple actions to undo Ctrl Click to redo the last undone action Expand the dropdown Shift Z list to select multiple actions to redo Ctrl Y Find amp Replace Opens the Find and Replace dialog Page 43 Ctrl F Finds user defined text within the content editor and replaces it with other user defined text
27. al text typing When typing text and select it you can click this button to change the text to lower case Convert to Upper Case Converts selected text to upper case When typing text and select it you can click this button to change the text to upper case Page 37 Formatting Paragraphs amp Lists New Paragraph Inserts a new paragraph Ctrl Enter This button allows you to insert a new paragraph There is a difference between clicking this button and clicking Enter Click Enter to create a new line and keep the paragraph formatting Click this button to create a paragraph with different paragraph settings that can be changed later on This feature is important when applying indentation and justification to text Numbered List Creates a numbered list from the selection Select some text or place the cursor inside a paragraph and click this button to make the text a numbered list Click the button again to turn the numbered list into a regular paragraph of text Select some text or place the cursor inside a paragraph and click this button to make the text a bulleted list Click the button again to turn the bulleted list into a regular paragraph of text This button indents a paragraph to the right Each time this button is clicked the paragraph is indented further to the right within the main content area This button works only if indent has been applied to a paragraph beforehand To use this button cl
28. ccessibility s located Preview Cell Properties Further access Height pixels Width pixels 26 Content Alignment Background a Color Style Builder CSS Class Apply Class Back Image val P Desil 378 P TABI Id no text wrapping Select All OK Cancel e Right click a table cell and select Cell Properties from the context menu This opens the Cell Properties dialog Once the Cell Properties dialog tab is opened you can set the appearance of the individual cells This involves setting one or more of the following cell properties Width Height Specifies the height and the width of the selected cell in pixels or percent Content alignment Aligns the content within the selected cell vertically and horizontally Background color Changes the background colour of the selected cell Background Image Sets an image as the cell background Style Builder Provides options to define cascading style sheet CSS style attributes A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time e ID Setting an ID for a cell gives options for some better cell handling for advanced users and developers e No Wrapping Enables disables text wrapping i e forces a new line when the text reaches the Cell border e CSS Class Specifies cell CSS class and style This property should be used only by advanc
29. clude a footer on each page Panda Ayr 9 Fe Normal Arial 80 JAn ES B z U ae sBs gcc o 4 ela ao A Ax x t5 EC Jane Bloggs Charity Charity No 11 111 1111111 Z Design lt gt HTML Words 8 Characters 44 P gt RemoveElement Page 19 Header Background Image and Left Navigation Background These two fields are for use only if you have selected to use the Free Format Template and wish to have an image in the background of the Website Header or Navigation a ader Background Browse I Upload Remove m mage Left Navigation oss voco sos Background Image 1 fix e You can Browse the folders in your computer and upload an image from your computer e Once you have selected an image click Upload and your logo will be uploaded and will display as a thumbnail on the right hand side of the field e f you wish to remove the image select the Remove button which will remove the image from your site Contact Details In this field you can add any contact details you wish to appear in the Header or Footer of the site Bookmark Icon In this field you can add a bookmark image to the site This needs to be in the format ico To adda bookmark image e You can Browse the folders in your computer and upload an image from your computer e Once you have selected an image click Upload and your logo will be uploaded and will display as a thu
30. e registration process Choose Your Layout and Colours with the following message at the top of the screen confirming that your account has been set up A BT Responsible Business website BT Responsible Business home ig About BT Community Web Kit Register for an Account Community Directory Help amp FAQ Br BT Community Web Kit That s it your BT Community Web Kit account has been created An email has been sent confirming your account details please keep this for future reference Now start to create your website Choose your layout amp colours Choose a template from the 9 options below each offers a different layout some maybe more suitable than others depending on how much text or images you want to add to your website 1 Select the type of layout 2 Then select the colour theme by clicking the image Template 1 Template 2 Click image to select your template ca NN EA En Template 3 Template 4 Select this layout and continue ContactBT bt com You will then be directed to select a Layout and Colour Scheme from the options given once you have selected your layout select the Select this layout and continue button at the bottom left hand corner of the page full instructions on layouts are given in Creating and Editing the Properties of your Site below Once you have selected your Layout and Colour Scheme you will be directed to the final step of the registration process selecting you
31. e Ticket You can track the progress of your ticket within the Helpdesk To track progress navigate to the Help amp FAQ section and Submit a Helpdesk Enquiry to enter the Support Ticket System Welcome janeb Ticket Center Ticket Search Submit new ticket All Tickets All Open Tickets Ticket History ID Title Owner Assigned Status Category 574 Question Problem janeb Active Software 08 14 10 11 09 AM 08 14 10 11 09 AM 051 00 Last Page 1 of 1 1 records Page 9 Register To register to use and build a site on the BI Community Web Kit select the Register for an Account or Register button and you will be directed to the following screen A BT Responsible Business website About BT Community Web Kit R gisterforan Account Community Directory Help amp FAQ BT Community Web Kit Register your Community Group Step 1 of 4 Your details Register your Community Group Step 1 of 4 Your Details e Complete the fields Title First Name Last Name Email address see note above e Select a User Name and Password you will need to remember this as you will be prompted for your User Name and Password each time you log into the BT Community Web Kit A BT Responsible Business website BT Responsible Business home M About BT Community Web Kit Registerforan Account Community Directory Help amp FAQ BI C ity Web Kit Register your Community Group Step 1 of 4 Your detail
32. e or an individual cell you need to do the Insert Column to the Right following e Click the table cell right click to open the context menu Merge Cells Vertically e From the menu click Set Table Cell Properties to open the Split Cell Table Cell Properties dialog tab Delete Cell the dialog Cell Properties e Click the OK button Page 60 Click the table border to select the whole table Eight small squares will appear in the outer You can drag any of these handles vertically horizontally or diagonally to resize the table All cells that do not have exact dimensions specified in pixels will be resized evenly to e Select the CSS class from the dropdown list at the bottom of Table Wizard Table Design Table Properties M Cell Properties N Accessibility M Dimensions CSS Class Layout Height Pixels telerik reTable 1 v Width lt pixels Apply special formats to Layout v Heading Row V Last Row 4 First Column Y Last Column Cell Spacing Cell Padding Alignment X Jan Feb Mar Total East 7 7 5 19 Background Color West 6 4 7 17 Clear Class 4 South 8 7 24 Style Builder Total 21 18 21 60 telerik re Table 3 CSS Class Back Image Telerik ReTable 3 TR telerik Id ReTableHeaderRow 3 telerik reTable 3 TD telerik reTableHeaderFirstCol 3 B telerik reTable 3 TD telerik x OK j Cancel
33. e your changes click Update page Page 52 Inserting E mail Links E mail links do not lead to other web pages but rather open the default e mail application on your machine and prompt you to send a message to the provided addressee When creating e mail links you can also specify default subject for the message e g Request for information Hyperlink Manager Hyperlink Anchor Address email btck co uk Link Text email Subject Request for Information CS5 Class Apply Class 7 Cancel Select the text or image that you want to set as an e mail link Click the Hyperlink Manager 2 button The Hyperlink Manager dialog appears Click the E mail tab Enter the e mail address in the Address field Optional Enter a text that will appear as an e mail link Optional Enter a subject for the e mail message in the Subject field Optional Select a CSS Class from the dropdown list Click OK To save your changes click Update page Find and Replace To find and subsequently replace a word or passage of text in the content click the Find and Replace d button on the toolbar This dialog provides options like search direction scope match case and match whole words only Page 53 Edit Content CAFE Te Ao A s sp ps caja 4 ela a e x X 5 E 8 Welcome to the site editor Eac
34. ed users Page 58 Inserting Deleting Rows and Columns Once you have created a table you can easily add or delete rows and columns To do this right click inside a table cell to display the context menu Insert Row Above Insert Row Below Delete Row Insert Column to the Left Insert Column to the Right Merge Cells Horizontally Merge Cells Vertically Split Cell Delete Cell Ey ED ES E BER EH HR Cell Properties To insert a new row do the following e Place the cursor in the row on top or beneath which you want to insert a new row e Right click to open the context menu e From the menu select the Insert Row Above Below You can insert new columns in a similar fashion To delete rows or columns simply place the cursor in the respective row column and select Delete Row Column from the context menu Merging Splitting Cells Insert Row Above Insert Row Below Delete Row Insert Column to the Left Insert Column to the Right Merge Cells Horizontally Merge Cells Vertically Split Cell Delete Cell RY HEE eo ER E HE Cell Properties To merge a cell with the adjacent cell do the following e Select the cell e Right click to open the context menu e From the menu select Merge Cells Horizontally Vertically To split a cell do the following e Select the cell e Right click to open the context menu e From the menu select Split Cell Split Cell Horizontally Page 59 Resizing Tables Yo
35. ent button e A dialog opens to display a list of folders and documents that you are allowed to browse Select the document you want to insert e Optional Type a tooltip This is an Accessibility option as well The tooltip will be read by the Windows Narrator e Optional Select a target for the link e Click Insert In case you have selected some text or an image in step it becomes a hyperlink to the document In case you have not the name of the document appears at the cursor point and is set as a hyperlink to the document Uploading Documents on the Web Server You can use the Document Manager dialog to upload document files from your computer to the web server Once uploaded the documents will appear in the File Browser at the bottom of the file list in the current folder To upload new Document files on the web server do the following aj e Click the Document Manager button to open the dialog e Navigate to the folder in which you want to upload the Document e Click the Upload button Page 67 gt SB OX se Upload IMedia 1705 Documents 3 Gj 1705 Filename e Backgrounds E Internal PM doc Documents Link Text Internal PM doc Target None Tooltip Onternal PM CSS Class Apply Class X LA Pagel of 1 Items 1 to1 of 1 e Click Selec t to select a Document file from your computer and then click Upload Upload Internal PM dac
36. f amazing features that will give your website the professional look d 7 and feel to really make an impact ia A Whether you re a tech novice or a computer whizz the BT Community Web Kit can really put you on the map LI LLLI EZ TEIE VEER Tete BT Community Web Kit Site Navigation The navigation ribbon at the top and bottom of the Home page is on every page of the site other than the Edit Website pages to allow for easy navigation across all pages e Home button takes you back to the BT Community Kit Home Page e About BT Community Web Kit button takes you to a page giving further information about the BT Community Web Kit Register for an Account button takes you to the beginning of the registration process Community Directory button takes you to the Community Directory detailed below Help amp FAQ button takes you to the BT Community Web Kit help section detailed below Register button takes you to the beginning of the registration process if you are logged into your account this will display Your Account and will take you to your account details detailed below e Login to Account button takes you to the login page if you are logged into your site this button will display Logout and will log you out of the BT Community Web Kit e Contact BT button takes you to the BTPlc site Contact BT page and details the different
37. fari and Google Chrome and any of the paste events discussed above are used a new dialog window appears This is due to browser restrictions that do not allow accessing the content from the clipboard To copy and paste content from and in the editor you should use the Ctrl C and Ctrl V shortcuts Page 47 The text to be pasted is entered in this dialog After the OK button is clicked this text is added to the editor text area Paste from Word Please use CTRL V to paste below the content you would like to be cleaned otrip Word Formatting after Paste As an alternative to the Paste from Word tool you can paste the formatted content first and then strip it using the Format Stripper tool Once you have pasted the formatted text in the editor you can remove the Word specific formatting that is not suitable for the web To do that first select the text and then select Strip Word Formatting from the Code Stripper dropdown list NN A Heading Arial Strip All Formatting Strip Css Formatting Strip Font Elements itur adi vel ips lum ni Strip Span Elements Strip Word Formatting Page 48 Working with Hyperlinks Inserting a Hyperlink e Select the text or object that you want to set as a hyperlink e Click the Hyperlink Manager ES button The Hyperlink Manager dialog appears e Inthe URL field enter the web address that you want the link to point to or from the Existing Anchor dropdown list choose a
38. g tables The best approach in each particular situation depends on your preferences and the table complexity For simpler tables we recommend the click and drag Table Builder whereas for more complex tables the Table Wizard is more appropriate Creating a Table Using the Table Builder e Position the cursor where you want to create the table EH e Click the Insert Table button on the BT Community Web Kit Content Editor toolbar e Drag the mouse cursor to select the number of rows and columns you want Click the left mouse button Alternatively you can click and drag to make the selection Edit Content QAd 9 0 Fe Bana 1282 0 0 02 Normal Arial lopt Ar py pA PAAR gt A Ill elcome to the site editor a ach different section of the page can be edited by clicking the Edit button Chi E cking any of the save buttons located within the edit area or on the ribbon at the top of the page E I 3x3 urther help can be reached by placing your mouse pointer over the LY buttons is also provided and ccessed through the main site 3 Table Wizard J Design lt gt HTML amp Preview Words 71 Characters 380 P FONT RemoveElement UPDATE PAGE CANCEL Page 55 Creating a Table Using the Table Wizard Ed e Position the cursor where
39. h different section of the page can be edited by clicking the Edit button Changes can be saved by clicking any of the save buttons located within the edit area or on the ribbon at the top of the page Further help can be reached by pr ci meum m also provided and accessed through the main site Find And Replace Find Replace i Find Find Search Options Direction Match case D Up Match whole words Down Close Z Design lt gt HTML QY Pre Words 71 Characters 380 P gt RemoveElement UPDATE PAGE CANCEL To find and replace a certain abstract of text do the following e Select a range of content it may contain images and tables as well if you want to search only in that content e Click the Find and Replace button or press Ctrl F The Find and Replace dialog appears Type the word or abstract of text you want to find in the Find field Replace If you want to replace this text with a different one click the Replace tab Replace Choose other options like search direction scope etc Replace Click Find Next Replace or Replace All respectively To save your changes click Update page Note If you have replaced a given text with the Replace or Replace All functions by mistake you can click Cancel and the replacement will be undone To confirm the replacement click OK Page 54 Working with Tables BT Community Web Kit Content Editor offers two ways for creatin
40. hat do you intend to use the passing the profile of website for my Charity Survey Questions How did you hear about this Website service How do you connect to the LAN internet Who is your broadband BT provider denotes required information Contact BT bt com Organisation Address Details Building name or number 10 Street Ten Street Town or city Town Name County Aberdeenshire Postcode PO1 1PO 0100 000 0000 Phone number Note to include the area code e Complete the fields in Your Organisation including Organisation Name Your Position Intended Website Use e There is a check button to complete advising if you registered Charity yes no Page 11 Register your Community Group Step 2 of 4 Your community group Your Organisation Organisation name Jane Bloggs Charity Your position Charity Manager Are you a registered charity Yes No Registered charity number 123456789 What do you intend to use the Raising the profile of website for my Charity denotes required information EN Contact BT bt com o df you are a Registered Charity Number check yes and a box will appear where you are required to add your Charity number o Ifyou are not a Registered Charity check no and continue with the form NB If you are a registered charity it is a legal requirement that your charity number appear on your site e Complete the field
41. ick anywhere in the paragraph you want to indent to the left and click it Click this button to insert a horizontal line below the cursor position within the main content area Click this button to centre the lines in the selected paragraph Page 38 Align Right Aligns the selected paragraph to the right Click this button to align the selected paragraph to the right Justify Justifies the selected paragraph to the left and to the right Click this button to justify the selected paragraph Remove Alignment Removes the alignment of the selected paragraph Click this button to remove the alignment settings of the selected paragraph Working with Portions of Text Spell Checker Launches the inline Spell Checker The spellchecker is a tool for checking spelling of the written text contained within the content area Spelling is checked asynchronously and all your mistaken words will be highlighted inline The context menu on every word gives you a quick and easy way to Change Ignore or Add the word to a custom dictionary See the Spell Checking section for more details NENNEN Prints the contents of the editor or the whole web page Ctrl P Click this button to launch your default printer s dialog box Click OK or Print to print the current page in your web browser It is possible to setup your printers properties before printing Page 39 Cuts the selected content and copies it to the Clipboard
42. is involves setting one or more of the following table properties Width Height Specifies the height and the width of the table in pixels or percent Background Sets the background color of the table Alignment Aligns the table to the left center or right side of the page Cell spacing Increases or decreases the space between the borders of the cells Cell padding Increases or decreases the space between the content and the border of a cell Border Includes setting border width color and layout ID Setting an ID for a table gives some options for advanced table handling Background Image Sets an image as the table background CSS Class Specifies table CSS class and style This property should be used only by advanced users Page 57 e Style Builder Provides options to define cascading style sheet CSS style attributes A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time Cell Properties Explained The Cell Properties dialog allows you to fine tune the appearance of individual cells of a given table You can reach the Cell Properties tab in either of the following ways e From the Table Wizard click the Cell Properties tab Edit Content Y 34 X4 Ga E NL F gt Normal 805 A 8 E Ead 49595 0 u zi 534 EAE AC Weld amp Table wizard Each did Table Design Table Properties Cell Properties A
43. k EWK Kek NUAto some text select the text first and then click the Background Colour button on the toolbar This opens a colour picker where you can select a background to apply lt m EENHEC Add Custom Color FccO000 Page 45 oetting Text Alignment You can set the paragraph alignment to left right centre or justify Select the text and from the toolbar click the button for the alignment to be set e a Normal M Arial 20 A Ss x resMuaa yeso c x Indentation Indentation allows you to move the selected paragraph to the left Indent or to the right Outdent The Outdent works only if Indent has been applied To apply indentation to the selected text place the cursor inside a paragraph and click the indentation button 7 amp 5 a GE Y Applying Paragraph Styles ME um Eft d m 490 3 4 x Normal M Arial 80 A E v x X Predefined paragraph styles are used to ease the process of formatting paragraphs You can apply consistent paragraph styles to a document The predefined styles include different heading styles and other styles defined by the developer To apply a paragraph style to some text first place the cursor within the text then from the paragraph styles dropdown list select the style you want to apply Paragraph St Font Name 7 Real 7
44. ll bring up another pop up box D O O O a aar N New Appointment T Start time 2 7 2012 v 9 00 PM End time 2 7 2012 19 30 pM All day ar of eo Description o a ek JUN pat Save Cancel e Enter the Subject title start end date and time e optional Enter description e Remember to save any changes Page 29 Your Account Your Websites In this section you can view the websites that you have registered under your account A BT Responsible Business website BT Responsible Business home x About BT Community Web Kit Register for an Account Community Directory Help amp FAQ Bree BT Community Web Kit pres N Your Websites Category Manage Rescue Active EI ET EI Published in Community Directory No Ld Submitting your website for approval will acd it to the Community Directory this does not affect your websites visibility to the public f you submit your site for approval before you have finished building the website it will remain ss pending until your site has been completed Add New Website Contact BT bt com URL this is the URLs of any sites you have registered under your user account e Status this indicates if your site is active or disabled e Submit to Directory click this button to submit your completed site to the Community Directory this will display as pending until it is authorised This does not affect your sites live status e Edit Layout
45. lumns caption alignment and summary to produce a Tooltip message for each table cell Users with impaired vision can see those Tooltips as they hover over the cells with the mouse You can create a Section 508 compliant table with the Table Wizard Alternatively you can convert an existing table to a Section 508 compliant table using the Table Properties context menu Page 70 Edit Content imi o Er Accessibility Options Heading rows 1 Heading columns Sample Caption Text Caption Caption Align X Sample Summary Text Summary Associate cells with headers e Create a new table with the Table Wizard or open the Table Properties dialog e Click the Accessibility tab e Inthe Accessibility tab fill in the fields Heading rows columns Caption and Summary about the table Select the Associate cells with headers checkbox Creating Accessible Hyperlinks A hyperlink can be interpreted by the narrative software if you specify an additional description in the Tooltip field Hyperlink Manager a poo MM ER Hyperlink Anchor E mail A URL httpwww hbtck co uk Ei Target None e Existing nchor None Tooltip BT Community Web Kit CSS Class Apply Class Cancel Page 71 Creating Accessible Images An image can be interpreted by the narrative software if you specify an additional description in the Long Description field Image
46. mbnail on the left hand side of the field coolants e f you wish to remove the image select the Remove button which will remove the image from your site External URL In this field you can enter a website address that you have purchased externally for your site such as a co uk org or com address Description and Keywords In this field you can add in a description and keywords to be used by search engines Category In this field you can add the category of your Community Organisation and you will be prompted to select a category from a drop down menu as below Page 20 Pages You can add rename delete hide and re order pages to create a menu and structure suitable for your website content in the Pages tab of the BT Community Web Kit A BT Responsible Business website BT Responsible Business home v About BT Community Web Kit Register for an Account Community Directory BT Community Web Kit Ree res enr gt Edit website Help amp FAQ Edit your website pages Your default website consists of the following pages you can edit add delete and re order pages to create a menu and structure suitable for your website content Visit counter Menu order Rename Page level Display Delete Home 11 Up Down Change People 0 Up Down Change Make sub level Click to hide Delete Campaign 0 Up Down Change Make sub level Click to hide Delete Photo 2 Up Down Change Make sub level Click to hide Delete Guestbook 0
47. n anchor inserted in the current document lt is also possible to insert a link pointing to a document by pressing the Document Manager S icon in the link manager selecting a file and pressing the Insert button e Optional Fill the Link Text field if you want to specify the text of the link e Optional Select a target for the link e Optional Enter a tooltip This text will appear when the mouse cursor is placed over the hyperlink text or image e Click OK e To save your changes click Update page Hyperlink Manager Hyperlink Anchor M URL hittp i Link Text Target Mone Existing Anchor None Tooltip CSS Class Apply Class Internal Hyperlink To do this you follow the steps as above However when you insert the URL for the internal page this needs to be taken from the live website NOT the website URL in edit mode To get the correct URL e Goto Your Account Page 49 A BT Responsible Business website BT Responsible Business home v EJ About BT Community Web Kit Register for an Account Community Directory Help amp FAQ Choose your layout amp colours Choose a template from the 9 options below each offers a different layout some maybe more suitable than others depending on how much text or images you want to add to your website 1 Select the type of layout 2 Then select the colour theme by clicking the image Template 1 Template 2 Click image to select you
48. nced HTML editing on the content within the editor for the related website page area and the standard Word like design view It is also possible for you to preview their changes within the editor through the preview tab Tag Inspector This module displays the path of the selected item i e the DOM path of the current element It also allows you m E to select the last innermost tag in the hierarchy and L Pesign amp HTML V Preview remove it using the Remove Element button HL gt RemoveElement Page 35 Statistics This module provides word character count or other analysis of the content It is especially useful when you have a word character limit for an article Words 71 Characters 380 Toolbar Buttons The BT Community Web Builder Toolkit content editor allows you to make modifications to the related website page area text content layout and formatting through the use of Microsoft Word style buttons 9 2 0A X a m Wo Ea i BZ Ue c xmm F amp F EHO gag e o o kale GE00 Normal Arial 80 A de You I Formatting Text Appearance The buttons in this section work on a selected portion of text For some tools it is enough to position the mouse cursor in a word to apply the necessary formatting Applies bold formatting to the selected text Select the text and click to apply bold If the cursor is in a single word clicki
49. ng this button applies bold to the whole word Malic Applies italic formatting to the selected text Select the text and click to apply talic If the cursor is in a E single word clicking this button applies italic to the whole e word Underline 00000 Applies underline formatting to the selected text Ctrl U Select the text and click to apply underline If the cursor is in U a single word clicking this button applies underline to the whole word Strikethrough Applies strikethrough formatting to the selected text Select the text and click to apply strikethrough If the cursor is in a single word clicking this button applies strikethrough to the whole word z This dropdown allows you to change the font of the selected Times New text Page 36 These dropdowns allow you to change the font size of the selected text Text Colour Foreground Changes the colour of the selected text This dropdown allows you to change the font colour of the selected text This dropdown allows you to change the background colour of the selected text When typing text you can click this button to make the text that follows Pes The button also works on selected text You need to click the button again to switch back to normal text typing When typing text you can click this button to make the text that follows subscript The button also works on selected text You need to click the button again to switch back to norm
50. nononannnnnnnonancnnnononanrnnnononanennnnns 48 WORKING itm ybpertiKS si ta aladdin Gag nct ta vd 49 inserting a AVIS TING NAAA ucc a twain 49 EVES FUTSAL widest REO AAA AAA 49 Moding a mks DEIA dee T 51 REMOVINO AY PEI AAA AA REN 51 ISSUING ARCAS nia l 51 ASS O E Mail a a 53 Els T 53 WONO With Tables mr doo 55 Creating a Table Using the Table Builder cccccooccncnnccccconcnncnononcnnncnonancnnnononancnnnononanennnoss 55 Creating a Table Using the Table Wizard cccccconncnccccconncnnnccconncnnnnononnnnnnnononnnnnnnnnannnonononanenonoss 56 Inserting a Table from Microsoft Excel or other Applications occcccooccccoconcnnccconnncnconcnnnnonoss 56 ohowiide Table Border cet ida 56 FORMA TAME E 57 Table Properties Explain Qeens a 57 Cell Properties Explained masea io 58 Inserting Deleting Rows and Columns ccccconccnnncncnoncnnncnnnnncnnnononancnnnnnnnnnrnnnnnnnnnrnnnnnnnnnrnnnnnnnnnrnnnnnnnas 59 Merging Splitting Cell a cL 59 RESIZING mE io c c M 60 Formatting Tables with CSS Classes 4 iei a RRR 60 Creating Bulleted Numbered Lists ccccooconccnncccconncnncnononcnnnononancnnnnonnnncnnnnonnnnrnnnnnonnncnnnnnnnnennnnnnnns 61 Inserting Special Characters etc ssssssssssseeeeennenneeeneennne nennen enne 61 Mage Manada a idad
51. odified image map in the content area Image Map Editor E Choose Image Choose Image editor20DBgossP1 Images Select Area Shape e O 1 L FO S amp Rectangle Circle New Area Define Area Properties Left 119 px Top 43 px Width 241 px Height 94 px URL http www telerik cam stelerik Target Update rea RemoveArea Remove All Cancel Page 65 Uploading Images Stored Externally You can use the Insert Image dialog to link to images from an external location 1 Click the Insert Image e button to open the dialog 7 Insert Image e Image Sre https Ih4 googleusercontent cor At Tet more Width 800 px Height 600 p All Properbes OK Cancel 2 Add in your URL for the image you are linking to into the Image SRC input field 3 Add in a text description for your image into the Alt Text input field 4 If required add your preferred width and height in pixels that you wish the image to appear at on your website 5 Select OK 6 Select Update Page 7 f you are happy with the way it looks on your page you can select Save and your changes will be saved 8 If you wish to further edit the size border alignment etc of the image you can enter the advanced editing function 9 To access this select Edit on the content area where you have linked to the image 10 Once in the editable area right click on the Image and select Properties from the 2 opti
52. omputer e Or you can Show Available Images from the Image Manager full instructions on the BT Community Web Kit Image Manager detailed in later section Page 18 Logo show Available Images e Once you have selected an image click Upload and your logo will be uploaded and will display as a thumbnail on the right hand side of the Logo field rI F T Website URL Website Title Jane Bloggs Charity Lago Browse Upload Show Available Images J e f you wish to remove the image select the Remove button which will remove the image from your site Header Text This is the text that will appear in the Header of your website you do not have to have text in this field Within this function you can amend the size colour position and font of the text full Content Editor Instructions detailed in a later section of the User Guide sl 29 Normal Arial Sze A gt y 7 MIC 0 M pa E mJ U mex 56 2 HE Jane Bloggs Charity JZ Design lt gt HTML Footer In this field you have the option of adding a Footer to your website that will appear on each page To add a Footer e Check the box as follows Footer nli here to include a footer on each page e This will display the footer editor where you can add text images background colour and much more Content Editor instructions detailed in a later section of the User Guide LII Footer V Click here to in
53. ons given which opens the Image Properties dialogue box where you can further edit your image properties T Properties Width 800 pr 7 Height 600 px T Border Color IO Border Width AR Tet more Long Descnption Image Alignment X Image Src https Ih4 googleusercon dl Top Right Margin Bottom eft e CSS Class Apply Class OK Cancel 11 Amend any setting and when complete select OK 12 Select Update Page 13 If you are happy with the way it looks on your page you can select Save and your changes will be saved 14 If you wish to further edit the size border alignment etc you can enter the advanced editing function and keep editing until you are happy Page 66 Working with Documents The Document Manager allows you to insert hyperlinks to document files stored on the web server by simply selecting them from a list The dialog is similar to the Image Manager and allows you to browse upload and delete documents Inserting Documents Edit Content F Heading 1 Aria 18m A Gr cs B JI YU abe E e se iccciMMIA4 AG 9 QU ilx amp GM SS BD Abc 7 Document Manager a D X P upload mS Bie Wil D Ii site4608 3 Backgrounds Y Backgrounds 4 Header Header ai List zu List E Pane E Pane f 1 Items 1104 of 4 Cancel e Optional Select some text or an image that you want to set as the hyperlink to the document al e Click the Insert Docum
54. operties and its content is immediately loaded without delay The user could insert images with HREF paths that come from internal or external domains Page 41 Document Manager Opens the document manager dialog The document manager dialog allows you to insert a predefined document at the cursor position into the editor See the Working with Documents section for more details The Image Map allows you to create images containing one or more invisible regions which are linked to other pages otherwise known as hotspots See the Working with Image Maps section for more details Insert Table Inserts a table in the content area of the editor Inserting a table in the editor is as easy as in Microsoft Word just click the button and select the number of rows and columns you would like to create The table is inserted at the cursor position See the Working with Tables section for more details Hyperlink Manager Makes the text selection a hyperlink Ctrl K This button allows you to create a hyperlink from the selected text number or image In the hyperlink dialog you need to choose the type of link you want to insert Hyperlink Anchor or E mail Remove Hyperlink Removes hyperlink from the selected text number or image T Ctrl Select an image text in a hyperlink anchor or e mail link 2 Shift K and click this button to remove the link Insert Symbol Inserts symbol Click this button to display
55. ovide technical support for this format Page 72 The Preview Mode After editing the document in the editor preview users may like to see a preview before updating the page The editor switches to the Preview Mode with a single click of the preview button Edit Content 7 tp d amp Ga Pye D ry Normal Arial 89 A rr ii B Z U ze a se 22 kma 4 amp 5 o cg S amp 4 x T 51g399 Welcome to the site editor Each different section of the page can be edited by clicking the Edit button Changes can be saved by clicking any of the save buttons located within the edit area or on the ribbon at the top of the page Further help can be reached by placing your mouse pointer over the buttons A dedicated help section is also provided and accessed through the main site HL Design gt HTML a Preview Words 71 Characters 380 Printing Content To print the whole web page including the BT Community Web Kit Content Editor click the Print LT button It will open the Printer Properties dialog where you can choose a printer and printing options To print only the content of the BT Community Web Kit Content Editor do the following Make sure the cursor is positioned inside the editor s content Press Ctrl A to select the whole content E e Click the Print button to open the Printing Preferences dialog and confirm the printing operation Page 73
56. own Change Make sub level Click to hide Delete Photo 2 Change Make top level j Delete Guestbook Up Down Change Make sub level Delete Links 1 Up Down Change Make sub level Delete About us 0 Up Down Change Make sub level Delete Contact us Up Down Change Make sub level Click to hide Delete Calendar 6 Up Change Make sub level Click to hide Delete Restore deleted pages To hide show pages e To hide a page from the navigation click on the Click to hide button e To restore a hidden page click on the Click to show button If an item within the list of pages has been set to hidden it will still appear in the list however its title text will be set to a grey italic font This change in font is so that you can see that this page has been hidden from the websites navigation menu Please note that although the webpage is not in the navigation menu it may still be found using search engines Page 23 Delete In this section you can delete pages from the website Visit counter Menu order Rename Page level Display Delete Home 11 Jr Down Change People D Up Down Change Make sub level Click to hide Delete Campaign D Up Down Change Make sub level Click to hide Delete Photo 2 Up Down Change Make sub level Click to hide Delete Guestbook D Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to hide Delete About us D Up Down Change Meke sub level Click to hide Delete Contact us D Up Down Change Make s
57. r Sizes After you have either Cut or Copied an item text image etc in Microsoft Word you can Paste it using this button The editor will clean all of the unnecessary Microsoft Office related tags plus font formatting Paste Plain Text Pastes copied content from the clipboard into the editor Ctrl V After you have either Cut or Copied an item text image etc you can Paste it using this button The Paste Plain Text button works similarly to Paste from Word but it removes all HTML formatting and pastes plain text preserving the line breaks Page 40 Paste as HTML Pastes copied content from the clipboard into the editor Ctrl V After you have either Cut or Copied an item text image etc you can Paste it using this button This tool allows you to paste the HTML content of the Clipboard as code which may be quite convenient for developer oriented applications Paste HTML Pastes copied content from the clipboard into the editor Format Stripper Removes Word custom or all formatting Strips removes the formatting from the selected text or all of the content within the editor Inserting Elements Image Manager Opens the image dialog Ctrl G The image dialog allows you to insert upload create thumbnails and set image properties See the Working with Images section for more details Insert Image Insert and edit images This dialog is a light version of Set Image Pr
58. r Site Settings full instructions are given in Creating and Editing the Properties of your Site below Page 15 Creating and Editing the Properties of your Site Once you have completed the Registration process you will then have to select the Properties of your site You can do this within the tabbed Edit Site Properties section A BT Responsible Business website BT Responsible Business home v About BT Community Web Kit Register for an Account Community Directory Help amp FAQ Choose your layout amp colours Choose s template from the 9 options below each offers a different layout some maybe more suitable than others depending on how much text or images you want to add to your website 1 Select the type of layout 2 Then select the colour theme by clicking the image Template 1 Template 2 Click image to select your template Template 5 Template 6 Currently Selected Template e Layout tab allows you to choose the template for your Community Website from the given each offers a different layout some maybe more suitable than others depending on how much text or images you want to add to your website e Settings tab allows you to choose the settings that will apply across your whole website such as header footer logo etc e Pages tab allows you to add rename delete re order hide show and make top level sublevel pages within your Community Website e Contact Form tab allows you to customise the
59. r template Template 5 Template 6 Currently Selected Template d e un Y MN Click on View live website A new tab will open with the live site Navigate to the page you would like to link to This page will have the correct URL address You can then follow the steps detailed above using the Hyperlink Manager Page 50 Modifying a Hyperlink Edit Content Page content 7 amp d 3 PY Re 4 C gt A y Normal y Arial 80 55 B z U abe 7 Fel s m m m R iEGEEGIG 29 0 m s hdj GEES This is a Hyperlink gt 2 Properties f Remove Link Z Design lt gt HTML amp Preview Words 4 Characters 19 P gt STRONG gt RemoveElement e Click inside the hyperlink or in the image if you have an image link Right click to open the context menu and click Properties Alternatively you may click the Hyperlink Manager ES button again The Hyperlink Manager dialog will appear e Modify the hyperlink attributes URL tooltip etc and click OK e To save your changes click Update page Removing a Hyperlink e Select the text or image that has been set as a hyperlink 2 e Click the Remove Link button You will notice that all formatting related to links blue color underline etc will be removed from the text This holds true for the inserted documents as well e To save your changes click Update page Inserting Anchors
60. r the title description and associated keywords The description and keywords have been pre populated with the default website description and keywords for you but you can amend them To confirm you want to create a new page click OK Make sure the page you re creating has a unique title Title Open Day Description Pictures and stories from our open day Keywords CREATE CANCEL e Enter the Title Description and Keywords for your new page e Click Create button to save your page or Cancel button to return to the menu After a you have created a new page through the Create a new Page window you will be returned to the Pages tab and the newly created page will appear as an item at the bottom of the pages list Restore Deleted Pages You can restore any pages you have previously deleted To restore a page Edit your website pages Your default website consists of the following pages you can edit add delete and re order pages to creste a menu and structure suitable for your website content Visit counter Menu order Rename Page level Display Delete Home 11 Down Change People Up Down Change Make sub level Click to hide Delete Campaign Up Down Change Make sub level Click to hide Delete Photo 2 1 Change Make top leve Click to hide Delete Guestbook Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to show Delete About us Up Down Change Make sub level Click
61. rt files by name and type Preview images zoom in and out Upload new images Generate thumbnails of the uploaded images Create new sub folders Delete files and folders if you are given permissions to delete in the respective folder Please contact the developer of your application for details about the given permissions Inserting an Image from the Web Server Position the cursor at the place where you need to insert the image 3 Click the Image Manager button from the toolbar A dialog box appears To go to a new subfolder double click its name or use the Treeview control to expand the parent folder and access the available subfolder s Page 62 Image Manager amp c D F9 Q Upload SH Image Editor 5 se P D leditor2008Q3SP1 Images Filename Browserlcons 3gj Browserlcons a UserDir EuserDir F Marketing 81216x250 asp net 8279x60 DNR gif E PublicRelat a Templates 5 BusyBoxDotNet gif 8 chrome gif 58 Copy 2 of Copy 2 of 279x60 38 Copy 2 of Copy 2 of Copy 2 of Copy of 38 Copy 2 of 8 Copy 2 of ff gif 16462 7039 5061 459 16462 7039 5061 459 5061 3807 477 A Page Lof 2 Items Lto 100 of 110 e If the file browser lists more than 100 images use the paging slider to navigate to the rest of the pages Page 2 of 2 Items 101 to n L Increase e Locate the image file that you want to insert and click it once A pre
62. s Once the image is inserted you can manage its properties through the right click Options context menu Properties Width Height 250 px Border Color a Border Width T Alt Text Product Logo Long Description Image Alignment X Image Src feditor2009038P1 Imag Lal Margin Tap Right ku ku Bottom Left C55 Class Apply Class OK Cancel The image properties that can be managed are described below Border Width Specifies the width thickness of the image border Select No Border to remove the border Border Color Specifies the colour of the image border Image Alt Text Specifies the alternative text that is displayed in some cases instead of the image Long description This is an Accessibility option The text entered in the Long Description field will be read by the Windows Narrator tool Image Alignment Specifies the alignment of the image with respect to the adjacent text images When you choose left or right alignment the text wraps around the image Margin Specifies the margin distance to the top to the left to the right and to the bottom between the image and the adjacent text images Width Specifies a custom width for the image you can constrain the proportions to avoid distortion The image is not resampled or modified but rather displayed with the specified width Height Specifies a custom height for the image yo
63. s About you Title Ms First name Jane Last name Bloggs Email jane bloggs com Your BT Community Web Kit account Username jbloggs Password TTITTIT Confirm Passwagid e 0 000 Security Questio What is your favourite colour Answer blue denotes required information Contact BT bt com A E xa ad zs MD Mimy a e Choose a Security Question for your Account something that you will remember in the event that you forget your User Name and or Password Page 10 Confirm Password 9909090990 Security Question Answer Select What is your favourite colour What is the name of your first pet i denotes required informati What is your favourite football team What is your mother s maiden name What is the name of your school What is the name of your birth e Click Next at the bottom of the page to move to Step 2 of the registration process otep 2 of 4 Your Community Group In this step you will be required to enter details of your Community Group A BT Responsible Business website BT Responsible Business home v MU About BT Community Web Kit Register foran Account Community Directory Help amp FAQ BT Community Web Kit Register your Community Group Step 2 of 4 Your community group Your Organisation Organisation name Jane Bloggs Charity Your position Charity Manager Are you a registered charity O Yes 9 No W
64. s in Survey Questions survey Questions How did you hear aboutthis Website service Select How do you connect to the Website internet Friend Who is your broadband Search engine provider Other How do you connect to the LAN internet Select Who is your broadband Modem provider denotes required information Innere Who is your broadband Virgin provider e Complete the fields in Organisation Address Details using the drop down selection for County Page 12 Aberdeenshire Anglesey Sir Fon Angus Forfarshire Brecknockshire Sir Frycheiniog Bridgend Buckinghamshire Buteshire Cardiganshire Ceredigion Carmarthenshire Carmarthenshire Sir Gaerfyrddin Ceredigion Aberdeenshire e Click Back if you wish to move to the previous step of the registration process e Click Next at the bottom of the page to move to Step 3 of the registration process otep 3 of 4 Your Community Website In this step you will be required to enter the details of your Community Website A BT Responsible Business website BT Responsible Business home y E About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit Register your Community Group Step 3 of 4 Your community website Website Details Website name Jane Bloggs Charity Category Select Website address http www bloggs External Domain Name h
65. t List Guestbook Edit Image Panel About us Save Page Deleted Pages Contact us Open Day New Page button takes you to the Create a New Page section in the Pages tab where you can add a new page to the site Edit Properties open the Edit Properties dialog box for that page within the site full instructions detailed in previous section Edit Content opens the Content Editor full instructions detailed in following section Edit List opens the Content Editor for the list items on the Home page full instructions detailed in following section Edit Image Panel opens the Content Editor for the Image Panel on the Home page full instructions detailed in following section Save Page allows you to save the changes you have made to the page Deleted Pages takes you to a list of the pages that you have deleted from the site gt f you delete a page through the Pages tab within the Edit Website Properties section of the BI Community Web Kit you can restore it by the following procedure Edit page w Edit site properties Go to Page New Page Edit Properties Edit Content Edit List Edit Image Panel Save Page Select Deleted Pages This will take you to a list of all deleted pages with the option to restore the deleted page Click the Restore button next to the page that you want to restore and this will restore the page VV This page contains a list of pages that have been dele
66. t Ticket System e Ticket Search button allows you to search for tickets that you have submitted you can only search on tickets that you have submitted not tickets submitted by other users e Submit New Ticket button allows you to submit a ticket e All My Tickets Ticket History All Open Tickets buttons allow you to view all of the tickets you have submitted where you can track the progress of your question problem request e Advanced button allows you to modify how you view and organise your tickets Page 8 Submit a Support Ticket If you have a question problem request that cannot be answered within the User Guide or the FAQ section you can submit a ticket through the helpdesk To submit a new ticket select the Submit new ticket button where you will be navigated to the Create a New Ticket page Create a new ticket Title Problem Type Category Priority Customers Question Software Has impact on customer s Tags Details Hi H2 H3 H4 H5 H6 I can t add Images to a page how can I do that Attachments Browse Create Ticket Complete the form including e Title the title of your question problem request e Type Type Category P select e Category Type Category Pr select v select a Tags Hardware Details Software Network Services Hi H2 H3 HNon Technical e Attach any additional information and select Creat
67. te Ml Mc 18 E PPP o RO PU o e e OO O O aro siesta pind Giedssanies 18 A AP 19 o t L 19 Header Background Image and Left Navigation Backgrounod cccocccccoccncconcnocononocanoconanoconaninnos 20 ONC CTS m e A A SEE EE FEA E E E 20 BOOKMARK ICON oera ri R N EE Po ESPE TI o 20 A EUN A i 9 20 Description and Keywords eessssssssssssessese nennen nenne nnne n nnns nna rn nns star rns r risas sensn nnns 20 A o E E E A EE A E E 20 ucc AE PO O ES OO OP E E S AE A A 21 AL COAG ETE e e 21 RO o d T A 22 Ri secs et taco dr ce cease ct sine lead sgt sce de eet ee Gece serene teed 22 Page Level RR 23 EDISTO AY E o PRE E PRES UE OOO OO A A 23 ln 24 Restore Deleted Pages ccccocoocccnccoccncconnccnnoncnnnnnonancnnnononncnnnnnnnnnrnnnnnnnnnrnnnnnnnnnnnnnnrnnnnrnnnnrnnnnennnnnnnas 25 QUEDO e e a de ea he ee 27 A m 28 Setang up your Calendar Pale nai E 28 Adding Calendar EMCS sison Ia 29 VOU ACCOUNT corna e 30 A En MU E M C EU UM E LIAE 30 KOU ACCOUN RENE RS 31 Creating and Editing your Website Content ccccccseeeeeseeeeeeeeeeeaeeesseeeesaeeeesaees 32 Edit Webslte Hoime Page deii eters de Uni tet a usitas et Ure Pas a eee 32 EAER AC SNP STREET TUNI ETE 32 Edit SRE PFODGFlGS x ti ege e pe agn a en 34 A e 0 PT QD TEN 34 JUNE ecol IM rcr PEN 34 DOGO A S T e n 34 zem E
68. ted from your website To restore a deleted page click Restore next to the selected page Tithe Description People Contact BT bt com Page 33 Edit Site Properties This takes you to the tabbed Edit Site Properties section of the BT Community Web Kit Save Page This saves the changes you have made to the current page My Account This takes you into the My Account section of the BT Community Web Kit Logout This logs you out of the BT Community Web Kit Edit Edit l Edit opens the Content Editor full instructions detailed in following section Save Page saves the changes you have made to the current page The Content Editor Edit The ET button next to each of the content areas within the BT Community Web Kit opens the content editor for that section The BT Community Web Kit contains a powerful WYSIWYG What You See Is What You Get content editor allowing even non technical users to author and manage HTML content as easily as writing a document In its familiar Word like interface users can seamlessly format text set hyperlinks build tables and insert images documents etc Editor Interface Within the BT Community Web Kit administration pages there are a number of text content editors however each of these editors has a similar interface containing one or more toolbars at the top 1 the main text content area in the middle 2 and some view option tabs at the bottom 3
69. to hide Delete Contact us Up Down Change Make sub level Click to hide Delete Calendar 8 Up l Change Make sub level Click to hide Delete Add a Page Restore deleted pages e Click the Restore deleted pages button e he Deleted Pages window will open Layout Settings Pages Contact Form Guestbook Calendar II Deleted Pages This page contains a list of pages that have been deleted from your website To restore a deleted page click Restore next to the selected page Title Description Restore testing sub level resore Contact BT btcom e Click on the Restore button for the selected page e The page will now be visible again on your website Page 25 Contact Form This page allows you to customise the contact form used on the contact page About BT Community Web Kit Register for an Account Community Directory Help amp FAQ BT Community Web Kit CAN Sein ANC gt Edit website Edit Contact Form This page allows you to customise the contact form used on the contact page You can move selected fields up or down by clicking Up or Down buttons Contact us Tick the Single Line checkbox to make a field single line or untick to make it a multiline field fame To make a selected field mandatory tick the required checkbox To exclude a field from the form untick the Included checkbox You can also specify the email address to which the entered mall quenes comments should be sent I L
70. ttp denotes required information Contact BT bt com Complete the fields including e Website Name This is the name of your Website i e Jane Bloggs Charity this section is not the website address e Category This is the category of your Community Organisation and you will be prompted to select a category from a drop down menu as below Page 13 Select Jl Animals Associations hildren s lture Social Welfare Sport e Website Address This is what you would like your website address to be for example if you would like the address of your site to be www animals btck co uk you would enter animals into this field as the rest of the address is provided for you NB If another organisation has selected the same website address you will be prompted to choose another adaress until you have found one that has not been reserved by another Community Organisation e External Domain Name This is where you would enter a website address that you have purchased externally such as a co uk org or com address e Click Back if you wish to move to the previous step of the registration process e Click Next at the bottom of the page to move to Step 4 of the registration process Step 4 of 4 Terms and Conditions The fourth step of the registration process is Terms and Conditions wuk Main Wizard aspx Dvr i3 X e Website Builder Register X A BT Responsible Business website
71. u can constrain the proportions to avoid distortion The image is not resampled or modified but rather displayed with the specified height CSS Class Specifies image CSS class and style Only advanced users should use this property Page 64 Editing Image Properties via the Insert Image dialog Click on the image in the content area Click the Insert Image dialog button The Insert Image dialog will appear Modify the image attributes Image Src Alt Text Width and Height Click the All Properties button to set additional properties through the Properties dialog Click OK Insert Image Ex wea SS Width px Height px All Properties OK Cancel Using the Image Map Editor The Image Map allows you to create images containing one or more invisible regions which are linked to other pages otherwise known as a hotspots Here are the steps to create steps to set image maps to an image e Select an image in the content area and click on the Image Map button you can also use the Image Map Editor to open modify and insert an image file e Once the Image Map Dialog opens you can create a hotspot in the opened image select the shape type click and drag within the image to set the size of the Image Map Area e You can also customize the newly created Image Map area from the provided Properties pane and set the URL to link the hotspot to another web page e Click OK to insert the m
72. u can resize an existing table in two ways e by specifying dimensions in the Table Properties tab explained in the previous sections e by direct drag and drop Edit Content E CA A gt f Normal M 10pt A gt 6 ss H WI E Wi S Wil SE 43 S1 I lll MN QM J LJ J 4 M Al4 FI V MID OD Bss Ba a q 820 0 1 ha Welcome to the site editor Each different section of the page can be edited by clicking the Edit button Changes can be saved by clicking any of the save buttons located within the edit area or on the ribbon at the top of the page Further help can be reached by placing your mouse pointer over the LU buttons A dedicated help section is also provided and accessed through the main site o oO oO o n Ya Z Design lt gt HTML amp Preview Words 71 Characters 380 P gt FONT gt TABLE gt RemoveElement UPDATE PAGE fl CANCEL To resize a table with a drag and drop do the following area of the table see the screenshot above accommodate the new table size Formatting Tables with CSS Classes EH ES BE EE KY E amp Insert Row Above CSS class provides an easy and consistent way for formatting tables Pu In order to use the CSS Class you have to first create the table and ae teens then open the Table Properties dialog to apply the predefined CSS Delete Row class MISERE Co Do CUN To apply a CSS class to a tabl
73. u modify the name of a page this will not change any custom page links that you have placed within the text content of your website These custom links will still re direct the user to the previous page title location and you will need to modify them through the BT Community Web Kit s content editor Page 22 Page Level You can move items to sub menus and back in Page Level You do this by clicking the Make Top Level or Make Sub Level buttons Visit counter Menu order Rename Page level Display Delete Home 11 Down Change People 0 Up Down Change Make sub level Click to hide Delete Campaign 0 Up Down Change Make sub level Click to hide Delete Photo 2 Change Make top level Click to hide Delete Guestbook Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to hide Delete About us Up Down Change Make sub level Click to hide Delete Contact us Up Down Change Make sub level Click to hide Delete Calendar 8 Up Change Make sub level Click to hide Delete Add a Page Restore deleted pages Please note that if you modify the page level this will alter your websites navigation links Display If you have created pages that you do not want to be visible within the main navigation list you can choose to Hide or Show the page Visit counter Menu order Rename Page level Display Delete Home 11 Down Change People 0 Up Down Change Make sub level Click to hide Delete Campaign Up D
74. ub level Click to hide Delete Calendar 8 Up Change Make sub level Click to hide Delete e To delete a page click on the Delete button e Aconfirmation message Are you sure you want to delete this page will appear e Click OK to delete the page e Click Cancel to return to the menu Deleted pages can be restored through the Deleted Pages functionality of the BT Community Web Kit detailed in a later section of the User Guide Add a Page You can add new pages within the Pages tab To add a page e Click the Add a Page button Edit your website pages Your default website consists of the following pages you can edit add delete and re order pages to create a menu and structure suitable for your website content Visit counter Menu order Rename Page level Display Delete Home 11 Jp Down Change People Up Down Change Make sub level Click to hide Delete Campaign 0 Up Down Change Make sub level Click to hide Delete Photo 2 L Change Make top level Click to hide Delete Guestbook Up Down Change Make sub level Click to hide Delete Links 1 Up Down Change Make sub level Click to show Delete About us Up Down Change Make sub level Click to hide Delete Contact us 0 Up Down Change Make sub level Click to hide Delete Calendar 6 Up D Change Make sub level Click to hide Delete Add a Page e The Create a New Page window will open Page 24 Restore deleted pages Create a New Page To create a new page ente
75. ve Page Mydonate buttons can now be added to websites My account Logout on vr e gt Home People Campaign Guestbook Contactus Aboutus Calendar About onions Various types of onion including spring onions pickling onion and shallots can be successfully grown from sets or from seed some from both Onion sets Onion sets are small immature onions planted in spring or late summer The sets increase in size and each forms one full sized bulb when ready to harvest Where possible choose onion sets that have been heat treated This means their flower embryos have been killed so they re less likely to run to seed or bolt Generally growing onions Vegetables from sets is easier and more reliable than from seed and in cooler damper areas the sets Edit should give a better yield of larger bulbs than if grown from seed However the range of varieties available is far greater if growing onions from seed Veg in a Basket Community Web Kit provided free by gere Charity Number 123456789 Edit Page If you place the cursor over the Edit Page button a drop down menu will appear Edit page Edit site Go to Page Mew Page Edit Properties Edit Content Edit List Edit Image Panel Save Page Deleted Pages e Go to Page displays the following dialog box where you can navigate to each page of your website Page 32 Edit page Edit site properties Go tn Page New Page Campaign Edit Properties Links Edi
76. view of the image appears in the right hand side of the dialog e Click Insert to finish or Cancel to cancel the operation Image Manager da gt er ro Upload feditor2009035P1 Images EI Filename Browserlcons EE UserDir ar Marketing PublicRelat Templates FBrowserlcons FuserDir 276x250 asp net 88 279x60 DNR gif 5 BusyBoxDotNet gif chrome gif E Copy 2 of Copy 2 of 55 Copy 2 of 279x60 Copy 2 of S Copy 2 of Copy of 5 Copy 2 of 55 Copy 2 of ff gif A jw Image Editor S Ses P D 276x250 asp net featured gif 7039 5061 459 16462 7039 5061 459 5061 3807 477 stelerik delve more thon expec ted Preview Properties Page 1 of 2 Items Lto 100 of 110 Uploading Images on the Image Manager You can use the Image Manager dialog to upload images from your computer to the web server Once uploaded the image appears in the Browse Files tab at the bottom of the file list in the current folder To upload new images on the web server do the following Page 63 pue O 9 Click the Image Manager button to open the dialog Navigate to the folder in which you want to upload the image Click the Upload button on the toolbar Click Select to select an image from your computer The multiple file upload controls allow you to upload multiple images files simultaneously Click Upload Editing Image Propertie
77. wever will not be pasted Show Hide Table Borders If you have created a table that has no borders by default you can switch on the auxiliary borders They are not saved in the content but only help you locate and work with your table You can toggle the auxiliary borders using the Show Hide Table Borders button on the toolbar Page 56 Formatting Tables The Table Properties dialog allows you to fine tune the appearance of a new or an existing table You can reach the Table Properties tab in either of the following ways e From the Table Wizard click the Table Properties tab Edit Content mia TEES Welc AA Table Design Table Properties Y Cell Properties M Accessibility x Dimensions CSS Class Layout ipa E Width Apply special formats to E Layout Heading Row Last Row First Column Last Column Each dii located Further laccess Cell Spacing Cell Padding E Preview Alignment X gt Total East 5 19 Background Color West 6 17 South O Style Builder Total 60 Lear I amp Il jn Nt Sa em C55 Class Apply Class Back Image Id e Right click inside an existing table and select Table Properties from the context menu This opens the Table Properties dialog Table Properties Explained Once the Table Properties dialog tab is opened you can set the appearance of the table Th
78. you want to create the table and click the Insert Table button on the BT Community Web Kit Content Editor toolbar e Click the Table Wizard button at the bottom to open the Table Wizard dialog PI Eb A E E A BORO Table Wizard e The Table wizard appears and you can use it to create your table and set its properties e To add or remove columns or rows click or next to Columns and Rows Table Wizard Table Design Table Properties Cell Properties Accessibility r Columns Rows Columns Y Column Span Rows qe Row Span P OK Cancel e Click next to Column span to merge the right cell with the cell you have selected Click the button to unmerge the left cell e The or buttons next to Row span work in a similar way as Column span but for rows If you click the Insert button the defined table will be created Further customization of this table is allowed using the Table Properties Cell Properties and Accessibility tabs of the Table Wizard The next few sections describe in detail how to modify tables Inserting a Table from Microsoft Excel amp or other Applications Inserting a table from Microsoft Excel or other applications into the BT Community Web Kit Content Editor is an easy copy paste operation Most of the formatting is preserved including borders text numbers and cell colour Formulae ho
79. your live site Jane Bloggs jbloggs hotmail co Great Charity ContactBT btcom e Click the Approve button if you would like comments to appear on your website e Click the Remove button to permanently delete a comment there is no way of restoring these comments once deleted Page 27 Calendar mee sees Ree s emm meme emm c Calendar entries Display the Calendar on page Calendar Or Create a new Calendar Page 4b today 05 02 2012 11 02 2012 oisi m Month Wed 8 Thu 9 Fri 10 Sat 11 Sun 5 Mon 6 Tue 7 all day 1097 Ak ai5m true You can add Calendar entries using the BT Community Web Calendar Setting up your Calendar Page e Go into your account e Click on the Calendar tab shown above Now choose a page to put your calendar on Click on the drop down box shown above and select a page OR click on create a new Calendar page This page will be titled Calendar Page 28 ee coma cea Calendar entries Display the Calendar on page Calendar Or Create a new Calendar Page 4b today v 05 02 2012 11 02 2012 Day Month Sun 5 Mon 6 Tue 7 Wed 8 Thu 9 Fri 10 Sat 11 meeting at the 109 Cancel Options Ui 119 2 true Adding Calendar Entries e Choose a date and time for your entry by right clicking on the correct square This brings up the above pop up box e Click on options This wi

Download Pdf Manuals

Related Search

Related Contents

CAPPA ASPIRANTE - Istruzioni per l'uso  The Propeller System Module (PSM) User Manual  マニュアル（3.8MB）  Gardena Fully Automatic Flower Box Watering    Amped WIreless  Modulo IV  LG BD460 Specification Sheet  Manual Novo - Mil Máquinas e Ferramentas  OCTOBRE - POLE VERT  

Copyright © All rights reserved. Failed to retrieve file