COM271, Week 4

Generating Filler Text
Lorem Ipsum and An Amusing Variation

Syllabus | Table of Pages | Assignments | References and Useful Links

Web developers are often asked to creat web pages in advance of knowing exactly what content will later be used. The website lipsum.com provides a convenient source of "Greeked text" for this purpose. Here, I've gone to lipsum and requested 3 paragraphs of text, which I paste into the following div:

(Text pasted in design view)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et est in ligula gravida aliquet. Maecenas turpis massa, luctus ut rutrum non, vehicula vitae tortor. Ut et ligula justo. Praesent porttitor, mi ut iaculis interdum, nunc justo feugiat enim, nec viverra augue sapien et tellus. Curabitur aliquet fermentum sem eget varius. Mauris aliquam aliquet felis. Sed tincidunt, dolor non suscipit malesuada, velit eros faucibus enim, vitae feugiat elit leo ac massa. Nunc interdum, arcu ut consequat interdum, nulla augue lacinia dui, eu egestas orci ante quis metus. Fusce pharetra vehicula arcu a rhoncus. Donec condimentum dignissim malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Aliquam accumsan blandit turpis at viverra. Nulla facilisi. Aenean sit amet justo magna. Pellentesque vulputate, turpis et consequat eleifend, ligula erat malesuada ante, sed sollicitudin urna nunc ut orci. Mauris sed nisl magna, sed porttitor ante. Aliquam turpis nisl, sagittis quis vehicula vitae, pulvinar ac ligula. Sed eleifend nisi sed urna suscipit eget malesuada nulla facilisis. Pellentesque sit amet justo arcu. Suspendisse dolor augue, placerat eu dignissim vitae, tristique in ligula. Praesent et libero sed lorem gravida volutpat. Suspendisse ac porttitor neque. Aliquam fringilla viverra ligula non varius. Proin sit amet tincidunt justo.

Donec sit amet nunc felis. Sed dictum velit augue, eu pretium lorem. Sed ornare mi a magna pretium placerat. Fusce quam mi, volutpat eu pharetra sit amet, aliquam sed augue. Suspendisse sit amet orci felis. Vestibulum fringilla varius aliquet. Nunc bibendum erat egestas lacus pretium eget sollicitudin diam commodo. Integer ante elit, volutpat at condimentum fermentum, dictum nec nisi. Aliquam vulputate dapibus magna vitae adipiscing. Vestibulum massa leo, dictum nec lobortis a, iaculis eget massa. Morbi ut libero erat, ut sollicitudin felis.

Note, that to preserve paragraphing, from within Dreamweaver, make sure that you paste from within Design View.

Here are the same three paragraphs pasted from within Code View:

(Text pasted in code view)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et est in ligula gravida aliquet. Maecenas turpis massa, luctus ut rutrum non, vehicula vitae tortor. Ut et ligula justo. Praesent porttitor, mi ut iaculis interdum, nunc justo feugiat enim, nec viverra augue sapien et tellus. Curabitur aliquet fermentum sem eget varius. Mauris aliquam aliquet felis. Sed tincidunt, dolor non suscipit malesuada, velit eros faucibus enim, vitae feugiat elit leo ac massa. Nunc interdum, arcu ut consequat interdum, nulla augue lacinia dui, eu egestas orci ante quis metus. Fusce pharetra vehicula arcu a rhoncus. Donec condimentum dignissim malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam accumsan blandit turpis at viverra. Nulla facilisi. Aenean sit amet justo magna. Pellentesque vulputate, turpis et consequat eleifend, ligula erat malesuada ante, sed sollicitudin urna nunc ut orci. Mauris sed nisl magna, sed porttitor ante. Aliquam turpis nisl, sagittis quis vehicula vitae, pulvinar ac ligula. Sed eleifend nisi sed urna suscipit eget malesuada nulla facilisis. Pellentesque sit amet justo arcu. Suspendisse dolor augue, placerat eu dignissim vitae, tristique in ligula. Praesent et libero sed lorem gravida volutpat. Suspendisse ac porttitor neque. Aliquam fringilla viverra ligula non varius. Proin sit amet tincidunt justo. Donec sit amet nunc felis. Sed dictum velit augue, eu pretium lorem. Sed ornare mi a magna pretium placerat. Fusce quam mi, volutpat eu pharetra sit amet, aliquam sed augue. Suspendisse sit amet orci felis. Vestibulum fringilla varius aliquet. Nunc bibendum erat egestas lacus pretium eget sollicitudin diam commodo. Integer ante elit, volutpat at condimentum fermentum, dictum nec nisi. Aliquam vulputate dapibus magna vitae adipiscing. Vestibulum massa leo, dictum nec lobortis a, iaculis eget massa. Morbi ut libero erat, ut sollicitudin felis.

See? No paragraphing.

A Sweet Alternative

Jeremy Vessela (Fall 2012) suggests a variation: Cupcake Ipsum (http://cupcakeipsum.com/).

Cupcake ipsum dolor sit amet gummies chocolate sweet roll. Candy canes candy oat cake pie wypas gummies pie jelly beans jelly-o. Tart sugar plum jelly-o.

Topping biscuit liquorice. Applicake chocolate cake bonbon carrot cake bear claw wypas lollipop tootsie roll. Pastry carrot cake caramels icing brownie tart danish.

Lemon drops cupcake candy canes dessert donut dessert gingerbread. Caramels brownie candy bear claw dragée liquorice sweet danish brownie. Soufflé macaroon jujubes icing chocolate cake.

W3C Schools
CSS Reference
Quick Index

CSS Basic

Selectors and Declarations CSS Introduction CSS Syntax CSS Id & Class CSS How To

CSS Styling

Styling Backgrounds Styling Text Styling Fonts Styling Links Styling Lists Styling Tables

CSS Box Model

CSS Box Model CSS Border CSS Outline CSS Margin CSS Padding

CSS Advanced

CSS Grouping/Nesting CSS Dimension CSS Display CSS Positioning CSS Floating CSS Align CSS Pseudo-class CSS Pseudo-element CSS Navigation Bar CSS Image Gallery CSS Image Opacity CSS Image Sprites CSS Media Types CSS Attribute Selectors CSS Don't CSS Summary

CSS Examples

CSS Examples

CSS Quiz

CSS Quiz CSS Certificate

CSS References

CSS Reference CSS Reference A to Z CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Colornames CSS Colorvalues