与21W.785课程直接相关的链接
Jakob Nielsen关于网页可用性的网站：是这位研究网页可用性先驱的主页
麻省理工学院网页设计原则
史丹佛法学院网络与社会研究中心
网站内容写作：由麻省理工学院图书馆整理的关于网络写作要点的网页，对读者很有帮助；
相关的网络技术
参考书
各类设计优秀的网站
| 苹果公司 |
即使您不喜欢苹果电脑，您也会喜欢上其网站设计的初衷。整个网站模仿苹果公司产品的外观和感觉，能立刻吸引访问者，查找信息也非常轻松。 |
| Archinect.com |
一个关于建筑的网站，具有现代感的设计，精选的图片和互动功能。 |
| CNN.com |
首屈一指的新闻网站，具有较强的互动性、持续更新的新闻、以及诸如在线调查等有趣的功能。 |
| Compaq.com |
企业网站的很好的例子；清新的页面，简单的导航，适当的图片，以及鲜明的颜色对比。 |
| 迪斯尼网站 |
迪斯尼王国的家！设计者巧妙地使网站看起来像一个迪斯尼乐园，采用大家熟悉的迪斯尼卡通人物。这个网站虽然并不在技术上出众，但能向访问者清楚地传递信息并与选择的风格一致。 |
| 宜家家居 |
创新地运用Macromedia® Flash™技术展示宜家的室内设计理念与产品。 |
| Java.Sun.com |
Sun Microsystems公司Java®技术的首页。虽然有人觉得页面应该运用更多技术来制作，但它却简单并具吸引力。它很好地利用html达到专业效果，易用，并支持纯文字浏览器。 |
| Landor.com |
又一个具有现代感的企业网站。简单、易用、目的突出。但请注意此网站运用了一些不能说明其产品和服务的图片。 |
| 麻省理工学院外国语言与文学 |
这个设计优秀的麻省理工学院站点向我们展示了怎样在整个网站范围内持续使用已定的网站隐喻。它巧妙地运用图像地图将所有的图片组合起来，在不引起读者反感的同时说明内容。 |
| Nikewomen.com |
虽然Macromedia® Flash™技术已被太多网站使用，但此网站能巧妙地运用它来为自己的产品做广告，其在线目录也具有极强的互动性。 |
| Sueellen.org |
这个设计简单精致的网站很好地展示了一位才华横溢的摄影师兼图像设计师的作品。 |
| Travelocity.com |
这个网站的主题很明显：旅游。各种服务在页面上体现得体，页面也具有极强的功能性和互动性，同时体现旅游这个主题。 |
| Xbox.com |
这个网站很好地展示微软新的游戏产品。它的导航条和环绕网页的图片都模仿Xbox控制台的设计，运用看起来像散热孔的图片和游戏迷所熟悉的黑绿色塑胶外观。它运用一些有用的图标和广告条提醒访问者关注新的游戏产品。整个网站保持整洁的风格。 |
|
失败的网站设计例子
| 珍妮杰克逊官方网站 |
这是一个误用Macromedia® Flash™技术的典型例子。在浏览此网站的时候，问自己以下几个问题：网页的背景到底什么意思？为什么显示内容的窗口这么小？那些移动的多边形和变换的面板与珍妮杰克逊或她的音乐有什么关系？那个右上角的小动画图片想要表达什么意思？如果您发现不能回答以上问题，那是因为这个网站太着重视觉效果，而忽略了目的。此网站的优点在于其互动的音响效果和真实的音乐及录像内容，但那归功于网络技术的应用和珍妮杰克逊的音乐才能，并不是网站设计的结果。 |
| Nikelab.com |
从这个网站我们能清楚地感觉到设计者花费了不少功夫，但为什么要让浏览者在移动鼠标时看见许多同样的图片上下移动？这样使得浏览者需要非常困难地查找信息，更难了解除了宣传Nike球鞋以外网站的目的是什么。页面文字太小，一些关于模块下载的不必要的内容也显示在页面上。这个网站试图达到一种前卫的视觉效果，但在浏览者看来却是烦人的设计。 |
| Zx26.com |
这个页面除了能说明滥用GIF动画怎样使您的网站立刻变得俗气以外，别无其它用处。 |
|
对学生开发项目有用的技术
| Apache™ |
阿帕奇HTTP服务器项目是为了开发并维护一个开放源代码HTTP服务器来支持现代操作系统包括UNIX®和Windows® NT。这个项目的目的在于提供一个安全、有效、可扩展的服务器，具有能与HTTP各种标准同步的HTTP服务。自1996年4月起，阿帕奇成为英特网上最常用的服务器类型。2002年8月Netcraft网站的调查显示，百分之六十三的网站都基于阿帕奇服务器，这说明其使用范围比其它所有服务器类型加起来还要广泛。 |
| CGI |
公共网关接口(CGI)是一个连接外部应用程序与Web服务器的标准接口。Web服务器获得的纯HTML文件是静态的，即不可变的文本文件；而一个CGI程序是可以被实时执行的，它可以输出动态的信息。 |
| CSS |
级联样式表(CSS)是一个非常简单的机制，能定义网页的风格，如字体大小、颜色、字间距等。 |
| DHTML |
“动态HTML”(DHTML)将HTML页面动态化。 |
| Dreamweaver® |
创建网站和互联网应用程序的专业工具。 |
| Fireworks® |
强大的创新工具，广泛的格式和标准支持，无缝的集成。Macromedia® Fireworks® MX为单一网络环境下创建、优化和导出交互式图像提供最便捷的途径。 |
| Flash™ |
Macromedia® Flash™ MX可以帮助您快速地建立丰富多彩的网站，并使您的付出得到很好的回报。其强大的视频、多媒体和应用程序开发功能可用于创建丰富的用户界面、在线广告、网络课堂和企业应用程序。 |
| Java® |
作为快速开发并部署关键企业应用程序的首选，J2SETM提供必要的编译器、工具、运行时间、以及在Java®语言环境下编写、部署和运行程序的应用程序接口(API)。 |
| JavaScript™ |
JavaScript™是一种结构紧凑的基于对象的脚本语言，用于开发客户端和服务器端的应用程序。 |
| JSP™ |
JavaServer Pages (JSP™)技术为创建不依赖于任何平台和服务器的动态网页提供简单的方法，将Java®TM技术“一次编写，随处运行”的特点发挥得淋漓尽致。JSP™技术将内容与显示形式分开，利用可重复运用的标签和对象简化网站维护。您可以自由选择：是利用JSP™技术提供的脚本功能生成简单的互动网页，还是利用它来支持一个功能强大的网站，使其与企业应用程序紧密结合。 |
| MySQL® |
MySQL®是最流行的开放源代码数据库，其速度与可靠性都得到普遍认可。由MySQL®数据库开发者创建的MySQL® AB公司提供MySQL®软件的开发及相关技术支持与服务。 |
| Perl |
Perl是一种能完成多项任务的编程语言。其最典型的运用是从文本文件中提取信息并打印报告，或将一个文本文件转换成另一种格式。但除了这些简单的功能以外，Perl还能够提供许多工具解决一些相当复杂的问题，包括系统编程。 |
| Photoshop® |
Adobe® Photoshop® 7.0软件是专业的图像处理标准。它能帮助您有效地生成用于打印、网站或其它任何用途的高质量图片。其新颖的界面设计及各种功能帮助您轻松地获得优质图片。 |
| PHP |
PHP是一种被广泛运用的脚本语言，可用作多种用途，尤其适合于网站开发，并可被嵌入HTML中。 |
| Tomcat™ |
Tomcat™是一个Serlvet容器，被用于Java® Servlet和JavaServer Pages技术的官方参考实现里。它由Apache™，Sun和其它一些公司及个人共同开发而成。Tomcat™意味着全世界最优秀程序员的合作。您也可以参与这个开源项目。 |
|
参考书
| Big Java® |
Cay Horstmann |
这是一本学习Java®编程语言的好书。书中列举了许多实用的例子、问题及编程提示，对初学者和已熟悉Java®的读者都有帮助。在详细介绍Java®的同时此书还简单介绍了XML，JSP™，SQL和servlets。 |
| DHTML and CSS for the World Wide Web: Visual QuickStart Guide |
Jason Cranford Teague |
本书面向的读者不只是程序员，还包括网站设计师和内容制作人员。本书通过图片和实际例子教您以最快的速度利用DHTML完成任务。第二版修订版以最新的网络标准和浏览器为基础，内容涉及如何利用DHTML获取浏览器的信息，如何为网站添加多媒体，还包括怎样使一个模块出现又消失，怎样为网站添加动态内容，怎样在3D环境中移动物体等高级的动态技术。此书所介绍的内容完全基于跨平台和跨浏览器。它的重点不在于介绍DHTML复杂的一面，而是通过 例子介绍DHTML和CSS能实现的功能，对于初学者和程序员快速参考都非常实用。 |
| Dreamweaver® MX: PHP Web Development |
Bruno Mairlot, Gareth Downes-Powell, Tim Green |
本书帮助网站制作人员利用Dreamweaver® MX制作PHP网站。读者不需要具备PHP的相关知识。 |
| Flash™ MX ActionScript For Designers |
Doug Sahlin |
强大的互动功能、美观大方、自动的内容管理，这些都是Actionscript给予您将Flash™作品带到一个新高度的能力。但如果您不习惯那些对象、变量和编程的种种术语该怎么办呢？没关系，本书作者Doug Sahlin通过许多简单易懂的例子和绝对少的技术术语为您揭开Actionscript神秘的面纱，一步一步教您制作Flash™。 |
| Interface Design |
Alastair Campbell |
非常专业的一本书，带您领略界面设计中图像层次结构的各个方面。 |
| JavaScript™ for the World Wide Web: Visual Quickstart Guide |
Tom Negrino, Dori Smith |
当Peachpit Press出版发行本书第一版不久，它就迅速成为网站开发人员公认的最实用的书籍之一。目前发行的第四版较第一版在内容上又有了扩展，也更受读者欢迎。
虽然本书面向的读者是熟悉HTML的程序员，但您并不需要对JavaScript™或脚本编程有深入的了解。书中采用实际案例生动地介绍JavaScript™的编程思想，并列出具体的代码逐行解释。它恰到好处地使用屏幕截图并用红颜色突出代码，非常易懂。第四版用新的IE和Netscape®图标标明只被这些浏览器支持的功能。它不仅限于介绍编程语言，还专门用一章介绍运用JavaScript™的网站制作工具，如Dreamweaver®，GoLive®和Fireworks®。本书提供丰富的实用脚本，并附有一个网站。读者在网站上可以找到书中所提到的所有脚本，并能体验脚本运行的情况。所有的脚本可以通过下载一个Zip压缩文件得到。总而言之，本书为学习JavaScript™的必备书籍。 |
| JSP™, Servlets, and MySQL® |
David Harms |
如果您需要创建基于数据库的网站，JSP™，Servlets和MySQL®将给予您最大的控制能力，为您带来非常好的运行效率；服务器端Java®将为创建数据库驱动的站点提供完善的解决方案。但如何在实际编程中执行服务器端Java®？这本指南告诉您方法。资深程序员David Harms运用大量简单易懂的例子，为您详细解释怎样使JavaServer Pages和Java® servlets基于MySQL®数据库工作。从服务器端Java®和MySQL®的基础知识到Tomcat™，JavaBeans，多线程和用户身份鉴定，本书帮助您编写出色的数据库应用程序，创建技术领先的互动网站。 |
| Macromedia® Dreamweaver® MX for Windows® and Macintosh: Visual QuickStart Guide |
J. Tarin Towers |
即使您以前从未用过Macromedia® Dreamweaver®，也可以通过本书立刻掌握它的使用方法。本书为畅销的Macromedia® Dreamweaver®向导的完全更新版，通过一步一步的任务型讲解，介绍Macromedia® Dreamweaver®的基本功能以及如何利用这些功能设计制作网站。本书涉及Macromedia® Dreamweaver®以前的和最新的功能，包括站点创建向导、上下文相关工具栏、代码片断、以及改进后的代码编写工具。无论您是将Macromedia® Dreamweaver®当作能实现所见即所得(WYSIWYG)功能的页面制作软件，还是喜欢使用先进编辑器的程序员，您都会发现本书不可或缺。 |
| Macromedia® Fireworks® MX for Windows® and Macintosh: Visual QuickStart Guide |
Sandee Cohen |
这是一本非常实用的指南，帮助您掌握Fireworks®这个功能强大的网页图形工具。对于优秀的网页设计师来说，Fireworks®的各种图像设计工具和易用的功能可以双倍增加他们创作的可能性，它被强烈推荐给
21W.785的学生用于创建网页原始图形和在DHTML里实现复杂的效果。这本书简单易懂，并有很多实用的例子，帮助您在一周之内掌握Fireworks®的使用。如果您有机会一定要读读本书。 |
| Macromedia® Flash™ for Windows® & Macintosh: Visual Quickstart Guide |
Katherine Ulrich |
作者Rlrich在本书里对Flash™有很全面的讲解，从矢量动画的基础知识到复杂的互动和图片过渡效果。和Macromedia®畅销系列里的其它指南一样，本书具有清楚简明的特点。为平装版。 |
| The MIT Guide to Teaching Web Site Design |
Edward Barrett, Deborah A. Levinson, Suzana Lisanti |
大多数网页设计书籍只侧重于网站完成后的效果，而对设计理念和设计过程介绍甚少。本书基于两个前提：一，过去决定良好语言交流的原则在今天同样非常适合于网页设计。基本的过程是设计者确定适合于自己的目标、受众和风格的过程。二，优秀的网页设计需要一个合作的过程，除了技术以外，更重要的是传统的书写与语言沟通能力。因此，本书强调社会能力和过程。
本书由Barrett教授亲自撰写，包含许多有用的信息，如怎样在本课程中取得优异成绩，甚至于Barrett教授对学生需完成项目的期望和要求。非常值得一读。 |
| Open Source Web Development with LAMP: Using Linux, Apache™, MySQL®, Perl, and PHP |
James B. Lee, Brent Ware |
开源技术为网站开发人员提供了一些非商业软件的选择，这些功能强大的软件具有良好的成本效益，可用于开发数据驱动的动态应用程序。这本实用指南展示了关于LAMP (Linux, Apache™, MySQL®, Perl, PHP) 的一个综合调查，解释怎样有效安全地运用这些技术，同时提高系统的可靠性并大幅度降低成本。 |
| Perl & CGI for the World Wide Web: Visual Quickstart Guide |
Elizabeth Castro |
这本新版的书介绍如何新生成有用的脚本或修改现有的脚本用于个人用户。本书作者Castro（她同时著有其它几本关于网络的书籍）指出怎样不通过商业网站自己安装一个本地服务器用于学习Perl和调试脚本，在网站上放置一些表格用于用户定购产品或留言，怎样运用Perl标准模块CGI.pm分析用户提交的数据，怎样发现并修改程序错误以及一些安全技术问题。 |
| PHP for the World Wide Web Visual Quickstart Guide |
Larry Ullman |
这本指南针对互联网开发人员而编写，概括了PHP的主要思想，介绍了PHP4.04的特点。本书以对PHP的基本综述作为开头，随后介绍语法、测试脚本、使用变量和创建应用程序。书中运用大量的脚本和项目案例阐明主要观点。本书作者Ullman是一位PHP程序员兼网站设计师。 |
| The Web Design WoW! Book |
Jack Davis, Susan Merritt |
本书的案例着重于如何实现屏幕上的互动交流。书中包括：几百种关于如何提高网站吸引力并使读者参与互动的设计思想，专门针对营销、推广、教育、销售、应用、娱乐和出版的设计方案，对于安排项目工作流程的建议，怎样与客户交流、与技术专家协调、接收网站的公告，以及关于创建站点和光盘的报告。本书赠送的光盘包括所见即所得（WYSIWYG）HTML编辑器和其它一些浏览器、插件和网络工具的完全版。 |
|
Apache™是阿帕奇软件基金会（Apache Software Foundation）的商标；
Flash™是Macromedia公司在美国和/或其它国家的商标或注册商标；
Javascript™是Sun Microsystems公司在美国和其它国家的商标；
JSP™是Sun Microsystems公司在美国和其它国家的商标；
Tomcat™是阿帕奇软件基金会（Apache Software Foundation）的商标；
Adobe®和Photoshop®是Adobe公司在美国和/或其它国家的注册商标或商标；
Dreamweaver®是Macromedia公司在美国和其它国家的商标或注册商标；
Fireworks®是Macromedia公司在美国和其它国家的商标或注册商标；
GoLive®是Adobe公司在美国和/或其它国家的注册商标或商标；
Java®是Sun Microsystems公司在美国和其它国家的商标或注册商标；
Macromedia®是Macromedia公司在美国和/或其它国家的商标或注册商标；
Microsoft®是微软公司在美国和/或其它国家的注册商标或商标；
MySQL®是MySQL AB公司在美国，欧盟和其它国家的注册商标；
Netspcae®是网景公司在美国和/或其它国家的商标；
UNIX®是开放组织（The Open Group）的注册商标；
Windows®和/或在这里提到的其它微软产品是微软公司在美国和/或其它国家的注册商标或商标。