creating content that looks great justin prevatte (aamft & themelogic) jnprevatte@gmail.com

Creating Content That Looks Great

Justin Prevatte (AAMFT & themelogic)www.theme-logic.comjnprevatte@gmail.com

Creating Content that looks great What’s going on here …

?

Creating Content that looks greatWhat’s going on here…

• Getting things done

Creating Content that looks greatWhat’s going on here…

• Getting things done

• Best-Enough

Creating Content that looks greatWhat’s going on here…

• Getting things done

• Best-Enough

• Tools & Resources

Creating Content that looks greatWhat’s going on here…

• Getting things done

• Best-Enough

• Tools & Resources

• Tips & Tricks

What ‘Content’ Are We Talking About?

?

What ‘Content’ Are We Talking About?

• Regular ‘ol web pages

What ‘Content’ Are We Talking About?

• Regular ‘ol web pages

• Landing pages

What ‘Content’ Are We Talking About?

• Regular ‘ol web pages

• Landing pages

• Mostly text

What ‘Content’ Are We Talking About?

• Regular ‘ol web pages

• Landing pages

• Mostly text

• Homepages

What ‘Content’ Are We Talking About?

• Regular ‘ol web pages

• Landing pages

• Mostly text

• Homepages

• Campaign-specific landing page

Anatomy Of A Webpage

• Headings• Paragraphs• Links• Lists• Tables• Text-treatments: bold, italic• Images• Misc

What Formatting Options To Use?

• Headings• Paragraphs• Links• Lists• Tables• Text-treatments: bold, italic

What Formatting Options To NEVER Use

• Different fonts• Text sizing• Text color• Underline• Center aligning• Right aligning

Tool Time

Webpage Formatting Cheat Sheet

http://www.theme-logic.com/style-examples

Making Your Formatting Look Good

Styling your content with CSS

• Text size• Spacing• Text color• Fonts

Tool Time

Style Examples and Cut-N-Paste CSS

http://www.theme-logic.com/style-examples

Creating Clean Content

What does that even mean?

• Removing MS Word formatting

• Fixing broken HTML on existing pages

• Creating new content from scratch

• Avoiding using the CMS WYSISYG at all costs

Tool Time

Customized WYSIWYG that does [almost] everything right the first time.

http://www.theme-logic.com/clean-editor

Creating Content that looks greatWhat just happened here???

• Getting things done

• Best-Enough

• Tools & Resources

• Tips & Tricks

Creating Content That Looks Great

Justin Prevatte (AAMFT & themelogic)www.theme-logic.comjnprevatte@gmail.com