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
Definitions
Storyboard
Storyboarding Your Web Presentation
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)
VisiBone’s Color Lab.
Using the Dreamweaver FTP Client (movie clip)
Online Tutorials
XTML & HTML

Compress a GIF or a JPEG graphic in Photoshop CS3?
Working With Search Engines
Dreamweaver Developer Center
Spry
CSS media types
Website Design. Learn about designing a website! Available in Flash and QuickTime formats.
Web Standards Compliance. Learn about current standards in website development! Available in Flash and QuickTime formats.
 
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

The basic CSS syntax
Class Exercises Chapter 1
Case 1 ( case 1 answer key)
Case 2 (img) Case problem 2 (pg 45) (img) (solution)
Case 3 (img)
Case 4
Review
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

CSS Text Rollovers
Chapter 4
Exercise 4 (A)|| Exercise 4 (B) Page. 193
IMG Exercise (img) img2 img3
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"
Student Web sites http://www.zahuraink.com/
 
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
<http://usability.gov/pdfs/guidelines.html>
View and Print Entire Guidelines Book (2006 ed.)
(292 pages, 161 MB)
http://usability.gov/pdfs/guidelines_book.pdf
  
   
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  
Printing the Web: CSS-Techniques