Web Mastering Course Outline
Posted online by Annette Romero, Spring Branch ISD, TX

 

  1. Getting Started
    1. Surveys (find out what your students know!)
    2. Class Policies
      1. Expectations
        1. Quality Work
        2. Collaborative Learning
        3. Problem Solving
        4. Independent work
      2. Rules
      3. Grading Policy
        1. Projects
        2. Rubrics
        3. Tests
        4. Daily Participation
      4. Syllabus
    3. District Policies -- Whatever your district requires!
      1. Ethics/Acceptable Use Policy (AUP)
      2. Release Form -
  1. Intro To Web - related assignments
    1. Internet Terms (http://www.matisse.net/files/glossary.html)
    2. Browser Basics
    3. Web Hierarchical Structure (Domain Name System: DNS)
    4. Web Search Basics
      1. Boolean Logic
      2. Compare/Contrast Search Sites
        1. Directory (Ex. yahoo.com)
        2. Search Engine (Ex. webcrawler.com)
        3. Meta Search Engines (Ex. dogpile.com)
    5. Bulletin Boards / Chat Rooms / Email
      1. What is the purpose of using Bulletin Boards?
      2. Educational Value of Chat Rooms
      3. Web Based vs. POP3 Email
    6. History of Internet / Web
      1. Impact of Internet / Web on Society
      2. Development / Evolution
      3. Future of the Web / Internet
  1. Basic HTML Coding
    1. Webmaster Resources (HTML)
    2. HTML Defined
      Refer back to Jigsaw Activity to reinforce that HTML may not be the end-all be-all, but it's universal and easy.
    3. Basic/Common Tags
      Required/Optional Tags
      Browser Considerations
    4. Relative vs. Absolute Paths
      address of a location vs. "take a right at the first stop sign"
  1. Elements of Design
    1. Webmaster Resources (design technique tutorials) (Looking Good In Print)
    2. Design Elements - My handout is from the Non-Designers Design Book
      1. Contrast
      2. Repetition
      3. Alignment
      4. Proximity
      5. Appropriate combinations of color
      6. Web Palette
      7. Appropriate Backgrounds
      8. Intended Audience
    3. Learning through Editing
  1. Introduction To HTML GUI Editors
    1. Webmaster Resources (WYSIWYG Editors)
    2. Dreamweaver
      1. Using the Toolbar
      2. Inserting Images
      3. Creating Tables
    3. Show students other options such as Netscape, Front Page, Claris Homepage, etc
  1. Image Editing
    1. Webmaster Resources (Intro to Photoshop and Fireworks)(Free Clip Art Sites)
    2. Adobe PhotoShop
      1. Using the Toolbar
      2. Editing a Flat Image
      3. Creating a composite image
    3. Macromedia Fireworks
      1. Using the Toolbar
      2. Text Effects
    4. Optimizing Graphics - http://www.infohiway.com/faster/
  1. Using Peripherals to Enhance your Site
    1. Using the Scanner Properly
    2. Using the Digital Camera
  1. District Required Forms / Procedures
    1. Copyright Laws with regard to the WWW - these are on SBISD intranet
    2. SBISD Web Standards - these are on SBISD intranet
    3. Documentation
      1. Complete URL of Site or Page
      2. Author of Site or Page
      3. List of Images with Permission to Use
        1. URL of Originating Site with Public Use Status
        2. Permission from Concerned Webmaster
        3. Permitted Software Use
        4. Author Created (see release form)
      4. Check for Release Verification
        use of names, pictures, and/or work
      5. .psd or .png files included in site folder or recipe to recreate
    4. Approval Form
    5. Editing
  2. Web Site Organization
    1. File structure
    2. Naming Conventions
    3. Pathways/Links
  1. Web Authoring Tools
    1. Webmaster Resources
    2. PhotoShop
      1. Text Effects
      2. Animated Gifs
    3. Dreamweaver
      1. Layers & Animation (timelines)
      2. Rollovers
      3. Behaviors
      4. Forms
    4. Fireworks
      1. Creating a Rollover Menu Bar
      2. Page Layout
    5. Flash
      1. Animations
      2. Sound
      3. ShockWave
    6. 3D Animation
  1. Research Current Web-Related Industries
    1. Information & News
    2. Search Engines
    3. Multimedia
    4. Games
    5. Corporate ID
    6. Products
  2. Running a Web Design Business
    1. Decision Making and Problem Solving Process
    2. Building the Team
      1. Project Manager
        1. Proposal (bid, scope of work, timeline)
        2. Oversee project
        3. Fill in where needed
        4. Check daily progress journal
      2. Graphic Designer
        1. Artistic consultation
        2. Determine cost of graphic design for proposal
      3. Layout Designer
        1. Site design
        2. page templates
        3. Proposed cost (by page or time)
        4. Assign pages to team members
      4. Site Developer
        1. Cost and details of:
          1. hosting
          2. advertising your site/pages
            1. Banner Exchanges
            2. META Tags
            3. Site Submission
            4. Link Extension
          3. domain name
          4. security?
  1. Advanced Web Topics - as our last project of the year, I usually make this an independent study project where small groups gather all they can find on a particular subject. They take one aspect of it and teach or demonstrate to the class. We are usually out of time at this point.
    1. QTVR
    2. CGI
    3. Streaming Video/Streaming Audio/Web Cam
    4. JAVA Applets
    5. Databases
    6. Plug Ins