WDM1141 Digital Typography

Homework Exercise 2

What makes something readable, easier to read? How can we, as typographers, make our web-based content more functional for readers? How can we make their lives easier? Using the links below as reference, make a list of the ten (10) typographic design practices or CSS techniques for making your web text more readable.

• 5 Simple Ways to Improve Web Typography
• A Guide to Web Typography
• Typography Quick Tips
• Simple CSS: Creating More Readable Text

Enter your answers in Word or text document and save the document.

• HTML Character Codes
• Blakem‘s Punctuation Details
• Dashes
• Space punctuation

Based on a close reading of the articles above, list and define the following:

• HTML code, names and proper use of hyphen and dash characters
• HTML code, names and proper use of space characters
• HTML code, names and proper use of quote characters
• HTML code and proper use of an ellipsis

Add your answers to the previous Word or text document

• Lecture Files
• W3C Schools CSS Text Properties
• CSS Text Properties

Download this text file

• Using only CSS Font and Text properties, create an XHTML/CSS version of the text.
• Make the page as readable as possible. Readabilty is your key goal for this assignment. Think book design. Refer to our course wiki for tips on making design readable;
• Use proper XHTML codes for punctuation and citation;
• Try specialized dash and space tags where relevant.
• You may use div or span tags to limit width and adjust layout;
• Upload your page to your your server and send me the URL. If you don't complete this exercise during class time, you may turn it in by the beginning of class, Week 4.