TIP: No SAVE button in CQ5; you click OK or APPLY as you go … · CQ5 Basic Web Authoring...

CQ5 Basic Web Authoring Exercises – Student Guide

1 | CQ5_ Author_Training_SG 2013-2.0

o TIP: No SAVE button in CQ5; you click OK or APPLY as you go o TIP: WCM vs. DAM – look in the top left corner next to CQ5

Exercise 1

Create a Page Site Admin/WCM

Situation

Begin by creating your page in the Site Administration aka CQ5 WCM. The location of the page will be found in the CQ Training node, which is the last folder in the hierarchy.

TIP: you must be highlighted on a page for NEW icon to be activated in menu bar.

Standard: When naming web pages, please use hyphen – VS. _ underscore for multiple words in Name field.

Required Data - this section provides the field data required to complete this exercise.

Field Value

Title: folder title within CQ5 WCM See Specific Data below

Name: page name in web address

See Specific Data below *TIP: do not use CAPITAL LETTERS; hyphens preferred

User Specific Data Sheet

Username Title Name

Instructor Students students

training1 Buildings buildings

training2 Campus campus

training3 Maps maps

training4 Staff staff

training5 Faculty faculty

training6 History history

training7 Graduation graduation

training8 Bearcat bearcat

training9 Athletics athletics

training10 Green Space green-space

training11 Colleges colleges

training12 Alumni alumni

training13 Policies policy

training14 Enrollment enrollment



Exercise 2

Page Properties Site Admin/Sidekick

Situation

After creating a page (e.g. Exercise 1 - page 1 continued), you need to modify the page properties. Make sure to open the page and check out your work, including in the Sidekick page properties.


Tab Field Value

Basic Title (Nav bar - page) See Training Specific Data below

Basic Page Title Hottest College in America!

Navigation

Navigation Title

- Hide is an option: Left nav bar on page will be hidden if this is checked.

LEAVE BLANK This is the label to use in site navigation. TIP: if left blank, Title at top of the Basic

tab will be used.

Meta Description

About the University of Cincinnati TIP: shows up in Google Search returns


Username Title

Instructor Students

training1 Buildings

training2 Campus

training3 Maps

training4 Staff

training5 Faculty

training6 History

training7 Graduation

training8 Bearcat

training9 Athletics

training10 Green Space

training11 Colleges

training12 Alumni

training13 Policies

training14 Enrollment



Exercise 3

Create a Sub-Page Site Admin/WCM

Situation

You want to create a sub-page for your page to avoid clutter on previous page you created.

TIP: you must be highlighted on a page for NEW icon to be activated in menu bar.

Standard: When naming web pages, please use hyphen – VS. _ underscore for multiple words in Name field.

Required Data - This section provides the field data required to complete this exercise.

Field Value

Title: folder title within CQ5 WCM See Training User Specific Data below

Name: page name in web address

See Training User Specific Data below *TIPS: do not use CAPITAL LETTERS; hyphens preferred


Username Title Name

Instructor First Year uc-first-year

training1 Around Campus uc-around-campus

training2 Directions uc-directions

training3 Medical Campus uc-medical-campus

training4 Jobs uc-jobs

training5 Research uc-research

training6 Founding uc-founding

training7 Schedule uc-schedule

training8 History uc-history

training9 Tickets uc-tickets

training10 Main Campus uc-main-campus

training11 Architecture uc-architecture

training12 Programs uc-programs

training13 Student Policies uc-student-policies

training14 Deadlines uc-deadlines



Exercise 4

Page Properties Site Admin/Sidekick

Situation

After creating a sub-page (e.g. Exercise 3 - page 3 continued), you need to modify the page properties. Make sure to open the page and check out your work, including in the Sidekick page properties.


Tab Field Value

Basic Tab: Title See Training User Specific Data

Basic Tab: Page Title UC Highlights (or be creative!)

Navigation Tab:

Navigation Title

- Hide is an option: Left nav bar on page will be hidden if this is checked.

LEAVE BLANK This is the label to use in site navigation. TIP: if left blank, Title at top of the Basic

tab will be used.

Meta Tab: Description

About the University of Cincinnati (or be creative!)

TIP: shows up in Google Search returns


Username Title

Instructor First Year

training1 Around Campus

training2 Directions

training3 Medical Campus

training4 Jobs

training5 Research

training6 Founding

training7 Schedule

training8 History

training9 Tickets

training10 Main Campus

training11 Architecture

training12 Programs

training13 Student Policies

training14 Deadlines



Exercise 5

Create a Subfolder for images DAM

Situation

You want to categorize your page’s images, docs and media in the Digital Asset Manager (DAM). The location of the subfolders will be created in the following folder paths: CQ Training→images and CQ Training→docs. Name the subfolder using the following training user specific data below. TIP: you create New folders the same way you created a New web page and sub-page.


Username Subfolder Name

(images) Subfolder Name

(docs)

Instructor UC students UC students

training1 UC buildings UC buildings

training2 UC campus UC campus

training3 UC maps UC maps

training4 UC staff UC staff

training5 UC faculty UC faculty

training6 UC history UC history

training7 UC graduation UC graduation

training8 UC bearcat UC bearcat

training9 UC athletics UC athletics

training10 UC green space UC green space

training11 UC colleges UC colleges

training12 UC alumni UC alumni

training13 UC policies UC policies

training14 UC enrollment UC enrollment



Exercise 6

Upload Digital Assets into Sub-folders Rename (“Move”) Document

DAM

Situation

When highlighted on the intended upload folder, open the CQTraining folder under the DAM. Proceed to choose filed by Browse to upload all photos (.jpg files) and all documents. Upload the photos into the images subfolder and upload the documents into the docs subfolder.

Reference handout regarding UC Creative Services Photography Use policy.

Situation

You want to rename (“move”) a document uploaded in the previous exercise. Rename or Move the uploaded document with the name "Mission" to the new name "mission statement."

TIP: Email [email protected] for help or clarification on this function.

mailto:[email protected]



Exercise 7

Insert and edit the UC Text Component Sidekick

Situation

Now you are ready to organize and create the components for your page! Go back to CQ5 WCM or Site Admin by clicking on the world icon or the open tab at the top of Firefox. (TIP: once you move to WCM, you will have to double-click on the intended page you want to edit.) Insert the component, UC Text, under General tab of the Sidekick. Right click inside the UC Text component to choose Edit.

TIP: MAC USERS: to Edit = double-click; Right-click is Ctrl + click


Action Value

Enter Text Open the PDF document named UC history located on your desktop in the CQ5 folder. Copy the text from PDF and paste

the text into the UC Text component.

Create a link to an asset contained in the DAM

Link the words premier urban research university to the PDF uploaded in exercise 2 that has the name

mission statement

Create a link to a site internal to CQ5 Editing the component, using the hyperlink builder, link the words cooperative education to: /content/CQ Training/”insert name of your sub-page here”

Create a link to a site external to CQ5 *TIP: courtesy to “Open in new window” for external links.

Editing the component, link the words U.S. News to

http://www.usnews.com/education

Exercise 7.5

Insert and edit the UC Text Component Sidekick


Action Value

Enter Text Open the PDF document named Mission.pdf located on your desktop in the CQ5 folder. Copy the text from PDF and

paste the text into the UC Text component.

Create a link to an asset contained in the DAM Link the words faculty, staff to the PDF with the name uc faculty and alumni

Create a link to a site internal to CQ5 Editing the component, using the hyperlink builder, link the words University of Cincinnati to: /content/uc

http://www.usnews.com/education



Exercise 8

Insert and edit the UC Image Component Sidekick

Situation

You want to add an image to the page. Drag over the UC Image component from the Sidekick to the page. Using the asset viewer, insert the image named mcmicken hall uploaded in exercise 2.


Tab Field Value

General Image Alignment Right

General Image Alternative Text McMicken Hall

General Caption McMicken Hall

General Size 150 (only enter the size into the first size field)

Exercise 9

Insert and edit the UC Text and Image Component Sidekick

Situation

You want to add UC Text and Image to your page. Add this component from the Sidekick and compare to last couple exercises. Using the asset viewer, insert the image named bearcat.jpg uploaded in exercise 2. This will wrap text around your picture so think about what Image Alignment will work best with this picture.


Tab Field EDIT IMAGE: Value

General & Image Image Alignment Right

General & Image Image Alternative Text Bearcat

General & Image Caption The Bearcat says, Go UC!

General & Image Size 150

(only enter the size into the first field)

Tab Action EDIT TEXT: Value

Text Enter Text

Open the PDF document named uc firsts located on your desktop in the

CQ5 folder. Copy the text from PDF and paste the text into the UC Text

component.



Exercise 10

Insert and Edit the Column Control Component Sidekick

Situation

You want to create a page layout with multiple components. From Sidekick, insert and edit Column Control from Other tab.


Tab Field Value

Column Control Column Layout 2 -70/30

Exercise 10.5

Insert and edit the UC Text and UC Image Components into Column Control Sidekick

Situation

You want to add UC Text and Image to the Column Control component that you created. Using the asset viewer, insert the image named nipper stadium.jpg uploaded in exercise 2.


Tab EDIT IMAGE: Field EDIT IMAGE: Value

General & Image Image Alignment Choose which is more appropriate for

the image

General & Image Image Alternative Text Nippert Stadium

General & Image Caption Be creative and add your own caption

General & Image Size 150

(only enter the size into the first field)

Tab EDIT TEXT: Action EDIT TEXT: Value

Text Enter Text

Open the PDF document named uc history located on your desktop in

the CQ5 folder. Copy the text from PDF and paste the text into the UC Text

component.



Exercise 11

Insert and edit the UC Download Component Sidekick

Situation

You want to add a link to UC’s mission statement in PDF, rather than adding the text to your page and therefore use UC Download component. Go back to General tab of the Sidekick to add component. Drop and drag the document titled Mission Statement.pdf into Edit the UC Download component OR right-click and Edit the tabs referenced below.


Tab Field Value

Download Target Drag & drop image into component

Display Hyperlink Text Display Use custom hyperlink text

Display Custom Hyperlink text Mission Statement

Display Description Display Use custom description

Display Custom Description Mission Statement of the University of Cincinnati

Display Display File Size Yes

TIP: this is a courtesy



Exercise 12

Insert and Edit the Reference Component Sidekick

Situation

You want to link to directions to UC on your page. Insert the Reference component (under General tab of Sidekick) into the page and right-click to Edit the reference component. Reference: University of Cincinnati →Visitors→ Directions to UC’s Uptown Campus and Select.

Benefit of using Reference Component (link vs. reference) – this keeps user on site page rather than opening up link to the reference page. NOTE: point out the “/content” prefix to web address.

Utilize WCM or DAM to check out those pages that are Referencing your page.

The message below will appear if there are References to your page and you try to delete it. Click “No” to view the reference links that will be broken once the page is deleted.

Exercise 13

Delete Components Site Admin

Situation

Delete any of the UC components you do not want on the page you created throughout these exercises.

Exercise 14

Activate a Page; Deactivate a Page Site Admin

Situation

You are ready to publish your page! Activate from the Site Admin or Sidekick.

TIP: if working on many changes on a site, ensure the previous version is saved in case you want to restore.

After activating the page in the previous exercise, you have decided that it needs to be reviewed by another person before the decision is made to have it published to the web. Deactivate from the Site Admin or Sidekick.

IF YOU ARE GOING TO DELETE A PAGE→ please deactivate your page before deleting or it will still exist on the live site even though CQ5 sees nothing. Contact [email protected] for help.

mailto:[email protected]



Additional Functionality Highlights uc.edu

Sidekick

- Spotlight Contact Sheet Component

- Tagging Lens Component

- YouTube Component

- Google Maps Component

Logging into Author to activate access

1. Firefox→ author.uc.edu → User’s Central Logon

2. Go over Future CQ5 Support handout

a. http://www.uc.edu/ucomm/web.html - Web branding, standards/templates; Photography; →Website Contacts per page – click on Request Update if needed.

b. http://www.uc.edu/cms/about.html - Web Comm Contacts & CQ Support links c. http://www.uc.edu/cms - look for Request Access to fill out this form

3. Additional training?

a. http://www.uc.edu/cms/training.html

https://author.uc.edu/

http://www.uc.edu/ucomm/web.html

http://www.uc.edu/cms/about.html

http://www.uc.edu/cms

http://www.uc.edu/cms/training.html

TIP: No SAVE button in CQ5; you click OK or APPLY as you go … · CQ5 Basic Web Authoring...

Documents

Transcript of TIP: No SAVE button in CQ5; you click OK or APPLY as you go … · CQ5 Basic Web Authoring...