Top Banner
Content Like Content Like Water Water Liberate the Message Liberate the Message
24
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Content like water

Content Like WaterContent Like Water

Liberate the MessageLiberate the Message

Page 2: Content like water
Page 3: Content like water

COPE: Create Once, Publish Everywhere

Page 4: Content like water

What we are going to learn

1. Writing: Basic web writing techniques

2. Break it Down: How to slice your content into types and elements

3. HTML 5: A smarter “semantic” web

4. Markdown: web code for writers

5. Assets: Putting Omniupdate to work for you

Page 5: Content like water

Justify Your Existence

• Christopher Spencer, 15 years in the communication game: Print, online, analytics

• Former newspaper reporter for the Arkansas Democrat-Gazette (1999 – 2004), Morning News of Northwest Arkansas (2005 – 2009), El Dorado News Times (1998 – 1999)

• Founded Ozarks Unbound (2009 – 2011) and WordCamp Fayetteville (Fourth year this weekend)

• Work currently as a digital media strategist for the University of Arkansas (2011+). Taught digital journalism class last semester.

Page 6: Content like water
Page 7: Content like water
Page 8: Content like water

Christopher’s Web Writing Recommendations

Take a breathFocus

Use your bulletsHead shot

Page 9: Content like water

Writing: Take a Breath

Page 10: Content like water
Page 11: Content like water

Writing: Use Your Bullets

Page 12: Content like water

Writing: Head shot

Page 13: Content like water

Break it Down

1. Determine if your content repeats

2. If so, what is your content type?

3. What are the elements that make up your content type?

Page 14: Content like water

Break it Down

Recipe• Ingredients• Directions• Picture• Prep time• Related recipes• Tags to relate

to other data

Page 15: Content like water

Break it Down

Staff Capsule• Picture• Email• Phone number• Bio statement• Job title• Department

Page 16: Content like water

Break it Down

Win – Win

• Content is ready for a database

• User experiences content consistently

Page 17: Content like water
Page 18: Content like water

HTML Content Tags

Tag Description

<audio> Defines sound content

<video> Defines a video or movie

<article> Defines an article

<aside> Defines content aside from the page content

<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

<figcaption> Defines a caption for a <figure> element

<details> Defines additional details that the user can view or hide

Page 19: Content like water

Markdown: Code for Writers

Page 20: Content like water
Page 21: Content like water
Page 22: Content like water

Assets in Omniupdate

COPE for the university•Assets are reusable content such as text, images, media, code blocks, links, etc. Reusable content is convenient when working with multiple files that require the same information. As reusable content, Assets allow users to easily change an item that is used on several pages. Once an Asset is updated and published, all the pages using, or "subscribed" to, the Asset will also be updated and published.  - OmniUpdate

Page 23: Content like water

Assets in Omniupdate

Page 24: Content like water