Tutorials Style Guide - Example Page Layout

Brief overview to orient what this tutorial is about. May not always be necessary. 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 small

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

• Tutorials Style Guide