Traditional Word Processing vs. Web Design

Practice makes perfect!

Once you understand the basics, using the content editor in Canvas is fairly easy to do, but it is a little different than using a regular word processor.  One example of this difference is that the content editor uses web-based formatting rather than traditional formatting when it comes to paragraph/line spacing.

In a standard word processor, like Word, pressing the Enter key (or Return if you use a Mac) takes you to the next single spaced line.  But in web page design, pressing the Enter/Return key is the equivalent to starting a new paragraph and adds extra space between the text.  This paragraph break is similar to 1.5 spacing in word processing.

Your page formatting will go much smoother if you remember the two simple spacing tips below:

Shift + Enter/Return = Single Spacing = Line Break
And looks like this.

Enter/Return = 1.5 Spacing = Paragraph Break

And looks like this.

Don't worry, your text will auto-wrap in the content editor so you do not need to press Enter/Return at the end of every line.  You can use the tips above if you need to create a specific spacing effect.

This course also uses 150% line height HTML code in the paragraph text to create the feeling of double-spacing.  While this is more of an advanced option, it is worth considering because it makes reading easier.  The HTML code looks like this:

<p style="line-height: 150%; ">


Learning Resources:

Explore the Guides link below.  Each link will open in a new tab.  You can return to Canvas by clicking on the Canvas tab in your browser.

Watch

  • No resources are available.

Read

After exploring the Guides link, return to Canvas and click the "Next" button at the bottom right of the page to move to the next section of the module.

TIP:  Learning to use the text editor to its fullest extent takes time, so be patient, ask your campus eLearning office or a colleague for assistance, keep experimenting, and keep practicing!