welcome to plone introduction - university of leicester · introduction to plone - session plan...

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