Web Development/Design (3 Units)

Course Description

Teachers, learning specialists and administrators are well equipped to utilize the web to extend teaching and learning beyond the classroom.  Instead of acting as passive recipients of all that the web has to offer, with the proper training and resources, educators can be empowered to use the web in their own instructional designs.  With the latest software, web design is becoming as easy as word processing.  The web can be utilized to unite students, teachers, administrators, and parents into effective educational partners. 
This course focuses on the basics of website design and its possible applications as an educator.  The course will follow a series of steps for creating an effective website using Microsoft FrontPage as the web editor.  The nature of this software and ease of use makes it the smartest choice for a new or veteran web designer.

  • Classroom information
  • Links
  • Post homework, notes, printables
  • Calendar of events
  • Syllabus
  • Teacher contact information
  • Teacher tips
  • …and More!

Course Preview

Step 1Step 1: Brainstorm

Brainstorm a list of all the items you’d like to have in your website.  This list can include items that you will produce for your site and links from your site to other sites.  As you make this list, think about your audience and the information that they are looking for.  Also, consider the information that you might already have available.  Remember that any documents or images that you already have in the computer can be easily incorporated into the website.

Brainstorming image

Finalize the categories and items in them and make them into an organizational flow chart. This chart will become your roadmap for site design. It will enable you to design a clear navigational structure, plus help you to keep track of your pages. Below you see a portion of the flow chart for this sample site. It consists of three levels:

Step 5: Develop a Flow Chart Flow Chart Image

Follow the guide above and include the following on each page: Navigation links at the top and bottom of every page, Identifying information on site name and organization, Page content.

Step 7: Page Layout