CONTENT MANAGEMENT · 2021. 1. 8. · CONTENT MANAGEMENT TITAN CONTENT BLOCKS STANDARD PAGE CONTENT - BLOCKS. 7/31/2020 2 STANDARD PAGE CONTENT BLOCKS ADD A BLOCK TO A PAGE 1 Find

7/31/2020

1

CONTENT MANAGEMENTTITAN CONTENT BLOCKS

STANDARD PAGE CONTENT - BLOCKS

7/31/2020

2

STANDARD PAGE CONTENT BLOCKS

ADD A BLOCK TO A PAGE1 Find and Select the

page in the Titan Workstation

2 Click the Edit link

3 Hover over the Add New Block menu

4 Select: Freeform

1

7/31/2020

3


ADD A BLOCK TO A PAGE1 Find and Select the

page in the Titan Workstation



4 Select: Freeform

2

1 Find and Select the page in the Titan Workstation



4 Select: Freeform

3

4

STANDARD PAGE CONTENT BLOCKSADD A BLOCK TO A PAGE

7/31/2020

4

Success!The Freeform editor opens and is ready for you to add content.


STANDARD PAGE CONTENT BLOCKSADD CONTENT TO YOUR FREEFORM BLOCK

1 Type the title

2 Highlight-Select the title

3 Click the Paragraph Format menu and Select: Heading 1 from the dropdown list

Enter and format the Page Title, as required for every page:

1

7/31/2020

5

1 Type the title




2


1 Type the title


3 Click the Paragraph Format menu and Select: Heading 1from the dropdown list


3

4) Click OK to close the Freeform Editor

4 Click OK to closethe Freeform Editor


7/31/2020

6

1 Type the title



4 Click OK to close the Freeform Editor

5 Save the page: click the Save button

6 Preview the page: click the Previewbutton

5 6


Success! The page and the new content will open in a new tab.


7/31/2020

7

STANDARD PAGE CONTENT BLOCKSCONTENT EDITING TAB TOOLBAR

1. Select a block (click the Block Header to selected it) the following options are available on the Content Editing Tab Toolbar:

2. Add New Block - the new block will be placed BELOW your selected Block

3. Move Selected Block Up

4. Move Selected Block Down

5. Toggle Block Styles

STANDARD PAGE CONTENT BLOCKSBLOCK TOOLBAR

Each Block Header contains two labels1) Block Type label, 2) Zone label.

7) Edit Block Attibutes(including Center Zone andRight Zone options), 7a) Toggle Block Styles

The Block Header toolbar buttons include:

3) Hide/Show Content, 4) Edit this Block, 5) Delete this Block,6) Copy to Block Library,

7/31/2020

8

STANDARD PAGE CONTENT BLOCKSHOW TO EDIT CONTENT IN AN EXISTING BLOCK

Find and select your page in the Site Map

Click the Edit link for your page

1

First Steps

1 Find and select yourpage in the Site Map

2 Click the Edit link for your page

3 Find the Block containing the content that requires editing or updating

4 Click the Edit Block button to open the editor

5 Edit your content

6 Click OK to close the editor

Final Steps

Save or Publish your page

2


First Steps

1 Find and select your page in the Site Map




5 Edit your content


Final Steps


3

4

7/31/2020

9


First Steps

1 Find and select your page in the Site Map




5 Edit your content


Final Steps


5. Edit Your

Content

6


First Steps

1 Find and select your. page in the Site Map




5 Edit your content


7 Preview your page

Final Steps

8 Save or Publish your page

8. Save or Publish

WARNING:your work will be lost if you do NOT save your updates!

7

7/31/2020

10


First Steps

1 Find and select your. page in the Site Map




5 Edit your content


7 Preview your page

Final Steps

8 Save or Publish your page

8. Save or Publish

WARNING:your work will be lost if you do NOT save your updates!

7

1

1 Click the Edit Block

button on the Block

toolbar

The Freeform Editor

will open

2 Type the text.Then, use the toolbar buttons to format

3 Click OK to close the

Freeform editor

4 Save your page

5 Preview your page

6 Publish your page


FORMATTING TEXT IN THE FREEFORM BLOCK

7/31/2020

11


FORMATTING TEXT IN THE FREEFORM BLOCK1 Click the Edit Block

button on the Block

toolbar

The Freeform Editor

will open



Freeform editor

4 Save your page

5 Preview your page

6 Publish your page



button on the Block

toolbar

The Freeform Editor

will open



Freeform editor

4 Save your page

5 Preview your page

6 Publish your page

7/31/2020

12



button on the Block

toolbar

The Freeform Editor

will open



Freeform editor

4 Save your page

5 Preview your page

6 Publish your page


button on the Block

toolbar

The Freeform Editor

will open



Freeform editor

4 Save your page

5 Preview your page

6 Publish your page


SPELL CHECK

Right-click for suggestion menu

7/31/2020

13


CREATING TEXT LINKS IN THE FREEFORM BLOCK1 Click the Edit Block

button on the Block

toolbar

2 Type the text for your link.Then, highlight-select the text

3 Click the Titan Links Button

4 Confirm Content is selected (look for the underline) and Find and Select the page in the Site Map pane

5 Select the page from the list on the right.


Titan Links box

2


CREATING TEXT LINKS IN THE FREEFORM BLOCK1 Click the Edit Block

button on the Block

toolbar


3 Click the Titan Links button

The Titan Links box

will open




Titan Links box

3

7/31/2020

14

THE TITAN LINKS DIALOG BOX

1 Click the Edit Block button on the Block toolbar


3 Click the Titan Linksbutton


5 Select the page from the list on the right


Titan Links box

If necessary click to open the Site Map pane

4

7/31/2020

15


button on the Block

toolbar




5 Select the page from the list on the right and confirm the URL in the Selected URL fieldat the bottom.


Titan Links box

5


button on the Block

toolbar






Titan Links box

6

7/31/2020

16

STANDARD PAGE CONTENT BLOCKSCREATING TEXT LINKS IN THE FREEFORM BLOCKCONTENT LINK TO A MILWAUKEE.GOV WEB PAGE

Success!The text is now linked to a milwaukee.gov web page


CREATING TEXT LINKS IN THE FREEFORM BLOCKCONTENT LINK TO A PDF FILE


button on the Block

toolbar






Titan Links box

2

3

7/31/2020

17

If necessary click to openthe Site Map pane

4


button on the Block

toolbar



4 Confirm Content is selected (look for the underline) and Find and Select the file in the Site Map and ImageLibrary



Titan Links box

5

6

Confirm


CREATING TEXT LINKS IN THE FREEFORM BLOCKCONTENT LINK TO A PDF FILE


button on the Block

toolbar



4 Confirm External is selected (look for the underline)

5 Type or paste the URLfor the external page


Titan Links box

3

2


CREATING TEXT LINKS IN THE FREEFORM BLOCKCONTENT LINK TO AN EXTERNAL PAGE

7/31/2020

18

STANDARD PAGE CONTENT BLOCKSCREATING TEXT LINKS IN THE FREEFORM BLOCK

CONTENT LINK TO AN EXTERNAL PAGE

4


button on the Block

toolbar



4 Confirm External is selected (look for the underline)

5 Type or paste the URL for the external page

Leave “Open in new

window” selected


Titan Links box

6

5

STANDARD PAGE CONTENT BLOCKSCREATING TEXT LINKS IN THE FREEFORM BLOCKEMAIL LINK


button on the Block

toolbar



4 Confirm Email is selected (look for the underline)

5 Type the email address and optional subject

6 Click OK to close the Titan Links box

3

2

7/31/2020

19

STANDARD PAGE CONTENT BLOCKSCREATING TEXT LINKS IN THE FREEFORM BLOCKEMAIL LINK


button on the Block

toolbar



4 Confirm Email is selected (look for the underline)

5 Type the email address andoptional subject


5

6

Optional

4


CREATING TEXT LINKS IN THE FREEFORM BLOCKTELEPHONE LINK


button on the Block

toolbar



4 Confirm Telephone is selected (look for the underline)

5 Type the phone number in the specified format


3

2

7/31/2020

20


button on the Block

toolbar



4 Confirm Telephone is selected (look for the underline)

5 Type the phone number in the specified format


6

4

5


CREATING TEXT LINKS IN THE FREEFORM BLOCKTELEPHONE LINK

Success! All links have been created.

Click OKto close the Freeform Editor

7/31/2020

21

Save your updatesWARNING:your work will be lost if you do NOT save your updates!

Preview your page

Test your links


CREATING TEXT LINKS IN THE FREEFORM BLOCK

STANDARD PAGE CONTENT – BLOCKS

INSERT AN IMAGE

File size of 500 KB or less is recommended for best results. The limit for an individual image upload is 30 MB. When it comes to image size, bigger isn't always better, as uploading multiple large images can affect site performance.

Images can improve the design and the appearance of a web page and enhance the understanding of your content.

The width and height of the image is defined in pixels. Keep the width of the Content Zones in mind when setting the dimensions of your images. e.g. Center Content Zone = 600px, Left and Right Content Zones = 300px.

Primary image formats used on the web

GIF are used mostly to showcase animations

PNG supports transparency making them a fantastic option for logos and icons in particular

JPEG is an excellent option for displaying complex photographs that include a lot of colors

7/31/2020

22


INSERT AN IMAGE1 In the Freeform block,

click where you want to insert the image

2 Click the Titan Images buttonThe Titan Images box will open

3 Find and select the ImageLibrary folder where the image is stored (or will be stored, if not yet uploaded)

4 Select the image and enter Alt Text for ADA compliance

a (optional) Select and a style

b (optional) Select a size

5 Click OK to close the Image box

1


INSERT AN IMAGE1 In the Freeform block, click

where you want to insert the image

2 Click the Titan Images buttonThe Titan Images box will open






2

7/31/2020

23

THE TITAN IMAGES DIALOG BOX

THE TITAN IMAGES DIALOG BOX

7/31/2020

24


INSERT AN IMAGE1 In the Freeform block, click

where you want to insert the image

2 Click the Titan Images button






3

44

ab

5


IMAGE PROPERTIES

Right-click image and select Image Properties to make further adjustments.

Click OK to close Freeform Editor

Success!The image has been added to your Freeform Block.

7/31/2020

25


IMAGES Save or Publish your page

TRAINING LAB EXERCISES

Spell Check

Bold and Italicize Text

Bulleted and Numbered Lists

Create Links to

1. A page on our site

2. A PDF file

3. An external web page

4. An email address

5. A phone number

Add an image to your page

Publish your page (with your Alias URL)

WORK THROUGH THE FREEFORM BLOCK FORMATTING EXERCISES ON YOUR TITAN 101

Visit milwaukee.gov/titan101ht to see my completed page and what yours should look like.

Visit milwaukee.gov/titan101 for online guides.

Email me when your page is completed or if you have questions along the way.

[email protected]

Documents

CONTENT MANAGEMENT · 2021. 1. 8. · CONTENT MANAGEMENT TITAN CONTENT BLOCKS STANDARD PAGE CONTENT - BLOCKS. 7/31/2020 2 STANDARD PAGE CONTENT BLOCKS ADD A BLOCK TO A PAGE 1 Find