Difference between revisions of "Tutorials Style Guide - Example Page Layout"

From Help Wiki
m
m
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 
<div class="lead">  
 
<div class="lead">  
[[Image:Mac network icon.png|50px|left]][http://www.webpagecontent.com/arc_archive/174/5/ Page Summary]: Succinct description of what this page is about. Could be two lines worth but shorter is better.Adding an application's icon as a small image can also help orient readers.</div>
+
[[Image:Mac network icon.png|50px|left]][http://www.webpagecontent.com/arc_archive/174/5/ Page Summary]: Succinct description of what this page is about. Could be two lines worth but shorter is better. Adding an application's icon as a small image can also help orient readers.</div>
 
<div class="gradientshadow"></div>
 
<div class="gradientshadow"></div>
  

Revision as of 15:23, 15 July 2013

Mac network icon.png
Page Summary: Succinct description of what this page is about. Could be two lines worth but shorter is better. Adding an application's icon as a small image can also help orient readers.

Title of tutorial "chunk" (level 2)

Figure 1
Figure 2
Figure 3

Brief overview to orient what is being done in this section. May not always be necessary.


Subheading (level 3)

Brief overview to orient what is being done in this section. May not always be necessary.

  1. Numbered step
  2. Numbered step with link to larger version of figure graphic. Figure 1
  3. Numbered step
  4. Numbered step with link to larger version of figure graphic. Figure 2
  5. Numbered step with link to larger version of figure graphic. Figure 3
  6. Embedded images work well when smallMac network icon.png


Subheading (level 3)

Brief overview to orient what is being done in this section. May not always be necessary.

  1. Numbered step. Use bold text when indicating menus for clicking, i.e. Go > Connect to Server
  2. Urls should be written out fully https://studentfiles.evergreen.edu


See also