Content Management System User Guide
Contents
1. EJ Filelist E Worship B Services I user B H Easter Header Z Setup gt R HE Christmas Welcome ahe sabet brak Iohn a saone aka es Z Help a Babout modules aAbout ae Y Manual B 2 Expand all l Reload the tree from server Paragraph Default v Text Default v No Font No size Normal v BZ US x H Ti EEE be OS adum Alar oO lt wd hla 4Blo aT il it This year is a very special one for us as we celebrate our 150th birthday Logout t l eee Elsewhere you may read about the special events that we are hosting aura We are focusing on our calling to be a holy people a learning people and a strive to follow in the footsteps of Christ every day Cut adly we do not have angelic wings In spite of ov nat we are called to holiness it seems daunting b A CoP Jesus We meet every day to read the bible and t amp Paste iimself taught us to do and we do that in special wa Justify Left Whether y JEA Dae e you to join us in our life as Christians We can not pr i aims ss we can promise you joy We can not promise yo Justify Right in offer you to share in God s love We can not offer y __ i we can offer you to share with us the defeat of t Justify Full at takes us to the glories of Easter Make link As Jesus o re searching we say to you Come and Remove the lt p gt Ele2. D web Development Ltd Content Management System User Guide Version 1 0 Taide 0 aa q E E tote eve me A eter Rete mene Presa AEEA ara OO ERS Se nee rear AEA 3 What is a content management SYSTEM 000 eececcccccccccesssssssceeeecccceeessssseeeseceeeeesenaees 3 POW SEL FO CUINCTINGIN Saito a cesecteteicicticncie de E E E E A E volute A leadout 3 OO IO MN et cseai dictates cesta Sacra auto deodistssioen se tstias Sadiaarsasaaaioodio eau uioes suse dasnaaeuaaoshowsserminen uacesaaaeeeeiele 3 GS WO CU enr A N AE EAE esas asta sbedos T E 6 HES UPTON Seacoast a Sioa n eam Use a 6 FUNCION INO GUC et 2s cos ie ET E nanes ual cease atau weeenaaeierss 6 MGT SE EAE IEE E PANEER AE T AET E EEA E PAN E T A TT 6 EOGI OUa N A N eae eaines 6 NaO AAS EE E ENE EE TEE E AT E E A A E PLE A A A T 7 ALE AIN O saei E N O A 7 SANMI ORR al A A AAN EEA A AE A E 8 Working in the web Page Vi W essssssssssssseseerrrrrrsssssssssssserrrrrerrrrresssssssssseeerrrereeereeeesssssses 9 CHANGING and adding texis iesire a tanabsnehdaissuueni Sactubel aechateedids 10 SS ING A EE E E E E E EAE E A A oud AA E A E A E A AA 10 JOO AGING TNE OF PNOO zenere a e O E OT 12 MOS EA E TU T AAA E T 15 FOOTING atabe rinnan a EE TA eee 15 Creating a Dulle ted WS ber cicansvesiuredcectias gut iA EAEN RA TE E E 16 Creating new content elements eeeoeseeeeseeesseerrrrrsesssserrrerrsessesrrerrersessrerrrrerrssssrrerrreessesseees 16 Deleng C
3. This year is a very special one for us as we celebrate our 150th birthday Elsewhere you may read about the special events that we are hosting We are focusing on our calling to be a holy people a learning people and a loving people We do this because we strive to follow in the footsteps of Christ every day We are not perfect and sadly we do not have angelic wings In spite of our shortcomings we know that we are called to holiness it seems Jai but we can ala ik iic mll lma Sse ee ee ee ee ee E oe a laa l blie laim mal n Next to all of the content elements there is a pencil icon which you can click to edit the 9 content element The majority of the pages have the edit icons this enables quick editing of the site You will be presented with an edit form like that shown above Changing and adding text To change text click in the text box and edit the text accordingly If you are copying the text i e from a website or from Microsoft Word always ensure that you copy first into notepad and then paste into the text editing area This will strip out any unwanted characters NB Notepad can be found in Windows by going to Start All programs Accessories Notepad Text can be made bold or put into italics by selecting the text and clicking on the B or icons as you would in Microsoft Word Formatting can also be removed by clicking on the Remove formatting icon and ticking the appropriat
4. User gl conditions click for details Obstructing the appearance of this notice is prohibited by law 4 Setup This is a brief description of the available modules eB Help E Web Bj About modules Page Create and edit pages Ehabot PSSN This module allows you to create and edit webpages It provides a template selector and W Manual management for different languages This page module is part of the extension Templavaila Webstats List List of database records The Web List module provides low level access ta records appearing on 4 page Expand all Fey Functions Advanced functions This module contains general export and import functions in addition to specialised wizards enabling page sorting and batch creating of pages laura 2 File Filelist Listing of files in the directory This is the file administration system in TrPOs It allows you to access the file mounts of your login Through this module you can upload copy move an delete files on the Server This shows the modules on the left and explanations of the modules on the right The modules are what you will use when you are editing and creating pages When you are editing and creating pages you will use a page divided into three St John The Baptist TYPO3 4 0 4 Mozilla Firefox Cc fax File Edit View History Bookmarks Tools Help i it E http hest saintjohnthebaptist org ukfadminstjohn alk_main php Google s
5. celabrate our 150th i EA setup Gs mE christmas i ibirthday Elsewhere you may read about the special events that we are TER i ing We are focusing on our calling to be a holy peop elp About modules wl Reload the tree from server h About TF Manual E Webstats Expand all laura Fl What is the Temolawoila Page module This shows the various content elements which make up the page Start Editing To start editing you can work in this view of the system or you can click on the magnifying glass at the top of the right column and work on the web page see section working in web page view To work in this view click on the pencil icon at the far right of the title bar above the content element you want to edit The screen will then show you the edit form St John The Baptist TYPO3 4 0 4 Mozilla Firefox File Edit View History Bookmarks Tools Help si 7 T Gt Lj http test saintjohnthebaptist org uk adminstjohn alt_main php DA gt ICl s Web f a a D He Bk EX x TN 19 Welcome to the website of St menu v B B Page i Patty ome List A Credo 2008 Path Home Home ES Functions fee History 3 Pagecontent 385 Welcome to the website of St John s Seve File l iin B Special Events mn B A Worship Filelist H aE Services k User j i Sosy B Easter C Sap bo B Christmas welcome to the website of St John s Sevenoaks E Q Help 2 Reload th f E About nadales l Re
6. click on portraits or the relevant folder in which the photo s have been uploaded TYP03 Web E EEE x rm No title v Z menu B Page foot List AN B Credo 2008 Path Home Home A Functions foe B History Niet Pagecontent 395 3 an Special Events 5 File E G Filelist e B Worse EE Services 3 User E i noon B Easter CA Setup len El Christmas 3 Help c Folder icon gi Reload the tree from server 2 About modules about to add an YW Manual GIF JPG JPEG TIF BMP PEX TGA PNG PDF AI Image bZ Webstats owe Sepa ail 2 Position Below center v laura Eps Image position Caption for under photo Alternative Text Alt text box General options Hide Start Stop Width pixels a T Wey EX _X wa Select the image you wish to insert by clicking the plus sign Jpeg images are recommended try to aim for an images under 30k Do not use tiff files are these are far too large for the web To upload an image scroll down beyond the list of images to the upload area Browse to where your image is stored and click on Upload files You can then select the image from the list by clicking on the plus sign Alt Text When putting an image on a web page you must always supply some Image alt text so that users of screen readers text browsers and other assistive technologies for disabled people know what is there on the page even if they can t see it The b
7. org uk adminstjohn alt_main php Lr Gs TYPO3 E Web E Ela Home Fz aai 4 Home neue ed elements E List p Credo 2008 i iga Histor A aneiens eee New record E File E h i E Special Events Filelist ee erchi i x A E Services ES Welcome tothe website of St John s Sevenoaks db amp User E Fa Easter fext This year is avery special one for us as we celebrate our 150th Ea Setup p Christmas 2 Help E F e 4l Reload the tree from server avout WY Manual N d z ew recor lis Websta Expand all Logout laura Fl What is the Temolawoila Page module icon In closer detail the options for the type of content you can select to create are shown in the screen below TYPO3 E a Home a Web E New content element B Page ea B METIE Home List HEE Credo 2008 5 e Histor z ara p nte rB a 1 SELECT TYPE OF CONTENT ELEMENT Gl ae Special Events hi E E iitorshi Please select which kind of page cantent you wish to create E Filelist mE TRE f User a Ebi Services Typical page content a Set ioe B Paster Regular text element fea etup l iea E Christmas A regular text element with header and bodytext fields Z Help E F About modules about TF Manual El Webstats Expand all Logout laura pil Reload the tree from serwer Text with image below Ci Regular text element with a field which can contain any number of images which are positioned below
8. the text Text with image to the right Like above but with the images placed ta the right of the text with the text wrapping around the images OO Images only OO Any number of images aligned in columns and rows with caption Like the image options above but without text Bullet list A single bullet list Form elements Mail form A response mail form by which users of the website can submit responses Click on the type of content you want to create The screen you get depends on the element selected Completing the element uses the same principles as editing Deleting content elements To delete a content element use the Delete icon when editing a content element icon 5 above or click on the dustbin icon at the right of the title menu bar 17 Dustbin icon 3 St John The Baptist TY PO3 4 0 4 Mozilla Firefox File Edit wiew History Bookmarks Tools Help a p ec hy 4 Atto test saintiohnthebaptist org uk adminstjohn alt_main php a Web E Ela Home E Page ee nE Home B List a Lae HE Credo 2008 Fa Functions fe if History File zl ha iE Special Events Filelist E E areni aS E Services use a O Easter Gi setup 0 a E Christmas 2 Help ai J About modules about WY Manual E Webstats Expand all laura P Reload the tree from server Fl What is the Temolavoila Page module Creating a page To create a page find
9. 03 Plus minus to d BS2userupload user upload photos gos expand tree lg TEM P p a a el Filename Type Date Size F ak eee wai fad IMG 6329 East end j IPG 25 01 08 318K F uncon A l Reload the tree from server File gl Filelist cad JPG 25 01 08 327K F J User zi E Setup Z Help 8 FlAbout modules TER About IMG 6332 East end JPG 25 01 05 320 k F WW Manual Lk Webstats 3 Expand all JPG 25 01 08 S50 kK F laura OM tae esse Cahan tna Ine AeL no Soni 2 You may need to expand the tree to see the folder you are looking for use the plus and minus Logging out Always remember to Logout when you have finished using the button on the left under the list of modules Editing a page Ensure the page module is selected Select the page in the page tree that you wish to edit You will then be presented with a screen like this 9 St John The Baptist TYPO3 4 0 4 Mozilla Firefox Sele File Edit wiew History Bookmarks Tools Help i a T Pee 2 7 E ify Lied neta test sainBabotne baptist nrg dt adminst anny alt Melly AAA a ce E 2COOTE Web 2 El z Home tnd Home B Page Mon used elements E E List ann mE Credo 2008 Ef Functions ne History E File o s sE Special Events 5l Filelist 7 pe ERABI i 7 TE i E Services ES Welcome to the website of St John s Sevenoaks df Pencil edit f User E tan E Easter Mext This year is avery special one for us as we
10. F ka i j E LS bb we a Web al El iafl Home WEB gt PAGE MODULE s Page EA Home If you wish to edit the content of a page please click the page title L OOO pe Pega anee anak ef Functions ie History E File 2 je cane Events TES fas Vil Filelist fe Worship a Services user E nE Easter A Setup ie Christmas ae sade Reload the tree from server about iy Manual i Webstats Expand all laura e The left column is the list of modules e The middle column is the page tree which lists the pages on the website which you are allowed to edit e The right column is the module content This varies with the module e The folders in the Page tree can be opened so you can navigate to the section of the tree which needs to edited Page module In this case the module content shows all the content elements which make up that page List module In this case the module content is a list of the pages which are under the selected page in the structure Function module This module allows you to create multiple pages at once Filelist You will see a list of the photo s pdf s currently in your image library in the module content area You will use this to upload photo s and pdf s St John The Baptist TYPO3 4 0 4 Mozilla Firefox fox File Edit View History Bookmarks Tools Help q gt Ah O httpitest saintjohnthebaptist org ukjadminstiohn alt_main eho 7 Gle s00 a
11. ONTENT elemento jecsccehenbentecaies ined acaaceunraccabontechwiclasedsueatdaue eee abentecuteainedaugehiams 17 Creando Ae san ar EA E dundee E E E O EEO 18 DeEIMI APIGE aneian a a a Pe a O N 19 Moving or COPVING pag n raorineireain s E E E AE O E i 20 ODUMISINI A PNOO enron N 20 SCCI a NE TEA EE E alate E A TA 20 WAO ONNE WE Dee E E E A a et et rear 22 Introduction What is a content management system A content management system CMS stores the content e g text images and documents to be used on the website and delivers it to the users of the website as web pages Using a CMS means the content is separated from the design with the content being delivered as web pages using a number of templates This means that the Editors do not need to worry about the design of the pages as this is managed by the templates They just have to think about creating good content Browser requirements To update the website Internet Explorer 6 or Mozilla Firefox 2 0 can be used Both need Javascript and cookies enabled When using the browsers there may be a warning about Opening popups or for Mozilla firefox it may ask you to install extra software Please allow this otherwise several CMS functions may be unavailable Logging in To login to the CMS go to http www stpetersclapham org uk cmsadmin You will be presented with this screen 9 TYPO3 Login St John The Baptist Mozilla Firefox File Edit View History Bookmarks Tools Help an
12. Paddington TYPOS 4 0 4 fh gt GE ah pp Page GQ Tools EJ Web g E a Home B Basane B Home E List o a ike What s On ES Functions pe B Worship Diary E File gl jo hen HE Oscance Event 2007 A Filelist i B 9 History i E G E Street Architect Welcome Helge a 3 User G O j E Pre World War II i mra Thank you for looking at the St James s website St James s sis an Anglican e Setu church near the centre of London We welcome worshippers enquirers and visitors from 5 ae al HA From World War II i lall over London and from many parts B Help g i be E Vicars of St James i B About modules i E Oscar amp Constance Wilde About PPR joo he HE Rosert Baden Powell 2 RR W Manual 5 E Gallery 2 2 ai E The Organ i i 7 Expand all sa B The New Nave Altar io is the TemplaVoila Page module a E Interior Features Show hidden elements Logout l Pn 25 Stained Glass i Tai Se Corbels aura Baap You will be presented with a screen like this The Church of St John The Baptist Sevenoaks Home Mozilla Firefox File Edit View History Bookmarks Tools Help v v ie http thea saintjohnthebaptist org uklindex php id 182 v gt IG _ St John The Baptist TYPOS 4 0 4 Ga HO The Church of St John The Baptis G The Church of St John The Baptist Sevenoaks Pencil edit icon Welcome to the website of St John s Sevenoaks
13. R tee IMG 6507 Picture east end j JPG 25 01 08 305K R 21 File s 5 3 Mbytes H New Click to See thumbnails Display thumbnails Show telipboard rather than list Scroll to the bottom of the list and select Upload Files you can then select the number of files photos you wish to upload One by one select browse and find the file photo you wish to upload 3 t John The Baptist TYPO3 4 0 4 Mozilla Firefox File Edit wiew History Bookmarks Tools Help a E x ge fit 4 https test saintjahnthebaptist org ukfadminstjohn alt_main php B Page o TEMP user_upload photos ijet tit iE photos A pi Reload the tree from server 5 files Use drop down to E File E e B Filelist C Overwrite existing files upload multiple files E Buse E a Setup 2 Help a S Gy about modules ansa about Nee W Manual aS E Webstats Expand all When you have selected all the files photos click the upload files button 13 NB It is advisable to organise the files into appropriately named folders so that the files are easy to find once there are a large number of files in the CMS Adding images If you have selected Text with image below Text with image to the right or Images only click on the open folder icon next to the Images box You will be presented with a box with a list of the images available If you don t get the list of images in the box
14. a 5 Interior Features sa amp Ge J Logout B Z ene ege i c A Insert Table Windows Internet Explorer of x sura CEK D F TA je http fwww stjamespaddington org uk typo3conffext rtehtmlareashtmlarea popups insert_table ht a cee Insert Table fo bem o i AS i wwe SSS B M Dimension E Bal 5 ye Rows l2 Cols 4 Width 100 Percent 7 l Bi 2 LER Border Spacing and padding SES Cont Border thickness p Cell spacing pi EK Cell padding 1 ao B 4 ol Reload the OK Cancel 2 Done Internet 100 eneral options 4 gt Hide Start Stop You can now populate the table with the data If you left click in a cell and then click the right mouse button you will get a context menu giving you options to alter the alignment etc Tables are formatted using stylesheets when they appear on the web page so you will not have to worry about presentation but will be able to focus on the content in the table Creating a bulleted list Select the bullet list icon in the editor Creating new content elements Click on the Create new record icon a page with a star in the top left at the appropriate place on the page An icon is available in between every content element and at the bottom and top of the page 16 9 St John The Baptist TYPO3 4 0 4 Mozilla Firefox File Edit wiew gt History Bookmarks Tools Help Aa Mea fat C_hitp test saintiohnthebantist
15. e Text General options Hide Start Stop C B an B Click in the width box to bring up the height box at the top of the screen Specify the height in order to format the photos neatly side by side Try 300 or 500 and see how it looks with the preview button When adding captions and alt text just add one under the other Only put two images in each page record or three if they are small Creating a table 15 Tables are created using the WYSIWYG editor When you click on the icon you can select how many rows and columns the table will have and these will be inserted into the content area When you first insert a table the borders are not present so you ll need to push the toggle borders button TYPO3 web g El Home E E EX x Jono title IB menu IB Page TR B Home yi List Ga What s On Path FON FUSO RONE Baden Po ES Functions B Worship Diary E Pagecontent 341 File a i aL Oscance Event 2007 2 Type E E Filelist Sy Text vje i j 2 G E Street Architect a pese E E Pre World War II 2 Header MA Setup i i sone B From World War II 2 Help E ee B Vicars of St James ITee 2 About modules i Se Oscar amp Constance Wilde Default v Default z About es 5 Robert Baden Powell jaso Soe soit YW Manual E aj Gallery Va U S x of 4 T 1H U oggle borders 2 i E The Organ 4 p ri a ro V Expand all E The New Nave Altar Table 1CON E FA nf l
16. e box in the list given St John The Baptist TYPO3 4 0 4 Mozilla Firefox File Edit wiew History Bookmarks Tools Help E e T iy http f test saintjohnthebaptist org uk adminstiohn alt_main php gt iG Typo3 Web E E aj Home Bi RIB xT Welcome to the website of St Z menu Page ea B Home List oo E Credo 2008 Path fHome Home eS Functions E History J Pagecontent 385 Welcome to the website of St John s Seve File 3 ea B Special Events Filelist j i Worship B Services 4 User faa B Easter Setup Ta Christmas Hel gi Reload the tree from server About ed Text Default W Manual No size Normal Y BZU S x of Webstats pn ee lt P Ht E OE a A E E i E Expand all A Cegout This year is a very special one for us as we celebrate our 150th birthday Elsewhere you may read about the special events that we are hosting Creating a link Remove Formatting button To create a link to another page on the site to a file e g a PDF to an external website or to an email address highlight the text to be made into a link and click on the Insert web link icon or right click on the selected text and click on Make link 10 El g no T E Ex x a a Welcome to the website of St J Y al menu pee Home aed nE Credo 2008 Pathi Home Home ES Functions el E History a ig File go o HE Special Events
17. e file size e If you are linking to another website select External URL tab Insert the URL in the appropriate box and click on Set link Target should be used if you want the web page to which you are linking to come up in a new window By default external sites will load in a new window and internal links load in the same window leaving this blank will use the defaults Title this is optional but is useful for accessibility e If you want to create a link to an email address select the email tab Insert the email address in the appropriate box and click on Set link If the text you have selected is an email address the system will automatically create a link The Title is as for external links If you want to remove a link select the text which is currently a link and then click on the Remove link tab in the box Uploading a file or photo To add a file you will need to upload your file to the file storage area of the CMS first All the files are currently PDFs and photo s are JPEG s This is the recommended format for files Before uploading a file ensure the filename is free of spaces short but descriptive and does not contain any full stops except before the extension ie nave altar jpg To upload a file photo select the Filelist module on the left then select the folder in which you wish to upload the file photo 12 9 St John The Baptist TYPO3 4 0 4 Mozilla Fire
18. fox File Edit View History Bookmarks Tools Help lt a hi E Gt 4 Atos itest saintjohnthebaptist org ukfadminstjohn alt_main php user_upload photas hie Filename Type Date ize RW Ref a wal i ral Funct ee pJ Reload the tree from server BF IMG 6482 Altar Crucifix JPG 27 01 08 166k R E File ai del IMG 6484 Memorial Clarke j JPG 25 01 08 i4zkK R E Filelist dad IMG 6496 Statue S John Bapt JPG 25 01 08 201K R User E BF IMG 6487 Window Harrawing o JPG 25 01 08 285 K R A Setup el IMG 6489 Window siqnsture T JPG 25 01 08 216K R Ore Gl a IMG 6490 Window Resurrectio JPG 25 01 09 256K R E eh en i nt et el IMG 6492 Window signature T JPG 25 01 08 58k R About modules dad IMG 6493 Exterior j IPG 25 01 08 200K R About r te IMG 6494 Exterior j JPG 25 01 08 316K R TF Manual pE deel IMG 6495 Exteriorj JPG 25 01 08 261K R Webstats ded IMG 6496 Exteriorj IPG 25 01 08 276K R a IMG 6497 Notice board j JPG 25 01 08 440K R Expand all cad IMS 6498 Exterion JPG 25 01 08 293K R cad IMG 6499 Foundatian stone 1 JPG 25 01 08 454 EKE R ta IMG 6500 Foundstion stone 1 JPG 25 01 08 216K R iara ded IMG 650i Exteriorj JPG 25 01 08 291K R de IMG 6501a Exterion IPG 25 01 08 282K R dad IMG 65025 Mission Church AlL JPG 25 01 08 110K R ie IMG 6502b Mission Church Ro JPG 25 01 08 75K R fa IMG 6506 Drawing East end j JPG 25 01 08 534K
19. he option to select the template for your page Select Default Template option Once you have selected one of these options you will be presented with a screen like this TYPO3 z E Web El E aj Home TA E XS Ma tithe we Ea menu race ae E ieee Lester E ee escalate List z Credo 2008 Path Homer Ea Functions ny History H A Page 191 File E Seel Special Events 2 Hide page Ta TY i ie Worship Bueles te Services Z Pagetitle i sini E ae Easter 4 Setup ty E Christmas 2 Alias 7 pi Reload the tree from server About 3 T ey x WF Manual Show field descriptions Disable Rich Text Editar RTE apal Show secondary options palettes Eo Webstats Expand all Ensure that you click hide as this keeps the page hidden while you are working on tt Uncheck it once the page is ready to go live Add a page title This should be kept short if it is going to appear in the navigation Leave the Alias field blank Once complete click the Save icon The page is now created To add content navigate to your page in the Page tree and click on it Edit as above Deleting a page Click on the icon next to the page you want to delete in the Page tree A grey menu will appear Click on Delete at the bottom of the menu then click OK when asked to confirm your action 19 Moving or copying a page TO move or copy a page click on the Page module t
20. i ce A http itest saintjohnthebaptist org uk adminstjohny TYPO3 7 Administration Login on St John The Baptist Username E i Password E Ieee Mote Cookies and JavaScript must be enabled TYPO3 lt q TYPOS CMS Copyright 1999 2006 Kasper Skarhaj Extensions are i copyright of their respective owners Go to http typos com for details TYPO3 comes with ABSOLUTELY NO WARRANTY click for details This is free software and you are welcome to redistribute it under certain conditions click far details Obstructing the appearance of this notice is prohibited by law Login using your username and password If you would like to change your password go to 3 User Setup in the left menu You will get a screen like this St John The Baptist TYPO3 4 0 4 Mozilla Firefox B Page E List Fe Functions Sle 8 Filelist ss kr User E 4 Setup F Help E J About modules about manal a IEL Webstats Expand all laura fit adminstjohnjz e D IG Google LANGUAGE English bd B STARTUP Use condensed mode in backend for small screens 2 Select navigation mode Left frame menu default wal Start up in the module Task Center a Show Thumbnails by default Show help text when applicable Max Tithe Length RB EC ADVANCED FUNCTIONS Recursive Copy Enter the number of page sublevels to include when a page is cop
21. ied Recursive Delete Allow ALL subpages to be deleted when deleting a page EDIT Wide document background Enable Rich Text Editor if available File upload directly in Goc module Context Sensitive Help mode Display help icon only Disable Popup Context Menus PERSONAL DATA Your name four email address Oiol IE UO L Hotify me by email when somebody logs in F from my account 2 O New password 2 New password again Saye Configuration Reset all Values to default LIZ Notice In order to activate most of these changes please reload the backend teg logout and login again At the bottom of the screen is a section called Personal Data Put your new password in here and then Save configuration Once you have logged in you get a page like this 4 J St John The Baptist TYPO3 4 0 4 Mozilla Firefox DER File Edit wiew History Bookmarks Tools Help a a Gt B http best saintjohnthebaptist org uk adminstiohn alt_main php Bl C ooge E Bits ooo TYPOS 4 0 4 H les Web Content Management System E Functions SS er Sains TrPo OMS ver 4 0 4 Copyright 19998 2006 Kasper Skarhej Extensions are copyright of Lra MS YER Fi T Fie 8 TYPO3 their respective owners Go to httpitypoz com for details TYPOS comes with ABSOLUTELY Filelist HO WARRANTY click for details This is free software and you are welcome to redistribute it under certain
22. ilelist mS Worship E History Services E ial A User E Special Events a ah E Easter E Worship T ERSE zg E Christmas Services C Help E about ach tee P Reload the tree from server Pagecontent 1 Eh about Header i W Manual E EJ Mo titel LY Webstats Extended view Expand all Show clipboard Localization view laura Create new record Search Search String g This page wt Search Show records box 4 Put in the keywords you want to search for and then select the number of levels down in the CMS you want to search by selecting from the drop down menu next to the search string box Then click on Search Click on the icon next to the record and then click show When you show a record a new page will load up in a new window 21 Writing for the web Two important aims for the website are high usability and accessibility Usability this is a measure of the quality of the site including how easy it is to use and how intuitive Accessibility this is a measure of whether people can use the site who are disadvantaged in a physical mental or technological way A large part of having a usable site is related to the way the content is written and presented A lot has been written on the subject and very useful site is www useit com but just to give you a flavour of what need to take into account Web users are impatient they want to reach the information they need quickly and easily Reading tex
23. load the tree from server Text About Ea Paragraph Default v Text Default W Manual No font v Nose wv Normal BZ US x M T ll Webstats Fee ee 8 es ee r 4 ESEE LEGER OG AebAmal ae Expand all lt gt RA a amp amp ma This year is a very special one for us as we celebrate our 150th birthday Elsewhere you may read about the special events that we are hosting laura We are focusing on our calling to be a holy people a learning people and a loving people We do this because we strive to follow in the footsteps of Christ every dav We are not nerferct and fsadiv we dn nnt have annelic winns Tn The parts of the edit form are Type Header Text Text w image Image and Filelinks This shows the type of content element which was selected when it was created Header Self explanatory This is the same as selecting text in the text box and clicking on heading 1 in the text type Paragraph This should not be changed Font Font and point size should not be changed Text type Normal Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Preformatted Address These can be used by selecting the relevant text in the text form and then selecting the text type Editing icons The main icons which you will use are B tables and the Insert web link icon Text box Self explanatory Saving content Once all the content is edited save the content element There are several Sa
24. ment Create a link Insert paragraph before General optior Insert paragraph after Hide Sti Tir mi Im rie im You will then get the following box J http test saintjohnthebaptist org uk Insert Modify Link Mozilla Fir Aiel Remove link Target bl Qpen in window I width x Height s style Tithe I B Home H ee E Home or ofS Credo 2008 H l in History H Esse B Special Events H an lE Worship H B E Services H Ee E Easter H Done Click on the appropriate tab at the top of the box depending on which type of link you want to create e If you are linking to a page on the site you will get the box above Navigate to the page you want and then click on it The link will then be created If you would like to 11 link to a particular part of a page click on the arrow to the right of the page you want and then click on the content element to which you would like to link e If you are linking to a file ie PDF select the File tab Select the PDF folder and the PDF you wish to link to You will need to upload the file first see section below NB Users should always be warned when a link is to a PDF file so that they have to option to download at that moment or not It is very frustrating for users if they are browsing a site and suddenly find they have to wait for Acrobat Reader to open and the file to download So in brackets after the link put PDF and then th
25. op left then click on the page in the structure that you wish to copy or move Up will pop a menu with cut and copy options Select the one required and then click into the structure where you want the page to go You then have the option of Paste into create a subsection or Paste after Optimising a photo Open up Photoshop Elements Photoshop File Open the photograph you wish to optimise File Save for Web The picture on the left is un optimised and the picture on the right is how it will look when it is optimised Make sure it is set for JPEG and the file size under the picture on the right is under 8k change the settings at the top right accordingly ie Low Medium High Maximum etc until the picture on the right is of satisfactory quality but of low size Usually Medium or High is fine Original file size Original gagltford road jpg New optimised file size Click save and save with a new file name You can then upload this into the CMS Always make sure you do File Save for Web to optimise the photo before you upload it Searching 20 To search for records within the CMS click on List in the left column and at the bottom of the page there is a search box ah Web E S a Homs fHome s Ager C o ere Home z rage ae i aa Page 6 h List ie redo T z Pagetitle Fe Functions fee History Fi Home File a ae Special Events E Credo 2008 F
26. ox for the alt text appears at the bottom of the page This text must give a description of the image Caption 14 There is also the option to include a caption for the image This will display on the web page as opposed to the alt text which will not Position of image The position of the image on the page can be set by selecting one of the icons in the Position section below the Images section Image Size When formatting a page which contains images the best way to get two images side by side is to add them into the same page record St John The Baptist TYPO3 4 0 4 Mozilla Firefox File Edit wiew History Bookmarks Tools Help v X T Gt http ifkest saintiohnthebaptist org uk ad Choose gt Gl TYP03 L Y xj Height pixels ivi height amp Web Ejay Home EEE x TN No title v 2 menu B Page i IH B Home E List snl B Credo 2008 Path PHOMA RETA ES Functions io ina fre Pagecontent 395 z Eneess Special Events Fil 3 eee s HE Worship 3 Services User 8 Bo Easter D Setup IN Christmas 2 images Help E P About aie gi Reload the tree from server side by side about 2 IMG _6335 East end jpg W Manual gt HZ Webstats GIF JPG JPEG TIF BMP PCX TGA PNG PDF AI b Toe Expand all 2 Position Below center J laura Eps sii as Click in es m e es width box re mage Options 2 Caption Add captions one under the other Alternativ
27. t on a computer is uncomfortable so users want to keep this to a minimum Reading from the screen is at least 25 slower than from paper Users do not read from left to right and top to bottom of a page as they would with printed material they scan trying to pick out a few sentences or even few words to get the information they want Users don t like scrolling down pages they prefer text to be short and to the point Users dislike a marketing speak style of writing preferring plain straightforward text Keep content short a web page should have half the word count or less compared with conventional writing Break text into chunks with headings and bullet points Try to make the pages scannable Use clear language Cut out waffle and jargon explain or avoid acronyms Provide general information first and then link to more specific information which the user can choose to follow if they are interested Put one idea per paragraph Put the most important information at the start of each sentence paragraph or page Use bulleted lists where the sequence is not relevant numbered lists where it is relevant Other considerations Minimise the number of clicks users have to make to get to the information they want Be careful about download times for images files and pages lf PDFs or other files are added to the pages make this clear to the user showing the file type and size Avoid uppercase letters as they are hard
28. the place in the page tree where the new page should appear and click on the icon next to the page adjacent to where the new page should be inserted A grey menu will appear Select New from this menu rs Web E E a Home Bra 2 a Ba Es 4 Home eae ee aw EE List SEDE Be Edit edo f le Fage inside FS Functions eos 17 ee is ais Lay Click here for wizard Mew File al 2 waned B opa E i Filelist po Te Copy user g B Wersioning Be E Pagecontent E A Lan dad Click here for wizard Page after bA Setup 0 ia hare SRIENE Z Hel Hel p El Hide About modules pJ Reload th Seale settings Ha Create a new page Create a about Edit page properties Wy new page TF Manual re Delete T 9 eea History Undo Et bf Webstats Expand all laura If you select Create New Page you will then be given the option add the page anywhere into the page tree 18 TYP03 Peas Te Home Ch Services i P Credo 2008 E List i B Select a positon for the new page Fe Functions ae History T Le Special Events File El i tenes Filelist ae oe iets Top level EE Services Section use 3 User l iis Easter ee 4 Setup Fate Christmas l nR San SEAE l Reload the tree from server about iy Manual is Sub level EI Webstats gE Section Not used Expand all Logout You can then choose where you want to insert your new page You will then be given t
29. to read on screen Hypertext links should make sense out of context Screen readers list all links together so a list of Click here links is very unhelpful If visual media are used an auditory description should be included Also a text description should be given for any auditory files 22
30. ve options as well as other icons at the top of the page These are Icon1 Save content Icon2 Save content and then preview the page Icon3 Save content and go to the manage elements screen for this page Icon4 Don t save just return to manage elements Icon5 Delete this content element Typo3 12345 Saving and web Era Homa EE BX tc titie Deleting Jp TEPE z Home 1cons List a Credo 2008 Path Home History Robert Baden Po PF Functions ify History A Pagecontent 340 ine Special Events File i 5 Type i He Worship Filelist Text wimage v E BE Services User Be Easter Header G Setup es Christmas sy Hel oH an d a Reload the tree from server Text out modules E About Paragraph Text Y Manual No font 7 No size z Normal M BZ US x oY Click on the Save and preview button and a new page should pop up This is the front end preview page you can edit this using the pencil icons as described in Editing in Web Page View above Working in the web page view This view allows you to see the content in context i e as it will look on the web page To do this select the magnifying glass Saint James Paddington TYPO3 4 0 4 Window Jof x GA Rp ita sanepan org Ht len I fagnifying 4 X GD 0608PK Pir 7 File Edit view Favorites Tools Help a gt we a Saint James
Download Pdf Manuals
Related Search