1. 8/16/2015alicewebmaster1 Create contents with the new Content Management System (Drupal): Workflow for page editors

2. 8/16/2015alicewebmaster2 Outline Collaboration Layout Content Creation and edition Searching for your pages Copy-Paste: Bad practices More Info

3. 8/16/2015alicewebmaster3 Collaboration Layout 1 1 2 2 3 3 5 5 1.Login 2.Menu (Contents) 3.Content Body 4.Menu (Primary Links) 5.Meetings (Calendar) 6.News Block 1.Login 2.Menu (Contents) 3.Content Body 4.Menu (Primary Links) 5.Meetings (Calendar) 6.News Block 4 4 6 6

4. Create Content (new Page) Login into the system using your NICE CERN account After login you will get: Dropdown menu for users with the proper rights (Admin, Secretaries) User Menu Block After login you will get: Dropdown menu for users with the proper rights (Admin, Secretaries) User Menu Block 8/16/20154alicewebmaster

5. 8/16/2015alicewebmaster5 Create Content (new Page) Suppose you want to create a new page to put some Figures about some ALICE detectors. That page should appear in the Content Menu under: Physics Detector Performance Suppose you want to create a new page to put some Figures about some ALICE detectors. That page should appear in the Content Menu under: Physics Detector Performance

6. Create Content (new Page) Select from dropdown menu: Content management Create content Page Select from dropdown menu: Content management Create content Page Or select from User Menu Block: Create content Page Or select from User Menu Block: Create content Page 8/16/20156alicewebmaster

7. 8/16/2015alicewebmaster7 Create Content (new Page) Set the Title of your page If this page will appear in the menu. Click on “Menu settings” to see the options If this page will appear in the menu. Click on “Menu settings” to see the options Edit the Content Body of your page Select the parent Item in the content menu Set the navigation Title

8. Edit the Content Body of your page with a WYSWYG editor like Word Keep the pointer over a toolbar icon to see the help text Change to Edit HTML code using the “Source” button 8/16/20158alicewebmaster Create Content (new Page)

9. 8/16/2015alicewebmaster9 Copy-Paste: Bad practices While copy-pasting of contents, try not to drag into the page the format from your document source. As a consequence: – Awful display of pages (public is seeing this). – Hard to maintain pages (most of the time you will have to redo the job or clean all unwanted HTML tags into the sorce code). – No HTML(Text) editor is free of this. Just think when you try to copy from a PDF file to WORD. WORD is a clever software and fails why do you expect a HTML editor to behave better?

10. Insert Image/link to file (Upload) 8/16/2015alicewebmaster10 User Insert/Edit Image/Link buttons to add or edit Image/Link properties The Image/Link properties dialogbox will appear Use the Browser Server button to select and upload the file/image (next slide). User Insert/Edit Image/Link buttons to add or edit Image/Link properties The Image/Link properties dialogbox will appear Use the Browser Server button to select and upload the file/image (next slide).

11. “Browser Server” File manager 8/16/2015 alicewebmaster 11 Menu: Upload: Add new files to the current dir Thumbnail: Create thumbnail of the selected image(s) Delete: Delete the selected file(s) Resize: Resize the setected image(s) Unzip: unzip the selected file (use to upload multiplfiles) Manage directories: Add/Remove directories Send to FCKEditor: Send back the link to the selected file to the Editor. Menu: Upload: Add new files to the current dir Thumbnail: Create thumbnail of the selected image(s) Delete: Delete the selected file(s) Resize: Resize the setected image(s) Unzip: unzip the selected file (use to upload multiplfiles) Manage directories: Add/Remove directories Send to FCKEditor: Send back the link to the selected file to the Editor. Directory browser Log activity Preview File browser Note: Some directories or menu options could be not present depending on your permission

12. 8/16/2015alicewebmaster12 Set the URL of the page: Drupal no not create folder structure in the URL Here you can mimic URL address inserting here the full path (by yourself) If you don’t set the URL, then the URL will set automatically to something like /node/14326 Set the URL of the page: Drupal no not create folder structure in the URL Here you can mimic URL address inserting here the full path (by yourself) If you don’t set the URL, then the URL will set automatically to something like /node/14326 Create Content (new Page) PREVIEW action doesn’t save changes of the content. Use as many times until you are satisfied with your work. SAVE action to finish your work

13. 8/16/2015alicewebmaster13 Content Mangement: Looking for your pages? Drupal doesn’t provide a “Explorer” View of contents Filtering is the way to look for your content Select from dropdown menu: Content Manament Content Manament Filter Or from User Menu Block: Administer Content Manament Content Manament Filter Filtering is the way to look for your content Select from dropdown menu: Content Manament Content Manament Filter Or from User Menu Block: Administer Content Manament Content Manament Filter

14. Looking for your pages? 8/16/2015alicewebmaster14 Here you can see the result of the process of select user name: genoud Here you can see the result of the process of select user name: genoud Click to Edit the page

15. 8/16/2015 alicewebmaster 15 Editing a Page Switch between EDIT and VIEW mode Add a Log message in Revision information section before save the changes See previous REVISIONS and revert the old content 1. Every time you SAVE a new revision is created. 2. Use PREVIEW to see your changes before save the content. 3. DELETE action is definitive. All the revision information is lost, do not ask for help at this point. 1. Every time you SAVE a new revision is created. 2. Use PREVIEW to see your changes before save the content. 3. DELETE action is definitive. All the revision information is lost, do not ask for help at this point. 1 1 2 2 3 3

16. Manage the Contents Menu 8/16/2015alicewebmaster16 User Menu Block: Administer Menus Contents User Menu Block: Administer Menus Contents Explanation help appears on the page Create a new menu item: Link to any page in the server or an external link Create a new menu item: Link to any page in the server or an external link

17. Create a Image gallery 8/16/2015 alicewebmaster 17 Create a Page In the body of the page write: [bg | path/to/your/gallery/folder] Create a Page In the body of the page write: [bg | path/to/your/gallery/folder] The root dir for all galleries files is set to the galleries folder In the example the path is: Social-Events/2008/Mechoui2008 The root dir for all galleries files is set to the galleries folder In the example the path is: Social-Events/2008/Mechoui2008 Example: [bg|Social-Events/2008/Mechoui2008|5|150|sort|all|#f5f7e7] Example: [bg|Social-Events/2008/Mechoui2008|5|150|sort|all|#f5f7e7] The last part is no needed. You can use it if you need to overwrite the default settings |5|150|sort|all|#f5f7e7 Num of columns Image width Sorted by name Show all images Background color The last part is no needed. You can use it if you need to overwrite the default settings |5|150|sort|all|#f5f7e7 Num of columns Image width Sorted by name Show all images Background color

18. Create a Image gallery (Example) 8/16/2015alicewebmaster18 Here http://drupal.org/project/brilliant_gallery you can found more info about configure galleries

19. 8/16/2015alicewebmaster19 Create User News By selecting the appropriate tag, the News Blocks in the front page are properly filled

20. 8/16/2015alicewebmaster20 More info This is not a definite guide Check the Editor Rules page – http://aliweb.cern.ch/editorRules.html http://aliweb.cern.ch/editorRules.html That page is editable so feel free to send us the pieces of information you might believe can be added there. Contact Webmaster –http://aliweb.cern.ch/contact.htmlhttp://aliweb.cern.ch/contact.html