Note: This class agenda is not complete and is subject to change!

Fall 1997 #1
Thursdays 6:00 - 11:00pm
Room B202 Central Park Campus, McKinney, TX

Fall 1997 #2
Saturdays 10:00am - 4:00pm
Room D-130 (Library) Spring Creek Campus, Plano, TX
Instructors : Darren DittrichEmail Darren (Sat.) and Darrin Woods (Thurs.)

 1

January 22/24

 

 Netscape Overview

Navigator 4 Toolbar
Communicator/Navigator 4

Navigator 3 Toolbar
Navigator 3

 
  • Email Darren or Darrin
  • Start Thinking about your personal page
  • Begin reading HTML book...
 2

January 29/31

 
  • New software releases: MacOS 8.1
  • Darren's pick o' the week: c|net
  • Discussed in class: The World Wide Web Consortium (W3C) and the HTML Standard, and the upcoming HTML 4.0 spec
 

 HTML Basics

  • HTML and the Web
  • Browsers
  • URLs
  • First Page : Intro to BBEdit Lite
  • Text Formatting
  • Inserting Images
  • Lists
 
  • If you haven't already, email Darren
  • Incorporate text into your personal page, design basic layout
  • Read first 3 chapters in HTML
 3

February 5/7

 
  • New software releases: Claris HomePage 3.0, Communicator/Navigator 4.04.1, StuffIt Expander 4.5 (see Version Tracker...)
  • Darren's picks o' the week:

Review Project 1 Requirements

Email Etiquette

  • Reply-to Address
  • Email name
  • A good guide to email etiquette

More HTML

  • Graphics types for the web
    • How to create them
    • When to use GIF and JPEG
  • Intro to Links & Anchors

HTML Reference

 
  • Begin work on your personal page, bring in prototype version to class 4 for review
  • Read Chapters 5 & 6 in HTML

 4

February 12/14

 
 

Review project 1 prototypes

More HTML...

  • Photoshop and Images
  • More Links & Anchors
  • Lists

Discussed in class...

  • MIT Hyperarchive (Macintosh shareware) and TuCows (PC Shareware)
    • SmallScreen 1.3 for Mac (utility to help check your page on smaller screens)
  • Net-related magazines (weeklies, some offer free subscriptions)
    • InternetWeek
    • InternetWorld
    • InfoWorld
    • ComputerWorld
    • MacWorld
 
  • Continue working on first project. Turn in at beginning of Class 6.
  • Continue reading thru the Multimedia Chapter in HTML.

 5

February 19/21

 
 

Discuss problems or issues regarding Project 1
Still more HTML...

 
  • Complete work on first project. Turn in at beginning of Class 6.
  • If you have purchased Creating Killer Websites, begin reading the first couple of chapters. Otherwise, take a look at the content on killersites.com, and look for the 2nd edition on the web or at bookstores.
    (You may find a good buy on a used copy of the 1st Edition.)

 6

February 26/28

 
 

Final review for Project 1
   Need that perfect picture? Check out some online stock photography sites...

Jeffery Veen's Hotwired Style book
Discuss Final Project.

Review for Midterm

More with frames... for reference, check out O'Reilly's HTML: The Definitive Guide

The Netscape Broken Images and what they mean:

 
  • Prepare an initial list outlining your ideas for the Final Project.
  • Being reading in Creating Killer Websites.

 7

March 5/7

 
  • New software releases: Apple Data Detectors 1.0.2
  • News: Riven surpasses 1 million sold, Netscape posts draft license for source code
  • Darren's tip o' the week: c|net's recent Fun with Frames
  • Darren's pick o' the week: Vitra (for discussion), Graphis for ideas
 

Project 1 Due at beginning of class... be prepared to demo your work!

Midterm Exam

  • Basic protocols and acronyms
  • All HTML up through Tables & Frames

Review project Proposals

<FORMs>

  • WebMonkey's excellent tutorial
  • The form tag
    • GET vs POST
    • ACTIONs and mailto: trick
  • Select, option, input, textarea
  • Graphics as SUBMIT buttons
 
  • Prepare your final Final Project Proposal. Use the Secretsites Project Profiler
  • Grades for the Midterm & Project 1 will be completed during Spring Break

8 

March 12/14

 
  • Have a terrific:
 
Spring Break
 

Take a look at similar commercial websites for ideas.
Complete the Project Profiler.
Ideas on opening page/intro/welcome for you site... bring rough sketches to class next week.

9 

March 19/21

 
  • New software releases:BBEdit 4.5.2 Updater, MS Office 98, Macromedia FireWorks Beta
  • News:Apple announces new machines and color display
  • Darren's pick o' the week: GaboCorp (requires MM Flash)
 

Discuss Midpoint Grades

Project Development Pitfalls

The Pyramid Brewery example from SecretSites (site design by Brasil Design Group, and Worker Bees)
What should I charge for my site?

Take a look at Project Proposals & rough ideas
Discuss problems and issues with site design

Search Engines

Search engine wars, and more features Web Design Issues...
Kickbacks, buying words, and more...

 

Continue creating/evolving design ideas for your site.
Bring 2-5 (rough) comps of front page to class next week. Be prepared to discuss your ideas with the class.

10

March 26/28

 
  • New software releases: WebStar 3.0, Quark 4.0.2r1, TechTool Pro 2, FWB HDT 2.5.2
  • News: Quark Confirms mTropolis Discontinuation
  • Darren's tip o' the week: Animated GIFs do indeed work as BG images under NS4. (Do not do this.)
  • Darren's pick o' the week: IDEO
 

Review and discuss rough comps (that's right! everyone will be involved...)

Graphics Workflow (Illustrator > Photoshop) and Fireworks

 

Based on class feedback, take another cut at roughs for your site. (Bring them in next week.)

11

April 2/4

 
  • New software releases: Netscape 4.0.5*, Mozilla source code released
  • News: Click-thru rates falling...new e-ads coming?
  • Darren's tip o' the week: Check out code resources at WebCoder
  • Darren's pick o' the week: StudioArchetype and Quokka Sports

    *You might wanna hold off on downloading Nav 4.05... patch should be available today?

 

Project 2 Requirements
Review and discuss
artwork for website.
Interface Design Issue: NavBars and Rollovers

Web design tools overview

  • BBEdit 4.5
  • Adobe PageMill 2.0

Review and discuss second-generation comps

 

  • Contruct Site Map/Description
  • Bring in Photoshop/Illustrator Mock-ups

12

April 9/11

 
  • New software releases:
  • News: Top 25 Websites reveal some clues about what surfers really do...
    Netscape drops Java logo from 4.04 browser...
  • Darren's tip o' the week: Generating Netscape-safe colors... (see ColorSafe below)
  • Darren's pick o' the week: internet.com and Kasparov vs. DeepBlue
 

Campus closed on April 11th

 

Obtain initial client sign-off on basic design and overall structure.
Work, work, work. Complete the major layouts, graphics, and structure. 50% of content in place.

13

April 16/18

 
 

Project 2 Requirements
More on META tags

TCP/IP Networks and the Internet

  • Anatomy of an IP Address
  • Domain Name Servers (DNS) and Routers
  • Top Level Domains (x.aq?)
  • Telnet : remote console for UNIX systems (likely your WWW server)
  • Ping and other IP utilities (traceroute, nslookup)

Web design tools overview part deux

  • DreamWeaver
  • FireWorks
  • Comparisons
    • Design Evironments, Site-level Tools (NetObjects Fusion, GoLive CyberStudio, FrontPage 98, Allaire ColdFusioin)
    • Specialized Tools (FireWorks, ScriptBuilder, Flash, PhotoGIF and related plug-ins) Cookies & Security
 

Continue final project efforts.

14

April 23/25

 
 

Cookies & Security

Color Issues... ColorSAFE...
First & Third Generation websites (which is yours?)
Multimedia and the Web
Common web file types, MIME Types and helper applications


Final Project Review

 

Look over class notes to prepare for final exam, and continue final project efforts.

15

April 30 / May 2

 
  • New software releases: DreamWeaver 1.2 (see Version Tracker...)
  • News: PhotoShop 5.0 upcoming release!
  • Darren's tip o' the week: Top Ten Ways To Tell If You Have A Sucky Home Page
  • Darren's pick o' the week: Braun and Amistad
 
  • Review for Final Exam

Web Design...

  • Jeffrey Veen: Library (function) vs. Gallery (form)
  • Seven Deadly Sins
  • Jakob Nielson's Guidelines
  • Graphics, palettes, web colors, and compression
  • Photoshop and WebType (Chapter 5)
  • Laying Out Pages (Chapter 4)
       Single-pixel GIF trick and invisible tables

Tracking & Statistics

Discuss web projects and development issues

 


16

May 7/9

 
  • News: Apple announces new PowerBooks & iMac, Jobs to announce OS plans next week, PhotoShop 5 ships this week, Wired magazine sold
  • Darren's tips o' the week: Table widths: use maximally-divided row
  • And a note about viewable screen pixels (lowest common denominator, from a the babble listserv):
    Recent testing on both Mac and Windows screens running
    640x480 resulted in the top of a page being 580x300. This allows for
    browser margins, window borders, vertical scroll bar, and default 'bars' in
    both Netscape and Explorer. We checked versions 2.x through 4.x. Anything
    wider results in having to scroll horizontally to see the whole page in
    many setups.
 
  • Final Exam
  • Final Project Review

Future Web directions

Style Sheets and CSS1
Floating Frames
Dynamic HTML and XML
Server-parsed HTML (e.g.,
PHP)
Database-backed Websites
 
  • Final Projects Due Next Week
    Bring in floppy with site ready to upload, or your existing URL

17

May 14/16

 
  • News:
  • Darren's tip o' the week:
 
  • Turn in Final Projects
  • Upload via FTP to WWW Server (if it's not online already)
  • Fill out class survey
 

Add your information to the Spring 98 Class Contact List!