其一：《网站设计与编程导论》书籍介绍(一、内容提要： 二、本书特色: 三、作者介绍：)

其二：双语课程教学网站(一、简介 二、特色 三、主要架构 四、具体版块)

其一：《网站设计与编程导论》书籍介绍

一、内容提要：

本书以创新和近乎完美的方式融合了计算机科学和视觉传播 设计的思想观点，全面。综合地讲述了Web站点开发的设计与技术知识，可以使学生理解并掌握开发Web站点所必需的艺术设计，视觉传播，信息体系结构，计算机科学及程序设计知识。本书不仅关注创建Web站点的艺术与技术，同时也非常注重学生对理论的理解和开发技巧的把握。

二、本书特色:

A.将技术与艺术设计完美地融合在一起，从而获得有效的。有吸引力的Web设计方案。

B.重点讨论了一系列Web技术，包括HTTP。XHTML。CSS、JavaScript、DHTML、DOM。和OGI。本书100%地遵循新的HTML标准——XHTML，所有实例都通过了W3C的XHTML验证。

介绍了信息体系结构。视觉传播设计、布局、色彩与字体的运用。正负空间。视觉层次结构、对称，平衡，统一及变化等方面的基本概念和原则。本书包含8页的彩色插图。

C.综合介绍了Web与Internet、Web站点开发过程以及所涉及的技术、方法与任务；按照Web开发过程的逻辑顺序介绍了相关的开发主题。

D.通过辅助教学网站提供参考资源列表，包括有用的资源。

三、作者介绍：

Paul Wang博士是肯特州立大学计算机科学系的教授，该校计算数学研究所的主任。Paul Wang博士毕业于麻省理工学院，1981年即成为肯特州立大学计算机科学系的教授；他是符号与代数计算(SAC)研究领域的领导专家，目前正在与一个国 际小组在Web上开展数学计算与数学教育。他获得过政府和企业提供的40多项研究基金，出版了6本教材，开发了许多软件工具。

其二：双语课程教学网站

一、简介

《网站设计与编程导论》在线双语课程由湖南农业大学信息科学技术学院电子商务系提供。互联网和计算机方面的经典教材大多出自英美国家，读懂英文教材显得尤为重要。本课程主要介绍了基本的Web技术，如可扩展超文本标记语言（XHTML），层叠样式表（CSS），开始使用XML的服务器编程，　以及在Adobe Photoshop平面设计的基本技术。同时，专注于网站设计原理、网站可用性、网站测试及相关方面知识。

二、特色

1.对于专业术语，均做了自动翻译的设置，即仅需将鼠标移至相关术语便即刻显示中文，为双语的教学提供了极大的便利，为阅读英文教材打好基础。

2.采用FLASH教学，在线课堂，生动直观——开放式课程（FLASH）

3.在线测试：可在线进行测试，检验和巩固自己的学习。

4.网站设计在线工具：网站设计的好帮手，包括XHTML在线编辑器、在线配色器、CSS格式转换器。

5.包含了一整套学习方案：课程安排、推荐阅读、课堂作业、测试、实验课程和课程设计。

三、主要架构

此课程主要分为三个部分：

课程的介绍：包括课程大纲、任课老师、教学周历、推荐阅读和教材的介绍

开放式课堂：文字课程和FLASH课程

在线实验室：XHTML编辑器、在线配色器、CSS格式转换器、实验课程、创新实验室和课程设计。

四、具体版块

1、课程介绍

课程介绍是wdp在线课堂的导引部分，右侧包括课程介绍、课程大纲、任课教师、教学周历、推荐阅读、教材介绍六大板块。左侧是课程在线学习。1.课程简介

主要介绍了web设计与编程导论这门课程。在湖南农业大学电子商务部提供的，这门课程介绍了网络的概念和教授创建的网页。 实践课程设计是通过边干边学。 计算机科学，编程，视觉传播，平面设计，网络和Web发布的应用程序方面将被覆盖。 学生参加这个课程，学习如何设计和创建网页作为一个团队的一部分。

2.课程大纲

将web设计与编程导论这门课程学习的主要内容都编辑出来，供学生自由阅读，促进学生的学习。其教学大纲如下：

第1章网页基础和概述

第2章创建网页设计：XHTML

第3章高级的XHTML

第4章设计基础知识

第5章信息架构，页面布局和排版

第6章控制页面样式：层叠样式表

第7章颜色和图形

第8章表格和表格处理

第9章客户端脚本：JavaScript的

第10章文档对象模型和动态HTML

第11章图形和生产现场

第12章音频和视频

第13章Perl和通用网关接口编程、

3.任课教师

此版块介绍了任课教师的相关信息及教师对于学习这门课程的一些看法和建议，在课堂外，当学生遇到问题时，可通过教师在这一版块留下的信息与教师联系，从而解决问题。

教师建议：本课程旨在向学生介绍了网站发展的理论和技术方面都。假设没有事先的编程知识，或Web或图形设计还是必要的。课程中，我们将介绍基本的Web技术，如可扩展超文本标记语言（XHTML），层叠样式表（CSS），开始使用XML的服务器编程，以及在Adobe Photoshop平面设计的基本技术。 此外，当然会处理的设计原则，网页，用户测试，以及一些其他的理论和原则，以协助您设计您的网站的可用性问题。

4.教学周历

教学周历是以日历的形式将教师讲课的课时，上课内容完整的呈现出来，学生可以通过登录站点自由查询，方便学生进行预习与复习。

5.推荐阅读

在这里，任课教师为学生推荐了适合学生在课外阅读的书籍，在课堂学习之后，如果学生想要对所学知识加深了解，便可通过借阅推荐的书籍来达到。这样避免了学生浪费时间看无用的书籍，促进学生养成自主学习的好习惯。其推荐书籍部分如下：

《网站重构：应用的Web标准进行设计》

《网络标准与网站重构》

《计算机网络》（第四版）

《网页设计技术手册》（第三版，影印版）

《HTML与XHTML权威指南》

《自学在24小时内的HTML和CSS》

《HTML和CSS网页标准指南》

6.教材介绍

教材介绍版块录出了关于教材的标题、版本、作者、出版商等信息，为学生了解查询该教材提供了便利。

英语语言打印版

标题： 网页设计和编程简介

作者：Paul S. Wang and Sanda Katila

ISBN：0534395287

出版商：布鲁克斯/科尔，汤普森学习，太平洋格罗夫，美国加利福尼亚州

可用：2003年10月

中文翻译版

书名: Web设计与编程导论(翻译版)

作者: Paul S. Wang著，邱仲潘译

ISBN: 7-04-015904-X

出版社: 高等教育出版社

出版时间: 2005-01

2、开放式课堂

1.简介

开放式课堂指的是在教学过程中始终把学生看作处于不断发展过程的学习主体，看作是一个身心不断构建、升华过程的人，始终把教学过程当作一个动态的、变化的、不断生成的过程。WDP开放式课堂主要是为想学WDP课程的人员提供一个网络课堂平台。帮助大家学习计算机科学、程序设计、视觉传达设计、平面广告创意设计、网络、网页制作等方面的知识。

2.Web设计与编程导论开放式课堂主要分为以下几步：

第一步:互联网先锋

第二步:历史的网站

第三步:Web1.0 vs Web2.0

第四步:什么是网络2.0吗?

第五步:网络标准

重点难点

3.重难点有以下几个：

什么是web2.0？

Web2.0d 核心思想

无（代）码胜有（代）码

你不知道是10个css技巧

IE盒模型与文档定义模式

4.课件下载

课堂讲稿、公告、讨论和有用的资源是所有可用的在这里。您可以根据需要进行下载，下载的格式为pdf。

5.作业习题

Wdp有4次作业需要您来完成。

6.课程考试

完成作业后将会有相应的考试。

考试大纲

考试方式：笔试（全英文 开卷）

开卷考试可携带的参考书籍、中英文教材、英文字典和笔记；禁止携带任何通讯工具和电子设备，如电子词典，手机，笔记本电脑等。

考试基本题型：

单选题、简答题、翻译题、程序题、设计题、分析题、名词解释题。

7.在线测试

3、在线实验室

在线实验室主要分为实验室介绍、在线XHTML编辑器、在线配色器、CSS格式转换器、实验课程安排、课程设计，为大家提供一个在线学习的平台。1.在线XHTML编辑器

让你在现在编辑XHLML，不需要专门下载其他工具，可以直接在系统内完成编辑，而且还可以在线提交，验证你编写的代码的正确性

2.在线配色器

你可以选择任何颜色，配色器会相应的出现颜色的网页代码，同时在下面会出一些相近颜色及代码，供编写代码的人更好地选择。

3.CSS格式转换器

可以对你所编写的的CSS代码进行检查，确定代码的正确性，同时对你代码进行压缩和优化，减少CSS代码的大小，并且在保留功能不变的同时，将你的代码尽量简化，清楚，便于大家阅览。

4.实验课程安排

在线实验室总共有8个实验，每个实验4个课时，你在网上可以看到每个实验的具体要求及安排时间，完全有自己安排，实验中主要安排一下8个实验

实验一 图形设计入门及基本操作 (4课时)

实验二 图形设计中级及色彩训练 (4课时)

实验三 图形设计高级训练 (4课时)

实验四 网页的编辑和超链接 (4课时)

实验五 网页工具使用和布局 (4课时)

实验六 标准web创建和编辑实验 (4课时)

实验七 标准web样式创建和编辑实验 (4课时)

实验八 xml创建和编辑实验 (4课时)

5.课程设计

课程设计是为了让同学们更好的学习，有老师带头，创新实验室成员的帮助下，让在网上课堂学习的人，可以更容易接受说学的知识，设计出更加合理的教学方案。