User Manual, HESPE Homepage
Contents
1. S Laszlo Istvan Etesi letesi Logout v WEB Path HESPE eu 0 Hec ac MJ d View Create new Page a Home General Options Gs Versioning i ond About Scientific Objectives gt Test ih User settings 7 Science ill workspace Instrument and Data Documents News and Resources fs Internal Resources Data Access Show secondary options palettes fy Software Public Outreach External Sites Pagetitle v USER TOOLS 5 Page NEW 11 Click on the H icon at the top over Create new Page to save the page Or click on to save and close the page Let s use 3 12 Next you could add a new record Instead click in the page tree on the arrow in front of About to see your new page Test Then click on Test itself NOT on the icon but on the text 3 HESPE eu TYPO3 4 4 6 Mozilla Firefox E A _ http www hespe eu typo3 backend php ri Fs dk E ypo3 workspaces anzeigen P WoW Webmails Dic Enc Fun System Tools Various Shops jj Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 L szl Istvan Etesi letesi Logout OIRR EE E v WEB Columns Path Home Project About 4 amp Test 52 d View Pagecontent Tus v reme z v 3 Project v USER TOOLS v About Show hidden content elements i Test c User settings A Scientific Object2. L szl Istvan Etesi letesi Logout Path Home Project About Test 52 dB praftworkspace 000000 Edit Pagecontent Test element on page Test z Home General Text Media E H Versioning 4 v Project Text v USER TOOLS v About i Test amp User settings 5 Block style ih Workspace E Scientific Objectives Science Instrument and Data Documents News and Resources fg Internal Resources Data Access fy Software E Public Outreach External Sites No block style Text style No text style B I x x fi ai lt Remove block format EP Container d Heading 1 KETTEN Heading 2 Heading 3 I will stay regulai T Heading 4 I will be a sub h Heading 5 I will be regular t Heading 6 Paragraph Quotation 3 Paneconte b g HESPE eu TYPO3 4 4 6 Mozilla Firefox v E A http www hespe eu typo3 backend php piri i J ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun System Tools Various Shops gj Dropdown Men mit3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 X HESPE Test S L szl Istvan Etesi letesi Logout Path Home Project About Test 52 d Oetereerel ait pagecontent Test element on page Test Sd a Home General Text Media v 3 Project udi v About SE Block style No block style Scientif
3. HESPE eu TYPO3 4 4 6 x HESPE Test L szl Istvan Etesi letesi Logout v WEB Path Home Project About Test 55 S Meme cw DUE Edit Pagecontent Test element on page Test v Home General Text Media Ey Y Project v FILE v Ei About ane Test gt 300px Rhessi jpg Filelist E Scientific Objectives Spec 20101001 Oct 2010 PDF Science a Instrument and Data GIF JPG JPEG TIF TIFF BMP PCX TGA PNG ih User settings E Documents PDF AI Bl Workspace News and Resources I Internal Resources Data Access DITE Software Public Outreach Es In text right z External Sites E Liz Ead d E Images v USER TOOLS Pagecontent 34 42 You are now only allowed to change the position of the media block under Position and to add a caption for the whole block under Caption Let s select Below left and give it the caption Test media HESPEeu TYPO3 4 4 6 Mozilla Firefox j c3 j Cc 4 http www hespe eu typo3 backend php t Pa dk Uy 7 typo3 kein fileadmin in dra A Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu QP TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x jHEPETet x L szl Istvan Etesi letesi Logout Path Home Project About Test 55 A DRAFT workspace 0000 Edit Pagecontent Test element
4. News and Resources H Folder tree gt 3 Internal Resources x Data Access p d Y Sl User Upload Folder gt fy Software temporary files Public Outreach I wi E documents E External Sites v images I will s Pest I will E Display thumbnails I will E Din Magic mode you can select any kind of image with any dimensions The image is automatically converted to a web image format and any adjustments you make to the size of the image is post processed in order to optimize size and quality 46 Find your images inside the test folder and select one You will see that it s directly inserted into the text where you had placed your cursor E HESPE eu TYPO3 4 4 6 Mozilla Firefox A ee X e A A LL http www hespe eu typo3 backend php LW We IKI 4 typo3 kein fileadmin in draft modi 2 Lh WoW Webmails Dic Enc Fun System Tools Various Shops ft Dropdown Men mit 3 Development _ Helio _ Mom Y4 Medizinische Versorgu nl Weboffice Weboffic 4 tl e Enterprise Open PCa eu x Test x di TYPO3 the E Open Sou HESPE eu TYPO3 4 4 6 HESPE T L szl Istvan Etesi letesi Logout v WEB E Path Home Project About Test 55 Page View Edit Pagecontent Test element on page Test E as 9 Home General Text Media Bi Versioning i Search M L Project Te
5. Science Filelist Instrument and Data Test element Documents I will become a heading A News and Resources I vill stay regular text amp User settings I Internal Resources xl 3 Din Arras File link External link iil Workspace I will be a sub heading Ls Software I will be regular text underneath the E Public Outreach sub heading External Sites v 9 Home E Pagecontent Default Text w image v USER TOOLS Show hidden content elements Search Search String This page v Search Show records 72 Now we want to remove this page from the system To do so click on LI in front of Test Then select Delete and confirm
6. cepyrigr E List of their respective owners Go to http typo3 com for details TYPO3 comes with ABSOLUTELY NO WARRANTY click for details This is free software and you are welcome to redistribute E Versioning it under certain conditions click for details Obstructing the appearance of this notice is prohibited by law v FILE Filelist This is a brief description of the available modules v USER TOOLS amp web User settings Page Page content This module allows you to create and edit webpages view page hit statistics Workspace manage different languages and columns of content per page and access special page contents like guestbooks and shopping items amp View View page Shows the look of the current page and lets you edit the content directly List List of database records The Web List module provides low level access to records appearing on a page as Versioning Page and content versioning and workspace management for pages The Web gt Versioning module provides access to versioning features for the page tree File Filelist Listing of files in the directory This is the file administration system in TYPO3 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 A User tools User Personal user setup settings This module allows you to customize your backend user profile Here you can change your active system language name and email
7. 6 x __ HESPE Test x S Laszlo Istvan Etesi letesi Logout Y WEB User Upload Folder images test 3 Files 11 0 MB J 3 Page D view grm EL Fiename ure pate sce nw mer List 3 documents 300px Rhessi jpg JPG 28 01 11 15 6KB RW B Versioning v a test v FILE j Spec 20101001 Oct 2010 PDF PDF 28 01 11 10 9 MB RW Filelist a hessi3a jpg JPG 28 01 11 83 KB RW Extended view v USER TOOLS Display thumbnails i User settings Show clipboard il workspace 38 Now let s go back to our test page and edit the test content element HESPEeu TYPO3 4 4 6 Mozilla Firefox i 5 8 2d p A http www hespe eu typo3 backend php Ww we Ki 4a 7 typo3 kein fileadmin in dra P WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu WY TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x L szl Istvan Etesi letesi Logout j Page Gb View List v 9 Home By Versioning Edit Pagecontent Test element on page Test General Text Media v Project Text v FILE v About Felis oe coo LET Science Text style Instrument and Data id User settings L Documents il workspace fy News and Resources Fa Bai lt gt E Internal Resources j 2 Data Access Hi L Software Public Outreach I will become a heading E
8. 9 Home Hs v 3 Project v USER TOOLS L About Scientific Objectives cd User settings Science il workspace C Instrument and Data Documents fy News and Resources k Internal Resources Data Access L Software Public Outreach 7 External Sites 7 Anew page can be added by left clicking on the 5 icon in front of About and then by selecting New To the right a new menu opens allowing you to say Page select position HESPE eu TYPO3 4 4 6 Mozilla Firefox v oe AO http www hespe eu typo3 backend php L szl Istvan Etesi letesi Logout Path Home Project About 11 Borat workspace New record About v 9 Home D A Create a new page v 3 Project Page inside 7 About Page after Scientific Objectives Page select position Science Instrument and Data Documents fy News and Resources fs Internal Resources Data Access i Software Public Outreach External Sites je Create a new content element Pagecontent gj Click here for wizard 8 After clicking on Page select position you are allowed to specify WHERE to add the page Mone tm n HESPE eu TYPO3 4 4 6 Mozilla Firefox fox X m A 3 http www hespe eu typo3 backend php LW We iki B 7 ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun System Tools Various Shops Ini Dropdown
9. Editor RTE opens that allows you to add content Let s add some text z B HESPE eu TYPO3 4 4 6 Mozilla Firefox LE Ed A http www hespe eu typo3 backend php LW Pa K ypo3 workspaces anzeigen c fiv Ki P WoW Webmails Dic Enc Fun System Tools Various Shops fil Dropdown Men mit3 Development Helio Mom Y Medizinische Versorgu HESPE eu TYPO3 4 4 6 x HESPE Test x S L szl Istvan Etesi letesi Logout v WEB Path Home Project About Test 52 D UM Edit Pagecontent Test element on page Test List v Home Bj Versioning General Text Media x fy Project Text v USER TOOLS vE E iz Test Block style cd User settings 7 Scientific Objectives si ee Workspace 7 Science Text style No text style Instrument and Data Documents fy News and Resources E 4 0qS 9 fg Internal Resources r 3 Data Access H fy Software E Public Outreach External Sites I will stay regular text B Z x x Paragraph I will become a heading I will be a sub heading I will be regular text underneath the sub heading Path body p A Paaecontei 27 Save and preview Click on m and open the preview window tab You ll see that we added regular text HESPE Test Mozilla Firefox E Pc A WoW Webmails Dic Enc Fun System Tools Various Shops ni Dropdown Men mit 3 Develo
10. Sites Login Search Sy Project Test element I will become a heading I will stay regular text Test media ois ee ee ieee For navigation instructions please click here aesius B ccc o Rae x 44 Go back to the backend and remove the images again by selecting the media files in the list and then by clicking on X next to the list Then save n B HESPE eu TYPO3 4 4 6 Mozilla Firefox ciel x EES n tl m ll S pe m N Y j http www hespe eu typo3 backend ph we 7 NX iri 4 03 kein fileadmin in draft modi p P typ php sy typ WoW Webmails Dic Enc Fun System Tools Various Shops fa Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu lwe Weboffice Weboffic Y TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x x TYP03 L szl Istvan Etesi letesi Logout v WEB Path Home Project About Test 55 View Edit Pagecontent Test element on page Test E List v 9 Home Bis Versioning i Search v Project v FILE vA ne Pater Test 300px Rhessi_01 jpg ER E Ca Filelist gt Scientific Objectives Spec 20101001 Oct 2010 PDF j 300px Rhessi 01 jpg Science X v USER TOOLS 7 xs dens Instrument and Data GIF JPG JPEG TIF TIFF BMP PCX TGA PNG amp User settings Documents PDF AI jj Spec 20101001 Oct 2010 PDF ig Workspace News and Resources E Internal Resources gt d gt
11. address You may also 5 After selecting DRAFT workspace you are sent to the Page edit page accessible through the menu to right Note the yellow marker indicating the DRAFT workspace HESPE eu TYPO3 4 4 6 Mozilla Firefox pe GY LL htpi wwwhespeeu typo backendphp Wr W del gt ypo3 workspaces anzeigen 2 WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu L szl Istvan Etesi letesi Logout Path HESPE eu 0 Mee oj i Web gt Page module A Please click the page title in the page tree to the left to edit page content E List v Home News and Resources I Internal Resources Data Access il workspace iy Software L Public Outreach External Sites 6 The page tree can be traversed by clicking on the little arrows in front of e g Project News and Resources etc HESPE eu TYPO3 4 4 6 Mozilla Firefox E MEE X X e AO http www hespe eu typo3 backend php V Pa I 4 ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 i oe L szl Istv n Etesi letesi Logout Path HESPE eu 0 NENNEN Please click the page title in the page tree to the left to edit page content v
12. am C AA 000 Mp won hespe eu typo3 backend php Ws E A gt typed kein fileadmun in dratt modus Pi Li Wow i Webmails Dic Enc Fun System Toots Various _ Shops Wi Oropdown Men mit 3 Development Helio Mom Y Medinnische Versorgu Webotfice Weboffic J Freelntemet Radio S CamStudio FreeScre _ Chateau d Agel S dtirol Scratch Home imagi 4 TYPO3 the Enterprise Open Source HESPE ew TYPO3 4 4 6 x MESPE Test User Upload Folder Temporary files C ust E documents 34 Now select the folder images To the right you will see this folder s content Here eu 703 446 Molla Fiet LC CO xXx nirp iwem espe euitypod tackend pap o WoW Webmais Dic En Fun Sydem Tods Varo us Stops T 0eeptown Mens mt 3 o Developmen Helo Mom Y Medizinische Versoqu Wehoffice Webelfic A Free Internet Radio 5 QT TYPO3 the Eeterprie Open Seure HESPE e TYPO 4 4 6 x HESPE Test We LL NIS typos kein tiesam n dist modus P CamStudie Free Soe Chateau d Agel S fti T Scotch Home imagi L xzl Istv n Ptesi latent User Upized folder magea 0 Pies B X Page e Temporary fies D mee O e O e e e CN Extended nes By eroro O megas Display tombeasts Stow dobsard 35 To create a new folder left click on Jin front of images and say New Then to the right under New file or folder enter the new folder name e g test and
13. folder tree and select your file You will see that File link will be marked as a link File link External link I will be a sub headinc 54 Try the preview 55 Clicking on the file link will open the file in the same window If you want to open your file in an external window go back to the backend click on the file and then again on e 56 Now select a different Target Say New Window and click on Update v Width x Height download Test file 57 Try the preview 58 To add an external link go back to the backend highlight External link and click again on d Then open the External URL tab HESPE eu TYPO3 44 6 Mozilla Firefox S rr LO Dco 4 http www hespe eu typo3 backend php Ly Ke IK typo kein fileadmin in draft modi 2 WoW Webmails Dic Enc Fun System Tools Various Shops mi Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu nl Weboffice Weboffic v TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x TYP03 S L szl Istvan Etesi letesi Logout il E Y ES L uw z HB v WEB Path Home Project About Test 55 2 Pave BUT DRAFT workspace ait pagecontent Test element rest View ageconten est elemen on page e E List ME Home General Text Media Versioning Search v 3 Project Text v FILE v About Block style Baan rt nk Filelist 7 S
14. on page Test Home General Text Media v Project v About Et gt 300px Rhessi jpg Filelist E Scientific Objectives Spec 20101001 Oct 2010 PDF Science Instrument and Data GIF JPG JPEG TIF TIFF BMP PCX TGA PNG Images v USER TOOLS amp User settings Documents PDF AI News and Resources fs Internal Resources Data Access fj Software Public Outreach E Below left i External Sites oO bI gl m zm e Em B ES E Pe E Position Caption Pagecontent 34 43 Let s preview our page by clicking on kal E 8 HESPE Test Mozilla Firefox c E rS e e 5 S S Rt atl MEN a D o uu su 7 e A L http www hespe eu index php id 55 LW We Kl 4 typo3 kein fileadmin in draft modi 2 Ll WoW Webmails Dic Enc Fun System Tools Various _ Shops jj Dropdown Men mit3 Development Helio _ Mom Y Medizinische Versorgu nl Weboffice Weboffic ru TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 44 6 X HESPE Test x d GI HINIEIRIG VAS TOJDAYR IM JHN Project NewsandResources Data Access Software Public Outreach External Sites Login About gt Test Scientific Objectives Science Instrument and Data Documents will be a sub heading News and Resources Data Access I will be regular text underneath the sub heading Software Public Outreach External
15. regular text undemesath the sub heading Partners Funding Disclaimer Copyright Contact etc 49 Before publishing our result we will use the Insert link button to add a link to a project file and a link to an external site 50 First go and upload a PDF file to the test folder This procedure has been described earlier with images It works the same for PDFs etc 51 Go back to the Text tab in the backend Then position your mouse cursor behind the inserted image hit enter and add the text File link and then External link Qi HESPE eu TYPO3 44 6 Mozia Freto T I ats e c 5 http www hespe eu typo3 backend php an e E typo kem filesdrmin in draft modi P WoW Webmah Dic Ence Fun System Tocis Various Shops m Dropdown Men mt 3 Developenert Hele Mom Y Mediuinische Venorgu 9e Webelfice Webeffic AT TYPOJ the Enterprise Open Source x HESPE ev TYPO3 4 4 6 x HESE Test TYPO3 161 letes Log Gn RT ejo senasa LS LR wen Path Home Project About Test 55 uf Pag F DRAFT workspace db Ves aur ee n Edit Pagecontent Test element on page Test Lust v Brome 7 z By versionin a earch Y T Text Fuit amp bout T 4 Filelst ne Teeth USER TOOLS iR ipium d Usar setting BI x rwy iE nQ we Workspace he Ta Aio 9 v e in So aii LE n ewu P 5 File link External inii I will be a sub heading E Pagecontent 34 Show secondary opbons
16. say Create folder n HESPE eu TYPO3 4 4 6 Mozilla Firefox l er e 110 http www hespe eu typo3 backend php 7 we i RE typo3 kein fileadmin in dra WoW Webmails Dic Enc Fun System Tools Various Shops t Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu QP TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x Laszl6 Istvan Etesi letesi Logout v WEB 3 Page View User Upload Folder New file or folder Ci Temporary files List 3 documents i D1 Versioning images Number of folders test v FILE Filelist Create folders Cancel v USER TOOLS amp User settings Create new textfile ill workspace txt html htm css tmpl js sql xml csv inc i Create file I Cancel g HESPE eu TYPO3 4 4 6 Mozilla Firefox gt A eC A _ http www hespe eu typo3 backend php M Ww IE uj typo3 kein fileadmin in dra WoW Webmails Dic Enc Fun System Tools Various Shops ni Dropdown Men mit 3 Development Helio Mom Yg Medizinische Versorgu X TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 X HESPE Test x L szl Istvan Etesi letesi Logout Br e v WEB User Upload Folder images 1 File 0 B C 2 Page uM Nip of plana Filename type Da
17. visible to all frontend visitors However remember we are in the DRAFT workspace Thus no one but editors can see the newly created and unhidden page 15 Now click on Test in the page tree to edit its page content 3 HESPE eu TYPO3 4 4 6 Mozilla Firefox Y C 4 http www hespe eu typo3 backend php Ww Fu k 4 ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun System Tools Various Shops jj Dropdown Men mit3 Development Helio Mom Medizinische Versorgu _ HESPE eu TYPO3 4 4 6 S Laszlo Istvan Etesi letesi Logout RE BERR v WEB Columns Path Home Project About Test 52 F Page Pagecontent EP mre Versioning By v 3 Project Yoni ii M D Dre W Show hidden content elements i Test G User settings Scientific Objectives il workspace Science Search Instrument and Data Documents m fy News and Resources Search String fs Internal Resources Show records Data Access iy Software Public Outreach External Sites 16 All page content is added to the Normal section We add new content by clicking on to the right of Normal You will find an extensive list of possible elements HESPE eu TYPO3 4 4 6 Mozilla Firefox Q X GB 01 htpl wwwhespeeu typo3 backendphp u Wy We je gt ypo3 workspaces anzeigen 2 WoW Webmails Dic Enc Fun System Tools Various Sho
18. Data Access ijSoftware Public Outreach External Sites General Text Media Images gl Pagecontent 34 7 Show secondary options palettes GIF JPG JPEG TIF TIFF BMP PCX TGA PNG PDF AI 45 To place images we can use Insert Image Go back to the Text tab click into the text behind I will stay regular text hit enter and click on the little landscape icon below the bold B Fr g HESPEeu TYPO3 4 4 6 Mozilla Firefox Ld ajs eC A L http www hespe eu typo3 backend php w i typo3 kein fileadmin in draft modi A WoW Webmails Dic Enc Fun ab System Tools Various Shops ni Dropdown Men mit 3 Development Helio ab Mom Medizinische Versorgu e Weboffice Weboffic GP TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x TYP03 Z L szl Istvan Etesi letesi Logout Eir e EY ojo ZEEE amp Ww r v WEB Path Home Project About Test 55 m anm s Edit Pagecontent Test element on page Test View g g ret 9 Home General Text Media Fj Versioning Search v Project TE v FILE v 3 About L Test Block style No block atel v Filelist Scientific Objectives scien in i Text style v USER TOOLS IB Science SERE Instrument and Data BIx ROE BEES se 3 d User settings Documents Par
19. Men mit 3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 TYPO3 amp L szl Istvan Etesi letesi Logout Mp e amp v WEB Path Home Project About 11 view New record About E List v 9 Home B E Versioning im Search Select a position for the new page I v Project ne v USER TOOLS About About i dl User setti C Scientific Objectives nent doge as E Science E Scientific Objectives B workspace C Instrument and Data De Documents B ELS gt i News and Resources 7 Instrument and Data A Internal Resources De Data Access B Aue gt fy Software b Public Outreach External Sites 9 Click on the arrows to insert the page The arrows in line with the E icon allow you to add a page on the same level as e g About The arrow just below About will add the page underneath About Let s do that New record 3 About Select a position for the new page 10 Now the menu Create new Page opens Please specify a page title e g Test NEW Don t specify a title It is added automatically to the top of each page HESPE eu TYPO3 4 4 6 Mozilla Firefox BEEN rox G A iwy 7 Mm I Q Y ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6
20. Review fig Versioning ons Workspace management v FILE Live Version Workspace Versions Controls 0 1 0 y Test 1 1 Test EEER 3 Tid Element Lifecycle Draft el 5 Test gt _ S tific Object See eee 1 0 E Test element 1 1 Test element gt EEE 3 mS QS Element Lifecycle Draft Soence l xl Instrument and Data amp User settings Documents g Workspace gt s News and Resources esources LI Filelist Public Outreach External Sites Publish Page Swap page Allow preview of whole workspace Send all to Review Workspace management Live Version 1 0 p Test 1 1 E Test ESSI 3 IE 1 0 E Test element 1 1 gi Test element ZMF 3 Fy ala Element Lifecycle Draft Fa 2 zB 2 A Element Lifecycle Draft 63 Here you see the Live Version of your Test in version 1 0 It is set to hidden Right next to it is the workspace version of Test in version 1 0 or 1 1 In the Control section you can specify how to handle the current workspace version a BEER allows you to reject a version if you re reviewing this new page element or to accept the changes lt b MAM allows you to publish the changes E swap the live version with the workspace version E delete the workspace version led or edit the workspace version P 64 By sending it to reviewers you can request feedback before publishing a page or changes 65 B
21. User Manual HESPE Homepage Basics e The HESPE web site is available at http www hespe eu e There are two different logins available o Backend login to access web site editing at http www hespe eu typo3 o Frontend login to access hidden areas at http www hespe eu login e Username and password for HESPE participants are for both the frontend and the backend the same e To reset passwords please use the reset password link at http www hespe eu login e You can find this manual online at http www hespe eu internal resources user manuals and instructions Editing Tutorial 1 First you need to login Go to http www hespe eu typo3 i TYPO3 Login HESPE eu Mozilla Firefox Pc e i http www hespe eu typo3 index php i Ww i a realurl autoconfig nicht vo 2 WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom g Medizinische Versorgu TYPO3 Login HESPE eu TYPO3 J Anmeldung am Backend von HESPE eu Benutzername 2 Enter your username and password and hit Anmelden or Login etc 3 After logging in you will see the following screen Filelist v USER TOOLS i User settings 2 Page Page content ill workspace manage different languages and columns of content per page and access special r i HESPE eu TYPO3 4 4 6 Mozilla Firefox P FEX M e A ay http www hespe eu typo3 backend php i wy Wi N ypo3
22. agraph 23 gt 8S ce iL Q il workspace gt News and Resources BiA iO 9 gt fg Internal Resources i Data Access Y Insert image gt fy Software m L Public Outreach I will become a heading C External Sites I will stay regular text we I will be a sub heading I will be regular text underneath the sub heading Pagecontent 34 Show secondary options palettes lext style B of X X Paragraph m GE A lt gt M E image I will become a he E HESPE eu TYPO3 44 6 Mozilla Firefox a v H i A _ http www hespe eu typo3 backend php wr amp i y typo3 kein fileadmin in draft mod 2 WoW Webmails Dic Enc Fun System Tools Various Shops im Dropdown Men mit 3 Development Helio mi Mom Y Medizinische Versorgu we Weboffice Weboffic G TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x L szl Istvan Etesi letesi Logout v WEB Path Home Project About Test 55 van Edit Pagecontent Test element on page Test E I b a RES General Text Media Versioning Search v fy Project Text v FILE v E About i DIT EEG 3 Fileli we EE Insert Filelist gt Scientific Objectives ses dea Science Text s v USER TOOLS aa a DA 1 New Magic Image New Plain Image Drag n Drop id User settings 7 Documents B il workspace gt
23. cientific Objectives oo 7 Science Text style v USER TOOLS 7 Instrument and Data HR Page File External URL Email d User settings 7 Documents 5 m Sits gt L sj News and Resources uc a gt B Internal Resources P URL Set Link Data Access N d E gt i Software x vv x4 nget ia E Public Outreach Open in window Width x Height w E External Sites I will stay n i Style external link new window w Title Opens external link in new window v e File link 3l lent 34 E Show seconda 59 Behind URL you type in your external link e g http www esa eu Then add a title e g European Space Agency Then click on Set Link 60 Preview 61 You can also link in internal pages by using Page Email addresses however can be added to the regular text box 62 If you are ready to publish you click on the licon in front of Test and select Send to review pub X 4 A http www hespe eu typo3 backend php A IV 4 typo3 kein fileadmin in draft modi P Ll WoW Webmails i Dic Enc _ Fun L System Tools i Various Shops Ri Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu Weboffice Weboffic v TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x _ HESPE Test x 4 Show difference view Path Home Project About Test 55 Publesh Page Swap page Refresh Preview Link Allow preview of whole workspace Send all to
24. den content elements I Internal Resources Data Access i Software Search Public Outreach External Sites Search String Show records 22 Then mouse over our test content element underneath Norma Default Text w image Test element 23 When you hover over it the add edit delete menu appears Click on FA to edit this content element Default Text w image Test element 24 You should be back here 3 HESPE eu TYPO3 4 4 6 Mozilla Firefox aov E A http www hespe eu typo3 backend php piri i J ypo3 workspaces anzeigen WoW Webmails Dic Enc Fun _ System Tools Various Shops gj Dropdown Men mit3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 X HESPE Test E Laszlo Istvan Etesi letesi Logout Path Home Project About Test 52 Bloratt workspace Edit Pagecontent Test element on page Test Sd a Home General Text Media v 3 Project v About Scientific Objectives Science Instrument and Data E Documents Test element fy News and Resources ie Internal Resources Pagecontent 32 Data Access B Software Public Outreach l External Sites E Show secondary options palettes Header 25 Now add text Click on the Text tab between General and Media General Text Media 26 Now a Rich Text
25. ew title for this content element Let s use Test element Add this to the text box underneath Header 3 HESPE eu TYPO3 4 4 6 Mozilla Firefox Po 4 http www hespe eu typo3 backend php Li Wu k ypo3 workspaces anzeigen P WoW Webmails _ Dic Enc Fun _ System Tools Various Shops gj Dropdown Men mit3 Development Helio Mom v Medizinische Versorgu HESPE eu TYPO3 4 4 6 L szl Istv n Etesi letesi Logout Path Home Project About Test 52 Draft workspace 00000 Create new Pagecontent on page Test E a Home General Text Media v 3 Project v About Scientific Objectives Science Instrument and Data Header Test element Documents News and Resources s Internal Resources Poncio NEW Data Access iy Software F Public Outreach i External Sites Show secondary options palettes 19 Before we proceed we save and preview it Click on al at the top just above Crate new Pagecontent on page Test to do so This will open a new browser window or a new tab NOTE Should you have a popup blocker active you may need to allow popups from the web site HESPE eu Your browser should present you with the following screen Ng HESPE Test Mozilla Firefox IRR z Y Cc A http www hespe eu index php id 52 iri Pa dk ypo3 workspaces anzeige
26. ic Objectives Science Text style No text style Instrument and Data Documents fy News and Resources fa Ai lt gt i E Internal Resources f Data Access HB E E gt ry Software L Public Outreach I will become a heading External Sites HI x x Heading 2 I will stay regular text I will be a sub heading I will be regular text underneath the sub heading Path body h2 3 Paneconte 30 Now let s do the same for sub heading But assign it Heading 3 3 HESPE eu TYPO3 4 4 6 Mozilla Firefox ay e A AY http www hespe eu typo3 backend php WoW Webmails Dic Enc Fun System Tools Various Shops gj Dropdown Men mit3 Development Helio Mom Y Medizinische Versorgu HESPE eu TYPO3 4 4 6 x HESPE Test S Laszlo Istvan Etesi letesi Logout v WEB G Path Home Project About Test 52 Edit Pagecontent Test element on page Test GD View e 2d e General Text Media Versioning v 3 Project Text v USER TOOLS v About c User settings Scientific Objectives ill workspace Science Text style No text style Instrument and Data eiae B 7 X X Heading 3 fy News and Resources fa Ai lt gt GS 9 fs Internal Resources B Data Access Hi E gt ry Software Public Outreach I will become a heading External S
27. ites Block style No block style I will stay regular text I will be a sub headina I will be regular text underneath the sub heading Path body h3 3 Paneconte 31 Click on kal to preview B HESPE Test Mozilla Firefox M Se A _ http www hespe eu index php id 52 4 k ypo3 workspaces anzeigen P WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu HESPE eu TYPO3 4 4 6 X HESPE Test x HIGH JAINIEIRIG VERTO DAYREM JEIIVSITICISED ANTAVIIUNEE HUIRIOJBIE Project NewsandResources Internal Resources Data Access Software Public Outreach External Sites Login Project Test element About gt Test Scientific Objectives Science Instrument and Data Documents will be a sub heading News and Resources Internal Resources I will be regular text underneath the sub heading Data Access Software Public Outreach External Sites Login Search X will become a heading I will stay regular text Partners Funding Disclaimer Copyright Contact etc 32 Now let s return to the backend to add images 33 First new images have to be added Click on Filelist to the left hand side Then expand in the folder tree to the right the User Upload Folder ooo c OUG A J t
28. ives il workspace Science Search Instrument and Data Documents News and Resources Search String This page I Internal Resources Show records Data Access iy Software Public Outreach External Sites 13 You will notice the special icon al This means your page is hidden and will not show up on the frontend until you unhide it You would do so by left clicking on a and selecting unhide HESPE eu TYPO3 4 4 6 Mozilla Firefox X htt c wwe hes eeu t o3 backend h l v ELSE m 03 works aces en P G A http pe eu typ php K 3 yp p gen 2 j WoW Webmails Dic Enc Fun em Tools Various Sho Dropdown Men mit3 Development Helio Mom Y Medizinische Versorgu ub lab Syst ps Mi Dropa p 2 g HESPE eu TYPO3 4 4 6 L szl Istvan Etesi letesi Logout OIRR EE E v WEB Columns Path Home Project About 4 amp Test 52 View Pagecontent cist rac poo Project Y E About E Y show i Workspace Edit New Show hidden content elements Search Info Copy Cut Versioning Search String Show records Pex Ob Send to review pub More options Unhide Visibility settings Edit page properties Delete History Undo Sl ED Sj E a Show Edit New Info Copy Cut Versioning Send to review pub BE Xu ib kB Delete TIT History Undo 14 Now it will be
29. n WoW Webmails Dic Enc Fun System Tools Various Shops mi Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu _ HESPE eu TYPO3 4 4 6 X HESPE Test x 4 E HGH INIEIRIGVS JOM ARS JEILVSILCISMD ANTAVIUINEE HUIR OIPIE Project NewsandResources Internal Resources Data Access Software Public Outreach External Sites Login Project Test element About Test Scientific Objectives Science Instrument and Data Documents News and Resources Internal Resources Data Access Software Public Outreach External Sites Login Search IQ Partners Funding Disclaimer Copyright Contact etc 20 Let s open the backend tab window again 21 You should still have Edit Pagecontent Test element on page Test open If not select your Test page in the page tree 7 X d L httpl wwhespe eu typo3 backend php iz We del tl ypo3 workspaces anzeigen P WoW Webmails Dic Enc Fun _ System Tools Various Shops gj Dropdown Men mit 3 Development Helio Mom 4 Medizinische Versorgu HESPE eu TYPO3 4 4 6 x HESPE Test S L szl Istvan Etesi letesi Logout 3 EE E E Columns WBloraft workspace pagecontent tree wor i Search zu Default Text Scientific Objectives w image Science Test element Instrument and Data Documents Lg News and Resources Show hid
30. palettes File link External link I will be a sub heading 52 Now highlight File link with your mouse and click on the now active d without highlighted text it is disabled WF r i m i HE S We 3 p A la y Q HESPE eu TYPO3 44 6 Mozilla Firefox E ej EM e http www hespe eu typoJ backend php p WoW i Webmails _ Dic Enc Fun System Tools Various Shops i Dropdown Mena mit 3 4 TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x _ HESPE Test iK IK N typo kein fileadmin in draft mod P Development Helio Mom Y Medizinische Versorgu nw Weboffice Weboffic TYPO3 L szl Istvan Etesi letesi Logout f 1 P v WEB Path Home Project About Test 55 2 Page COEM REA view Edit Pagecontent Test element on page Test C v ee Text Med Ei Versioning Text v FILE LS Filelist USER T Science Text style _ Inst nd Data B xl c User settings Documents New id R rces Workspace x3 2 g Internal Res es Target Oota Aocnes E Open in window Width x Heigh software ww iic Gutrepeh Style wnload xternal Sites i Folder Tree v jj User Upload Folder C3Temporary files a documents Exd v Cjimages I will be atest lent 34 Show seconda 53 Select the File tab Then enter a title for your file e g Test file Now take a look at the
31. pment Helio Mom 2 Medizinische Versorgu Mone php x HESPE Test x eto HESPE eu TYPO3 4 4 6 Project About gt Test Scientific Objectives Science Instrument and Data Documents News and Resources Internal Resources Data Access Software Public Outreach External Sites Login Search 9 Project News and Resources GI HINIEIRIG VAEIO IATREM AHSS Internal Resources Data Access Software Public Outreach External Sites Test element I will become a heading I will stay regular text I will be a sub heading I will be regular text underneath the sub heading Partners Funding Disclaimer Copyright Contact etc Login 28 Let s modify the text and make it nicer Go back to the backend 29 The first entry a heading should become a nice heading To apply a style highlight select the complete first line and then click on the dropdown box currently containing Paragraph Then select Heading 2 NOTE Don t use Heading 1 NEW The first element title is now added automatically from the element s header information added a few steps previously r HESPE eu TYPO3 4 4 6 Mozilla Firefox pc fy http www hespe eu typo3 backend php WoW Webmails Dic Enc Fun System Tools Various Shops gj Dropdown Men mit3 Development Helio Mom Y Medizinische Versorgu x j HESPE Test
32. ps n Dropdown Men mit 3 Development Helio Mom 2 Medizinische Versorgu HESPE eu TYPO3 4 4 6 L szl Istv n Etesi letesi Logout New content element v Home Please select the type of page content you wish to create Bi Versioning Search Project Typical page content v USER TOOLS v About Qu ti Test Regular text element Scientific Objectives J4 A regular text element with header and bodytext fields Science 5 Text with image Instrument and Data Any number of images wrapped right around a regular text element Documents O0 Images only fy News and Resources Any number of images aligned in columns and rows with a caption fs Internal Resources Data Access A single bullet list B Software EH Table L Public Outreach A simple table External Sites Special elements 5 Filelinks Makes a list of files for download Media Inserts a media element like a Flash animation audio file or video clip Sitemap Creates a sitemap of the website 2 lt gt Plain HTML AT With this element you can insert raw HTML code on the page Divider This element inserts a visual divider which is by default a horizontal line Form elements Mail form 17 Select Text with image Click on the bullet point in front of Text with image to edit 18 In the new menu image below you enter first a n
33. te size IR Ref i Temporary files E List i documents 3 test 28 01 11 4 0 KB RW By Versioning gt images Extended view v FILE E Display thumbnails Filelist Show clipboard v USER TOOLS amp User settings E Workspace 36 Now open test and click again on Jin front of test and say Upload Files HESPE eu TYPO3 44 6 Mozilla Firefox i cahe Y p A _ http www hespe eu typo3 backend php 4 7 A IKI De typo3 kein fileadmin in dra WoW Webmails Dic Enc Fun System Tools Various Shops T Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu GY TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 X HESPE Test Mem e File Upload Progress Select Files You can upload files with a maximum size of 50 MB Overwrite existing files 37 In this new File Upload Process window click on Select Files and choose the media file you want to upload e g GIF JPEG PNG TIFF PDF etc In the file chooser window you may select multiple files by keeping CTRL pressed r HESPE eu TYPO3 4 4 6 Mozilla Firefox gt i E A http www hespe eu typo3 backend php 1 Pa Ki WoW Webmails Dic Enc Fun System Tools Various Shops T Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu WY TYPO3 the Enterprise Open Sourc x __ HESPE eu TYPO3 4 4
34. ule you can upload copy move an delete files on the server A User tools User Personal user setup settings This module allows you to customize your backend user profile Here you can change your active system language name and email address You may also 4 Before you start editing consider this Typo3 allows you do edit web content in a LIVE workspace and in a DRAFT workspace All changes in the LIVE workspace will be visible immediately Changes in the DRAFT workspace however are only visible to the editors It is also possible to send pages in the DRAFT workspace to other editors for review NOTE By default you log into the LIVE workspace To switch between LIVE and DRAFT use the icon in the upper right corner For the sake of this example we ll use the DRAFT workspace However the process of editing in the LIVE workspace is the same m i HESPE eu TYPO3 4 4 6 Mozilla Firefox MEE X Y http www hespe eu typo3 backend php t IK T ypo3 workspaces anzeigen P WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Y Medizinische Versorgu HESPE eu TYPO3 4 4 6 S L szl Istvan Etesi letesi Logout f LIVE workspace Draft workspace f Enable Frontend Preview TYPO3 4 4 6 Web Content Management System j Go to Workspace Module Gb View TY P03 qv TYPO3 CMS ver 4 4 6 Copyright 1998 2010 Kasper Sk rhgj Extensions al
35. v USER TOOLS g Pagecontent 34 40 At the top you see Images Here you are allowed to a add media by upload click on the button called Durchsuchen in the above screenshot or b add media by selecting them from the server file system To do so click on the _Jicon next to Images TYPO3 Element Browser Mozilla Firefox am oe http www hespe eu typo3 browser php mode file amp bparams data tt content 34 image l gif jpg 5 7 Folder Tree Files 3 v User Upload Folder F Temporary files 9 documents r v jimages F test fatest 2 diljso0px Rhessi jpg A Info diljspec 20101001 Oct 2010 PDF Info diljhessi3a ipo A Info Toggle selection Import selection Display thumbnails Upload files Path fileadmin user_upload images test Upload files Overwrite existing files 41 In this new selector window you can browse to your test folder and then select the desired media files by clicking on the check boxes When you re satisfied with your selection click on Import selection HESPEeu TYPO3 4 4 6 Mozilla Firefox e amp 4 http www hespe eu typo3 backend php t A IK E typo3 kein fileadmin in dra 2 WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Medizinische Versorgu amp TYPO3 the Enterprise Open Sourc x
36. workspaces anzeigen P WoW Webmails Dic Enc Fun System Tools Various Shops fl Dropdown Men mit3 Development Helio Mom Medizinische Versorgu HESPE eu TYPO3 4 4 6 L szl Istvan Etesi letesi Logout 017 e TYPOS 4 4 6 Web Content Management System TYP03 v TYPO3 CMS ver 4 4 6 Copyright 1998 2010 Kasper Sk rhgj Extensions are copyright of their respective owners Go to http typo3 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 for details Obstructing the appearance of this notice is prohibited by law This is a brief description of the available modules amp web This module allows you to create and edit webpages view page hit statistics page contents like guestbooks and shopping items Gp View View page Shows the look of the current page and lets you edit the content directly z List List of database records The Web List module provides low level access to records appearing on a page B4 Versioning Page and content versioning and workspace management for pages The Web Versioning module provides access to versioning features for the page tree File Filelist Listing of files in the directory This is the file administration system in TYPO3 It allows you to access the file mounts of your login Through this mod
37. xt v FILE v About E Test Block style Li Filelist Scientific Objectives i Text style Y USER TOOLS L Science Instrument and Data HJ xs Ris cxx sm e id User settings E Documents E j Paragraph EE ILA Q i workspace gt News and Resources fl Gi i lt gt s iow gt i Internal Resources Lai X Data Access P d gt E Software A Public Outreach I will become a heading ES External Sites I will stay regular text t m Path body p img fm Pagecontent 34 7 Show secondary options palettes 47 If you don t like the image dimensions click on the image and drag the corners with your mouse 48 Preview to see the result Mb HESPE Test Mozilla Firefox bosi ee 0 o o om om 2e a o c l Pe a http Avaa Pespe eu mdex phplid 55 Fr H ypa ten fiesdrin e dratt modi P ai WoW Webmeits Dic Enc Fun System Tools Vari Shops nmi Dropdown Men mt 3 Development _ Hebe Mom Y Medizinische Versorgu Webotfice Weboffic Q TYPO3 the Enterprise Open Sour HESPE eu TYPO3 44 5 HESPE Test x s IEAEETITS ETITT EEIER I E peu anan va SPL EC A A Rue MALUI EN Tl LAM o Project Newsand Resources Data Access Software PublicOutreach External Sites Login ojec Test element Abo Test ids will become a heading xcientific Objectives Search a will be a sub heading will be
38. xternal Sites v USER TOOLS B 7 x x Heading 2 I will stay regular text I will be a sub heading I will be regular text underneath the sub heading Path body h2 3 Panecontei p 39 There are two possible ways of adding media content The simple solution is to go through the Media tab and add all files to the page All selected files are added as one block The other manual but configurable way is explained later Now click on Media HESPEeu TYPO3 4 4 6 Mozilla Firefox i 5 Y m A 34 http www hespe eu typo3 backend php 2 Pa il B m typo3 kein fileadmin indra A WoW Webmails Dic Enc Fun System Tools Various Shops n Dropdown Men mit 3 Development Helio Mom Yg Medizinische Versorgu G TYPO3 the Enterprise Open Sourc x HESPE eu TYPO3 4 4 6 x HESPE Test x S L szl Istvan Etesi letesi Logout Path Home Project About Test 55 BUD DRAFT workspace 00000 Edit Pagecontent Test element on page Test v Home General Text Media Bi Versioning v Project v FILE v About 3 Fileli Test Filelist L Scientific Objectives L Science Instrument and Data GIF JPG JPEG TIF TIFF BMP PCX TGA PNG amp User settings E Documents PDF AI il workspace News and Resources fs Internal Resources Data Access Po By Software Public Outreach g In text right i External Sites Images
39. y publishing it you make it available to visitors of HESPE eu Let s try publishing 66 Click on MI for both entries Test and Test element 67 Now log off exit the backend Use the Logout button at the upper right hand side 68 Then go visit http www hespe eu project about test to see you published page 69 Log in again at http www hespe eu typo3 70 Make sure you re in the LIVE workspace x _ HESPE Test x HESPEeu TYPO3 4 4 6 x L szl Istv n Etesi letesi Logout a LIVE workspace 1 DRAFT workspace HESPE eu 0 i ff Enable Frontend Preview Go to Workspace Module Web gt Page module L anes Please click the page title in the page tree to the left to edit page content 71 Go to your Test page 7 HESPE eu TYPO3 4 4 6 Mozilla Firefox v e wt L http www hespe eu typo3 backend php t A in 4 typo3 kein fileadmin in draft mod WoW Webmails Dic Enc Fun _ System Tools Various _ Shops fl Dropdown Men mit3 Development Helio _ Mom Y Medizinische Versorgu Ie Weboffice Weboffic GY TYPO3 the Enterprise Open Sourc x HESPE Test x HESPE Test x HESPE eu TYPO3 4 4 6 x S L szl Istvan Etesi letesi Logout OIRR BE Columns Page G View Bo trien Bi Versioning vis Tre Test v FILE L Scientific Objectives EA
Download Pdf Manuals
Related Search