课程概述

本课程为电子商务专业的一门重要必修课，是一门实用性极强、面向电子商务网页的制作、使用与维护的技术性课程。主要阐述HTML基本语法和常用标记的使用，网页中文本、图像、超链接、表格、表单、层和框架等的处理方法，了解美化网页，CSS样式的原理与使用，网站建设、发布和维护的基础知识等。

本课程的特色有：

① 以培养创新能力为目标。引导大家积极实践、主动参与、勤于动手、乐于创造，在实践中构建知识和培养能力。

② 教学内容采用了精简实用的原则。着重介绍网页制作技术中最基本、最实用的知识。

③ 讲授过程遵循由浅入深、循序渐进的原则。突出了实例教学，突出了应用，努力激发大家的学习兴趣。


证书要求

本课程的学习环节包含：观看教学视频、完成单元习题、参与课程讨论、答疑、实验作业、参加期末考试。成绩由考勤、网课完成量、期末考试、实验等组成。



预备知识

本课程要求学过“大学计算机”或“计算机导论”课程。后续课程涉及开发动态网站的程序设计语言，例如php、jsp、asp等技术，进一步学习如何设计和制作动态网站。

授课大纲

理论部分教学安排：

第1章网页制作基础知识

 1.1Internet的基础知识

 1.2万维网的基础知识

 1.3网页与网站的基础知识

第2章HTML简介

 2.1HTML概述

 2.2HTML的文本格式标记

 2.3HTML的图像与多媒体标记

 2.4HTML的超链接标记

 2.5HTML的表格标记

 2.6HTML的表单标记

 2.7HTML的框架标记

 2.8HTML综合实例

第3章CSS基础知识

 3.1CSS概述

 3.2CSS的基本语法

 3.3CSS的使用方法

 3.4CSS选择器

 3.5CSS的层叠性

 3.6CSS的继承性

 3.7CSS属性的值和单位

 3.8应用CSS修饰网页文本

第4章网站建设概论

 4.1网站建设的步骤

 4.2网站建设的原则

 4.3网页的可视化设计概论

第5章Dreamweaver CS5基础知识

 5.1Dreamweaver CS5概述

 5.2站点的创建和管理

 5.3网页文档的基本操作

 5.4编辑与设置网页文本

 5.5插入图像

5.6插入多媒体

5.7创建超链接

5.8表格的使用

5.9框架的使用

5.10表单的使用

5.11模板的使用

5.12行为的应用

5.13CSS样式表的应用

5.14AP Div的应用

第6章CSS+Div网页布局

6.1盒子模型


实验内容：

1 使用HTML制作基本的页面

2 表格及表单标记的应用

3 框架标记及制作首页

4 CSS制作图文混排和动态超链接

5 使用CSS美化表格及表单

6 CSS制作导航条

7 使用Dreamweaver制作页面

8 框架和表单的制作

9 制作个人网站

10 CSS+Div制作分栏页面和页面顶部

11 制作一个页面的底部

12 制作企业网站首页

参考资料

1.《网页设计与制作教程（第3版）》，2014年7月，清华大学出版社，杨选辉主编。

https://www.tup.tsinghua.edu.cn/booksCenter/book_04923502.html

2.《网页设计与制作实验指导（第3版）》，2014年7月，清华大学出版社，杨选辉主编

https://www.tup.tsinghua.edu.cn/booksCenter/book_04924001.html

常见问题

Q :  表格与框架在网页布局时的区别？

A :  1、表格是在同一个网页中将页面划分为不同区域；2、框架是在同一个浏览器窗口中显示多个网页；3、框架可以通过指定超链接的目标框架获得交互式的布局效果。