Creating Content That Looks Great
-
Upload
oscar-bailey -
Category
Documents
-
view
36 -
download
1
description
Transcript of Creating Content That Looks Great
![Page 2: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/2.jpg)
Creating Content that looks great What’s going on here …
?
![Page 3: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/3.jpg)
Creating Content that looks greatWhat’s going on here…
• Getting things done
![Page 4: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/4.jpg)
Creating Content that looks greatWhat’s going on here…
• Getting things done
• Best-Enough
![Page 5: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/5.jpg)
Creating Content that looks greatWhat’s going on here…
• Getting things done
• Best-Enough
• Tools & Resources
![Page 6: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/6.jpg)
Creating Content that looks greatWhat’s going on here…
• Getting things done
• Best-Enough
• Tools & Resources
• Tips & Tricks
![Page 7: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/7.jpg)
What ‘Content’ Are We Talking About?
?
![Page 8: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/8.jpg)
What ‘Content’ Are We Talking About?
• Regular ‘ol web pages
![Page 9: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/9.jpg)
What ‘Content’ Are We Talking About?
• Regular ‘ol web pages
• Landing pages
![Page 10: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/10.jpg)
What ‘Content’ Are We Talking About?
• Regular ‘ol web pages
• Landing pages
• Mostly text
![Page 11: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/11.jpg)
What ‘Content’ Are We Talking About?
• Regular ‘ol web pages
• Landing pages
• Mostly text
• Homepages
![Page 12: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/12.jpg)
What ‘Content’ Are We Talking About?
• Regular ‘ol web pages
• Landing pages
• Mostly text
• Homepages
• Campaign-specific landing page
![Page 13: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/13.jpg)
Anatomy Of A Webpage
• Headings• Paragraphs• Links• Lists• Tables• Text-treatments: bold, italic• Images• Misc
![Page 14: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/14.jpg)
What Formatting Options To Use?
• Headings• Paragraphs• Links• Lists• Tables• Text-treatments: bold, italic
![Page 15: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/15.jpg)
What Formatting Options To NEVER Use
• Different fonts• Text sizing• Text color• Underline• Center aligning• Right aligning
![Page 16: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/16.jpg)
Tool Time
Webpage Formatting Cheat Sheet
http://www.theme-logic.com/style-examples
![Page 17: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/17.jpg)
Making Your Formatting Look Good
Styling your content with CSS
• Text size• Spacing• Text color• Fonts
![Page 18: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/18.jpg)
Tool Time
Style Examples and Cut-N-Paste CSS
http://www.theme-logic.com/style-examples
![Page 19: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/19.jpg)
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
![Page 20: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/20.jpg)
Tool Time
Customized WYSIWYG that does [almost] everything right the first time.
http://www.theme-logic.com/clean-editor
![Page 21: Creating Content That Looks Great](https://reader030.fdocuments.in/reader030/viewer/2022032606/56812cfe550346895d91d61c/html5/thumbnails/21.jpg)
Creating Content that looks greatWhat just happened here???
• Getting things done
• Best-Enough
• Tools & Resources
• Tips & Tricks