Pacifica
 

Projects‎ > ‎

HTML / Web Design

 
The HTML project is intended to provide instruction in website development, and a way to participate in the development of one of the club's most valuable communication resources: its website. Members can take pride in imagining, creating, and publishing documents that can be viewed from any computer, nearly anywhere in the world.

This is an introductory, learn-by-doing course which will attempt to familiarize members with a broad range of topics, covering the major elements that are seen on most web pages. They will learn how beautiful web pages can be created with nothing more than a simple text editor. Independent project mentoring would be available for members that take a deeper interest in computers and website development.

At the first meeting of 2006-2007, members will be encouraged to pick an area of the website they would like to develop (for example, a web page describing one of the other projects they are participating in). Members will use their individual (or group, if they prefer) assignments to apply the following lessons over the year, building from simple to more elaborate web functionality into their pages.

HTML Project Topics

  • Select a page to develop (come with your ideas of what part of the website you might like to work on, such as developing a page for another 4-H project you are participating in)
  • Background and history of the Internet and World Wide Web
  • Website terms
  • Website design
  • Storyboarding
  • Using photo album software
  • Creating links to other pages and sites
  • Editing the navigation menu
  • Creating styles in Cascading Style Sheets (CSS)
  • FTP uploading to server
  • Presenting their web page, and/or storyboard, at a general meeting
  • Test driving the club's website development instructions pages

HTML Project Lessons

  1. HTML Project Assignments
  2. Managing Your Flash Drives
  3. Editing and Viewing Your Work
  4. HTML Tags
  5. Naming Conventions
  6. Processing Your Pictures
 

Resources
Pacifica 4H HTML Project Curriculum
Alberta 4-H HTML Project Manual
The Code Project (a nice reference for HTML)
HTML: Getting Started (w3)
W3 Consortium Home Page
Javascript Examples (w3 schools)
HTML Tags(w3 schools)