EMAIL - Student E-Mail Accounts || Current Students Info. || Search Directory || KCC web site map || Get The Latest Software
Kingsborough Community College
 
Office and Administration Program || Computer Lab Schedule || Blackboard (there is an incompatibility between Blackboard and Windows Vista)
Website Tec III WINTER 2009 (TEC 05500 Section:  E80Y Code: 2943)
Meets in S-214, Tuesday & Thursday 6-10:00 PM

Orit Hirsh, Lecturer
Office: L-710 (718-368-4780)

ohirsh@kingsborough.edu

This course gives you the opportunity to gain experience in designing, creating, reviewing and revising medium-sized web sites; making informed technical and design choices. This course designed to help you develop both hands-on skills in designing and creating web sites, and to develop sophisticated strategies for web site design and content creation.

SYLLABUS (pdf)
General Information
Glossary of Internet & Web Jargon
Living Internet
Storyboard
Reference HTML
HTML W3C Tutorial
CSS W3C Tutorial
Free Web Space
Internet Lingo
HTML
Hexadecimal Colors
Bravenet (Free web space)
Web Page Analyzer
The Layout Reservoir (CSS)
Using the Dreamweaver FTP Client (movie clip)
Online Tutorials
XTML & HTML
Working With Search Engines
Dreamweaver Developer Center
Spry
CSS media types
 
Web Design Jobs
Internet/Web Design Internships
A D.I.Y. Approach to Making a Web Commercial (NYT article)
Five High-Demand Jobs in 2008
Video Road Hogs Stir Fear of Internet Traffic Jam (NYT article)
An Oral History of the Internet
How the Web Was Won
Final Portfolio Instructions (pdf)
Website Evaluation Criteria (pdf)
Storyboarding Your Web Presentation (pdf)
Lectures

Usability for the Web

Dreamwever basic Lesson 1
Dreamwever basic Lesson 2
Lecture 1 Basic HTML
The Anchor Tag and the Href Attribute
Tables
Chapter 1
Class Exercises Chapter 1
Case 3 (img)
Chapter 2
Lecture 2 Cascading Style Sheets
css assignment
CSS Sample 1 CSS sample 2
Chapter 3
CSS Video1 (SWF) (wmv) || Video CSS 2 (swf) (wmv)||
video CSS 3 (swf) (wmv)
Class Exercise from the book
Tutorial 3 Case problem 4 (pg. 144-145)
: HTML img1 img 2 img 3 img 4
Chapter 5
http://www.csszengarden.com/ (CSS_based Layout)
Sample CSS Position Ext.CSS
Sample
Page layout using CSS AdobeŽ DreamweaverŽ CS3
 
Review Test 2 (Video)
Review Test 2 CSS     HTML
 
Students Exercises

Bring Flash drive to download the exercises

OR go to: Student Downloads
 
 
 
 
 
"Usability: The Key to Good Website Design"

 
Adobe Acrobat Reader is required to view these files.Adoby reader Free Download  
Recommended Links:  
WEB SITE DESIGN AND PROMOTION: USABILITY:
Research Based Web Design and Usability Guidelines
U.S. Department of Health and Human Services
and
The U.S. General Services Administration
Research Based Web Design and Usability Guidelines


View and Print Entire Guidelines Book (2006 ed.)
(292 pages, 161 MB)
 
   
With the increased amount of malicious programs and spyware there are 4 MUST have FREE software programs every personal computer should have.
  1. Free AVG Anti-virus http://free.grisoft.com/
  2. Free Firewall http://www.zonelabs.com
  3. Spybot Search & Destroy http://www.safer-networking.org
  4. Adaware SE Personal http://www.lavasoft.com

 

http://www.famfamfam.com/lab/icons/ Free icons for your new website or web application
Design for Browser Size — Not Screen Size
http://justaddwater.dk/2006/08/17/design-for-browser-size-not-screen-size/
Web Style Guide, 2nd Edition by Patrick Lynch and Sarah Horton
http://www.webstyleguide.com/index.html?/contents.html
A Beginner's Guide to HTML - http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html
Yale University Web Guide - http://info.med.yale.edu/caim/manual/contents.html
C|Net Builder.com - http://builder.cnet.com
Web Monkey - http://hotwired.lycos.com/webmonkey
WebReference.com - http://www.webreference.com
WebTechniques - http://www.webtechniques.com
Web resource center - http://resources.bravenet.com/
The Browser Safe Palette - http://the-light.com/netcol.htm
Understanding the Google webmaster guidelines   http://www.feedthebot.com/
Free search for small web sites: http://www.atomz.com/
Introduction to Web Accessibility http://www.webaim.org/intro/
W3Schools Online Web Tutorials http://www.w3schools.com/
Web Multimedia Tutorial http://www.w3schools.com/media/default.asp
Free Web Space http://www.thefreesite.com/Free_Web_Space/
Web Colors http://en.wikipedia.org/wiki/Web_colors
Bravenet Webmaster Freebies  http://www.bravenet.com/
Domain Name System http://www.internic.net/faqs/authoritative-dns.html
Tips on Choosing a Good Domain Name

The Anatomy of a Large-Scale Hypertextual Web Search Engine