View source for Tutorials Style Guide - Example Page Layout

__NOTOC__
__NOEDITSECTION__
<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>
<div class="gradientshadow"></div>

===Title of tutorial "chunk" (level 3)===
[[Image:Mac calawah1.png|thumb|250px|right|Figure 1]]
[[Image:Mac calawah2.png|thumb|250px|right|Figure 2]]
[[Image:Mac-calawah3.png|thumb|250px|right|Figure 3]]

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


====Subheading (level 4)====
Brief overview to orient what is being done in this section. May not always be necessary.
# Numbered step 
# Start steps with the verb or action to take
# Use bold menu steps such as '''File > Export > Export as PDF'''
# Keep it brief, this is not a place to get chatty
# Use [http://en.wikipedia.org/wiki/Hyperlink hyperlinks] embedded in the steps to take folks to relevant articles but don't over do it
# Embedded images work well when small[[Image:Mac network icon.png|30px]] 
# Urls should be written out fully '''https://studentfiles.evergreen.edu''' 




====Additional subheading with collapsed content====
For pages with perhaps TOO much content, collapsing non-critical sections can help users not feel so visually overwhelmed
{{Collapsed|
* Use the a collapsed section for "nice to know" information
* Do not put critical info in here as it may not be seen by users
}}

====See also====
*[[Tutorials Style Guide]] 

 [[category:Wiki Admin]]