welcome to plone introduction - university of leicester · introduction to plone - session plan...
TRANSCRIPT
Welcome to Plone Introduction
When you are logged in:
• Complete the name card on both sides
• Introduce yourself to your neighbours
• Open and add to Favourites:
http://www2.le.ac.uk/webcentre
http://www2.le.ac.uk/training
https://blackboard.le.ac.uk/
• Ask for paper copies of the exercises if necessary
• Exercise files to be copied from Blackboard to your My Documents
folder – ask for help if unsure how to do this.
Plone Introduction
Teri Browett – IT Services
Azhar Ali – Web Team
Web Authoring at the University of Leicester
• The latest information will always be in the Web Centre
– www.le.ac.uk/webcentre
• Three courses
– Planning Your Website (half day)
– Plone Introduction (half day)
– Writing for the Web (half day)
Introduction to Plone - Session Plan
Timing AM Section
9.30 – 10.00 Introduction to the Plone course
10.00 – 11.00Folder structure; create pages; add text; add
images folder and images; hands on exercises
11.00 – 11.15 Break – Room 103
11.15 – 12.15 Revision exercises; create links; add documents
12.15 – 12.35Prepare to Publish – proofreading;
set navigation views
12.35 – 12.45 Publish and retract; assignment if time;
12.45 – 13.00 Follow up/questions – Web Team
Housekeeping
• Emergency evacuation procedure
• Location of toilets
• Refreshments
• Comfort – chairs and screens can be adjusted, hot or cold, windows
can be opened or closed
• Equipment issues – let us know if something isn’t working
• Please turn phone onto silent. If you need to make or take a call
please step outside the room
• Try not to check your emails!
• Plone deals with the navigation, publishing and design – allows you
to focus on content
• More control over your content
– Who has access
– Keeps track of previous versions
• 24/7
Examples of sites in Plone are:
http://www2.le.ac.uk/departments/english/
What is the Plone CMS?
Accessing the Plone Training Area
• Plone is accessed through a web browser
• Navigate to: http://www2.le.ac.uk/training
• Log in
What is a sandbox?
• Find your training site
• Add it to Favourites
Getting started with your own site
• You will work with the Web Team to set up your top level folders and
be given permission to access them.
• The Content Management System is based around a Nested Folder
structure
• What is Plone
Introduction
• Folder structure, creating a page, adding content
• Adding images; history/revert; hands-on exercises
Create content – demonstration/hands-on
• Creating links
• Attaching documents
Working with documents
• Prepare for Publishing
• Publishing
Publishing Preparation and Overview
Conference Web site
• Brief: You’ve been tasked with creating a site in Plone for the
upcoming Environment and Energy Conference (MEECon 2015) – to
be held over three days at the University of Leicester.
• Look at the Example Website to see what needs to be created.
Web Folder Structure
Creating Pages
• Before adding a page – check where
your cursor is
• Click on your Sandbox
• Where do you go to create a page?
Some Tips
• Be patient
• Sometimes an error occurs when saving a page – Ctrl+F5 will reload
the page.
Adding Content
• The content is in word to save you time
– Text for MEECON website.docx - All the text for the website
• earthlogo.jpg
• keynote_HanYuh.jpg
• keynote_ChantalClairman.jpg
• Registration form.pdf
Use the Paste as text button to ‘clean’ text
Edit a page
Text formatting
• The dos: How to format text correctly
– Use Heading, Paragraph and List styles appropriately
• Headings
• Paragraphs
• Lists
• The don'ts: Things to avoid when formatting text
– Avoid CAPITALISATION
– Don't Turn Headings into Hyperlinks
– Avoid 'Fake' Spacing
Styling your pages
• What are content styles?
• Basic Text Styles
• Using icons in Plone:
– Paragraph icons styles
– Paragraph icon examples
– File icons
Hands-on
Exercise 1
Create a new page – Keynote Speakers
Fast workers
• check out the styles
• create more pages
Images
• Need to be inserted into an images folder
• Images need to be ‘web ready’
• Upload images into the folder
• Add Title (alt text)
• Insert the image
Where can we obtain images?
• Check copyright
– http://www2.le.ac.uk/webcentre/plone/build/basics/add-images/imagery
• Image Library (Asset Bank)
– http://assetbank.le.ac.uk/assetbank-leicester/action/viewHome
– You need to register
Own pictures
• What software is available?
http://www2.le.ac.uk/offices/ithelp/my-computer/programs/program-installer
Understanding folders
Create a folder
Uploading an image
Adding an image to the page
Hands-on
Exercise 2
Adding Images to the Keynote Speakers’ Page
Step by step:
http://www2.le.ac.uk/webcentre/plone/build/basics/add-images
Hands-on - Exercise 3 Revision
• Create a new page – ‘Call for Papers’
• Make a change note and save the page
• Create a new page called ‘Conference Themes’
Upload multiple images
http://www2.le.ac.uk/webcentre/plone/build/advanced/multiple-
windows7
History/Revert
• What is Plone
Introduction
• Folder Structure, creating a page, adding content
• Adding images; history; hands-on exercises
Create content – demonstration/hands-on
•Creating links• Attaching documents
Adding PDFs, Linking and Permissions
• Prepare for Publishing
• Publishing
Publishing Preparation and Overview
Hyperlinking
Links
https://www2.le.ac.uk/webcen
tre/plone/webwriting/links-
that-work
Hands-on - Exercise 4 Hyperlinks
• Open the ‘Call for Papers’ page and create an internal link to the
Conference Themes page from the words ‘conference themes’ at the
top of the page
– Enter a Change Note and Save the page
• Add an external link from the home page (MEECON 2015) to the
sponsors page.
• Compare your version to the Example site.
Uploading and linking to a pdf – Exercise 5
• Create a documents folder
• Upload the registration form.pdf document to the documents folder
• Add a link from the home page to the registration form
• Enter a Change Note and Save the page.
Linking to Headings (anchors or ToC)
• Type the text to use as a
link
• Click on the link button
• Click on Anchors
• Choose heading
• What is Plone
Introduction
• Folder Structure, creating a page, adding content
• Adding images; hands-on exerciseshistory/revert;
Create content – demonstration/hands-on
•Creating links•Attaching documents
Adding PDFs, Linking and Permissions
• Prepare for Publishing
• Publishing
Publishing Preparation and Overview
Publishing
• Proofread
• Check navigation
– Hide folders
– Order
• Views – Home Page
• Check names
Exclude Folders from Navigation
• Go to the Edit tab for the item you want to exclude.
• Choose Settings
Navigation Order
http://www2.le.ac.uk/webcentre/plone/build/basics/reordering
http://www2.le.ac.uk/projects/impala/presentations
/jisc-hea-planning-and-implementing-innovative-
practice-with-mobile-and-wireless-technologies-
workshop-21st-march-2007-university-of-
leicester/AFramework_Developing%20
Podcasts_IMPALA_20Mar2007.pdf
http://www2.le.ac.uk/projects/impala/presentati
on/uol0307/podcasts.pdf
Rename files
Make the Home Page Visible
Publishing
• Please read information on Publishing –
http://www2.le.ac.uk/webcentre/plone/build/basics/states
http://www2.le.ac.uk/webcentre/signoffreport
Note: Web team can exclude other internal folders from navigation view
https://swww2.le.ac.uk/training/writing
Change State
• Contents view
• Change State
Check your site is live:
• Copy link from your training folder
• In a New tab or browser window
• Paste link
• Remove s after http
Please change the
state back to Private
for all folders
• What is Plone
Introduction
• Folder Structure, creating a page, adding content
• Adding images; hands-on exercises; history/revert
Create content – demonstration/hands-on
• Creating links
• Attaching documents
Adding PDFs, Linking and Permissions
• Prepare for Publishing
• Publishing
Publishing Preparation and Overview
Revision - Exercise 5
• Create a new page for an optional visit to The University of Leicester
Botanic Gardens
• Add a picture (12gloriosa.gif), include the caption Gloriosa
• Enter a Change Note and Save the page.
• If time try doing more pages – Directions, Local Attractions etc
Assignment feedback
• Link – internal or external?
• Bullets
What next
• Visit Web Centre www.le.ac.uk/webcentre
• Continue practicing in the Training area sandboxes – more exercises
on Blackboard
• Speak to your Web Coordinator
• Log in to your pages
Web Team
Web Authoring at the University of Leicester
• The latest information will always be in the Web Centre
– www.le.ac.uk/webcentre
• Three courses
– Planning Your Website (half day)
– Plone Introduction (half day)
– Writing for the Web (half day)
Session Review
• What have you learnt today?
• Which one thing have you found most useful that you wish to share
with the rest of the group?
• Please complete an online evaluation form before you leave