The Computer Gal Logo - Laptop with coffee and plants
Website Basics
for Mere Mortals

Recommended Reading for Web Development

Overview
This course was designed to help you 1) understand all the skill sets that go into web development, 2) decide what part(s) of web development you will be interested in learning, 3) learn how to communcate effectively with a web development team, 4) understand how to plan your website. By beginning your web development process with an understanding of what makes a web site work, how to bring traffic to your site, and how to make the site attractive and usable for your viewer, you will spend less time and money on an unproductive website.

Prerequisites
If you register for this class, it is assumed that you are comfortable using a web browser and saving files on a PC computer. If you have a Mac laptop, you are welcome to bring it to class and use it instead of the lab PCs. However, there is not time in this class for basic help with using a browser and saving files.

Textbook
Normally, I don't require a textbook in my classes because my 14+ years of experience in web development provide plenty of material. But, I do recommend books, if computer books fit with your learning style. I recommend either of the books shown here. If you go to Amazon, they have a link where you can see what the inside of the book looks like.

Note: the following schedule roughly corresponds to our class sessions. However, based on class discussion and questions, this schedule should be considered flexible.

Lesson
Class Description
Web References
1

Introduction & What's it going to cost?
    Why we have this class
    The other end of the scale

  1. How web sites are delivered to viewers
    a. Web hosting services
    b. Domain names
      Protecting your name: what is missoullian.com?
  2. People to pay throughout the life cycle of your web site
    a. Web Designer/Project Manager
    b. Graphic Artist/Photographer
    c. Copywriter
    d. Programmer
    e. Webmaster
    f. Notice that the book lists similar "job descriptions," but groups them differently
  3. Tips to Working with a Web Developer
Domain Name Registrar Examples

How to Find out Who Owns a Domain Name

What is a Web Host?

ModWest

2
Design Features of a Website:
User Interface
  1. What frustrates you about web sites?
  2. Background images
  3. Fonts (Typography)
  4. Navigation
  5. Some basic placement principles
      Proximity
      Alignment
      Repetition
      Contrast
  6. Website Models
  7. High Level Web Development Tasks

Suggested Reading about User Interface

Don't Make me Think by Steve Krug The Design of Everyday Things by Donald Norman

These are design books that I have found helpful.
Nora

How long do you have for viewers to get an impression of your website?

WayBackMachine - track changes to the Bigfork Summer Playhouse site

A Better "Coming Soon" - but for how long?

Background images - dimension or dementia?

Roll On Trucks - do line drawings work?

Where is this place??

Are there any humans?

Putting up barriers for your potential clients - all I want is a demo of your product

Putting up barriers for your potential clients 2 - all I want is instructions on how to set up voicemail.

An example of great content

Accessibility checker 

Reverse page with serif font

10 Useful Usability Findings and Guidelines

3

Web site Promotion
     Target market exercise

  1. Analytics - know where you stand
    - Comparison of Web Host and Google Analytics
  2. Existing media
  3. Search engines and making your site search engine friendly
    - Black Hat SEO
    - What is a "scraper" site and copyright issues
  4. Pay-per-clicks
    - Ways to mess up your pay-per-click strategy
    - Abuse of your PPC dollars
  5. Industry related sites
  6. Newsletters
  7. Social Networking
Suggested Reading about Web Marketing

Text for Search Engine Optimization

Inbound Marketing
Text for Social Networking for Business

WebProWorld - a forum where you can ask your questions

Search Engine Watch

MailerMailer - a site to help you manage a newsletter list and send emailed newsletters.

Food Labels - "one-man" shop - simple site development

Black Hat SEO in action

What about translating your site?

Does writing matter?
 

4
Look under the Hood:
File Structure and Page Structure

Class Topics

Suggested Reading about Website Structure

EXAMPLE SITES

Example of a Framed site

Example of a Template system

Yola templates

 Example of a site built completely with CSS

Example 1: Drupal Hosted CMS

Example 2: WordPress Hosted CMS

Example 3: Another Hosted WordPress site

 

5

Graphics and Programming

  • Understanding colors for the web
  • Understanding graphic formats for the web
  • Image maps
  • Technical support and documentation
  • Types of programming
  • CMS
  • Forms and database
  • Web Site Security

(Old) Course Text references
- About Color: pg. 56-58   

- pg. 139 - 198

Case Study

Suggested Reading about Web Programming

What happens to a PNG-24 in IE6

WOW, a Site with a 300,000+ byte header

Image map with JavaScript and server-side programming

Form Security

Web Software Experiences

Why you need a software plan and site testing

 

6

Content for your Website and HTML

Why you should learn code!

  1. HTML exercise
  2. Using a text editor and a browser to create a web page
  3. Web Development Checklist

Text Areas to Plan for your Website - Even if it's Already Up-and-Running

Add Feature Newspaper and Magazine Articles to your Web Site

Quotes:

"Industry surveys show again and again that users prefer a rich media experience to visiting a text-heavy site, and that video in particular draws them to a site, keeps them there longer, and influences purchasing decisions."
SocialCorp: Social Media Goes Corporate
by Joel Postman

 

Nora McDougall | Missoula, Montana 59801 | 406.253.4045 | Contact Nora
© 2011, Nora McDougall-Collins