Creating a Style Sheet

The purpose of the style sheet is to unify your website, creating an attractive, professional and consistent appearance throughout. Here are the decisions that we made for our website: 

Heading Typography:    Cambria Family, 18pt size, color Kelly Green

Text Typography: Calibri, Dark Grey, 12 pt

Placement of video screencast on page: After the Introduction

Size of video container: 600 width pixel  x 500 height pixel

Steps: Numbers: 1. 2. 3...

Hints: Border on outside with lavender filler, text black 12pt.

Authors' Photos: Place at bottom

Introduction: Include the following information:  

1.     Here are two options for beginning your introduction:

Option #1:  A technical Definition of how the process works.

Example: A folder widget is an on-screen  tool which is used to organize your home page by allowing the user to add pages to the main sidebar. In a way, it allows you to create a web-based table of contents in your main sidebar.

Option #2:  Using an informal voice to describe what the tutorial will teach.

Example: In this tutorial, we will teach you how to use some basic HTML commands to change your font face, color, and background color.  HTML is the common code for displaying web pages, which can be used in conjunction with Penn State's basic text editor.  This tutorial may be helpful to those without a text editor such as Microsoft Word.  Any beginner can attempt this procedure with practically zero consequences, and the entire process takes only a few minutes.  To begin, you will need a computer with internet access. 

2.     Provide a definition of complex terms or concepts in your introduction.

Example: A web widget is a portable chunk of code that can be installed and executed within any separate html-based web page by an end user... Widgets often take the form of on-screen tools (a few examples of web widgets include: clocks, calendars, folders for pages, weather reports) (Source: Wikipedia).

3.     Cautions or warnings that apply to the task.

4.     A sense of how long the task will take.

5.     Materials needed.

6.     A transitional statement to prepare the reader to complete the task.

Example: To complete the task, we have provided a video tutorial and set of instructions. After you have watched the video, follow the instructions to complete the task on your website.

Example: We have produced the following video tutorial to introduce how to complete this task. After listening to the video, you will be ready to tackle our instructions below.