第一学习单元 网页设计及HTML简介（第1周,建议5学时）

学习内容：

1.   了解互联网基础知识，与Web 网站建设有关的基本概念与方法

2.   熟悉网页设计制作的基本概念，HTML 超文本标记语言的基本知识

3. 熟悉HTML的基本语法和文档结构

4.   了解编写HTML5的基本方法。

 重点：

1.   网页和网站的基本概念

2.   网页的工作原理

3.   什么是HTML？

 难点：

1.   HTML文件的结构

2. 网页制作相关技术，认识HTML、CSS、JavaScript三个层次的网页设计思路

3. 在文本编辑器里编写HTML5

学习建议：

了解互联网的基础知识、熟悉网页和网站的基本概念以及网页的工作原理、熟悉网页设计制作的基本概念及HTML，为后面的课程学习打下基础。

第二学习单元   创建与管理站点（第2周,建议3学时）

学习内容：

1.   认识浏览器窗口的基本组成

2.   认识网页的基本组成元素

3.   认识网页的基本布局结构

4.   熟悉Dreamweaver CC的工作界面

5.   创建与管理本地站点

 重点：

1.   创建本地站点

2.   网页的基本组成元素和网页的布局结构

 难点：

1.   创建与管理站点

学习建议：

不管是专业的网页设计师，还是网页制作的新手，在制作网页之前都要先建立站点，以便对制作网页所需要的各种资源进行管理。因此学员要特别注意规划站点及创建站点的必要性和重要性，避免出现如文件的存放位置、路径、链接等错误，为以后个人网站的顺利创建奠定良好的基础。

课程讨论:规划站点及创建站点的必要性和重要性

第三学习单元   制作文本网页 （第3周,建议4学时）

学习内容：

1.   创建与保存网页文档

2.   设置页面的首选参数

3.   设置页面的整体属性

4.   在网页中输入文本和编辑文本

5.   在网页中设置项目列表、输入空格和文本换行

6.   网页文本的格式化

7.   在网页中插入特殊字符、水平线和日期

 重点：

1.   对网页文档的基本操作

2.   在网页中设置项目列表、输入空格和文本换行

3.   文字、段落、换行、水平线和列表等常用HTML标签的使用方法

 难点：

1.   设置项目列表、输入多个连续空格

2.   网页中插入特殊字符、插入水平线

学习建议：

文本是最常见的基本页面元素。学员可以结合Word 排版技术，比较一下Word 和Dreamweaver 在使用文本方法上的异同点，从而快速掌握在Dreamweaver 中使用文本的方法，同时要熟悉段落、换行、水平线、列表等常用HTML标签的使用方法。

第四学习单元   制作图文混排网页  （第4周,建议4学时）

学习内容：

1.   设置页面的背景图像

2.   从外部导入文本与设置文本格式

3.   在网页中插入图像与设置其属性

4.   插入鼠标经过图像与设置其属性

5.   图文混排方法

 重点：

1.   设置页面背景图像

2.   在网页中插入图像

3.   熟悉图像的HTML标签及属性

 难点：

1.   插入鼠标经过图像

学习建议：

图像是最常见的基本页面元素。学员在掌握制作图文混排网页技巧的同时，要熟悉图像的HTML标签及属性，以及在页面中定义和应用CSS样式的方法。

单元作业四：制作介绍中国瀑布的图文混排网页

实践目标：

1.   熟练创建本地站点

2.   能正确建立站点目录结构

3.   会正确设置页面的整体属性

4.   熟练在网页中输入与编辑文字

5.   熟练对网页文本进行格式化处理

6.   熟练插入与文本相关的元素并能设置其属性

7.   能正确设置页面的背景图像

8.   能在网页中合适位置熟练插入图像并设置其属性

9.   能在网页中合适位置熟练插入鼠标经过图像并设置其属性

实践内容：

1.   网页布局结构:页面自然布局、无导航栏

2.   网页色彩搭配:文本主体颜色：#000000，其他文本颜色：#0000FF、#00FFFF、#FF0000

3.   网页组成元素:主要包括图像、鼠标经过图像、标题文本、正文文本等网页元素

第五学习单元   制作表格布局的网页 （第5周,建议6学时）

学习内容：

1.   使用表格布局网页结构

2.   在网页中插入表格

3.   在表格中插入嵌套表格、行和列

4.   设置表格、行、列及单元格的属性

5.   拆分与合并单元格

6.   插入与删除行或列

7.   设置网页头文件的内容

 重点：

1.   插入表格、设置表格的属性

2.   设置表格、单元格的背景图像和背景颜色

3.   在表格中输入文字和图像

4.   熟悉表格的HTML标签及属性

 难点：

1.   在表格中插入嵌套表格，并设置嵌套表格的属性

2.   设置滚动文本效果

3.   设置网页文件头内容

学习建议：

表格是页面布局的常用方法之一，在利用表格布局的过程中，需要注意表格、行、列、单元格的属性设置，与添加的网页元素之间的关系；要熟悉表格的HTML标签及属性。

第六学习单元     在网页中建立各种超链接 （第6周,建议4学时）

学习内容：

1.   设置超链接的属性

2.   创建外部链接

3.   创建文本形式的内部链接

4.   创建图片形式的内部链接

5.   创建电子邮件链接

6.   创建命名锚记和到该命名锚记的链接

7.   在图像中设置热点区域，创建图像热点链接

8.   创建空地址链接

9.   更改链接颜色、设置链接的打开方式

10.  测试链接的有效性

 重 点：

1.   创建网页的内部链接和外部链接

2.   在图像中设置热点区域，并创建图像热点链接

3.   熟悉超链接的HTML标签及属性

 难 点：

1.   在图像中设置热点区域，并创建图像热点链接

学习建议：

没有链接，网络世界就不会如此精彩纷呈、四通八达。学员可以通过在Internet 上浏览，充分认识超级链接及其重要作用，学习添加各种超级链接。熟悉超链接的HTML标签及属性。

课程讨论：链接使网络世界变得精彩纷呈、四通八达

第七学习单元   制作表单网页（第7周,建议6学时）

学习内容：

1.   在网页中插入表单域

2.   设置表单域的属性

3.   在表单域中插入表单控件

4.   预设文本域中文字字体和大小

5.   应用行为实现表单网页所需的功能

6.   调用外部JavaScript脚本文件动态改变网页中的菜单选项

 重 点：

1.   在网页中正确插入表单域，在表单域中正确插入各种表单元素

2.   检查提交表单数据的正确性

3.   调用外部JavaScript脚本文件实现表单网页所需的功能

 难 点：

1.   在表单域中插入列表/菜单

学习建议：

学员可以通过熟悉的用户登录网页入手，了解表单和表单对象。通过具体作业学会创建表单和插入表单对象，熟悉文本域、列表、菜单、单选按钮、复选框、标准按钮等常用表单控件的HTML标签及属性。

单元作业七：制作1个E游调查的表单网页

实践目标：

1. 会在网页中插入表单域与设置表单域属性

2. 会在网页的表单域中插入表单控件与设置表单控件

3. 会在预设文本域中输入文字的字体和大小

4. 能应用行为实现表单网页的功能

5. 能调用外部JavaScript脚本文件实现表单网页所需的功能

实践内容：

1.   网页布局结构分析  

1)   表格布局结构如上图所示

2)   无导航栏

2.   网页色彩搭配:

1)   网页中文字的颜色：#000000、#0000FF，

2)   背景颜色：#99CCCC、#99CCFF、# 9BBB38

3.   网页组成元素:  包括表格、表单域、表单控件、文本和图像等网页元素

课程讨论： 结合实际具体谈谈表单的作用?

第八学习单元   使用CSS布局与美化网页 （第8周,建议6学时）

学习内容：

1.   设计页面的布局结构

2.   创建页面布局样式

3.   创建美化页面元素的样式

4.   使用Div＋CSS布局网页

5.   新建代码片断

6.   在页面区块中输入文字

7.   在页面区块中插入页面元素：

8.   代码片断、表格、图像、项目列表、底部导航栏等

 重 点：

1.   设计页面的布局结构

2.   创建页面的布局样式

3.   创建美化页面元素的样式

4.   使用Div＋CSS布局网页

 难 点：

1.   设计页面的布局结构

2.   使用Div＋CSS布局网页

学习建议：

CSS 可以说是网页排版的精髓所在。学员可以通过浏览常用站点的网页感受CSS 样式的无处不在，并完成利用CSS 样式美化网页的实例，巩固所学知识。

第九学习单元   使用模板和库制作网页（第9周,建议4学时）

学习内容：

1.   创建与修改库项目

2.   在网页中插入库项目

3.   创建网页模板

4.   定义与修改可编辑区域和可选区域

5.   创建基于网页模板的网页

6.   修改网页模板并更新网页

7.   修改库项目并更新网页

8.   插入图像占位符

重点：

1.   将现有的网页生成网页模板

2.   用模板生成新网页，并对新网页进行编辑加工

3.   修改网页模板并同步更新该模板生成的网页

4.   创建库项目，并且修改库项目，更新包含库项目的网页

难点：

1.   用模板生成新网页，并对新网页进行编辑加工

2.   修改网页模板并同步更新该模板生成的网页

学习建议：

如何快速创建一系列风格相似的页面呢？学员可以通过比较系列页面的异同点，主动思考，从而了解模板、库的作用和应用场合。另外，在制作过程中，要特别注意可编辑区域和不可编辑区域，避免混淆进而影响到基于模板的页面编辑。

课程讨论：如何快速创建一系列风格相似的页面?

第十单元  综合网站制作案例 （第10周,建议6学时）

学习内容：

1.   优化网页

2.   掌握网站的规划与设计

3.   测试网站

4.   申请网站域名和网页空间

5.   发布网站

6.   宣传与推广网站

 重 点：

1.   将多个网页整合为一个完整的网站

2.   测试网站

 难 点：

1.   测试网站

2.   发布网站

学习建议：

开发完成后必须经过认真的测试才能发布到服务器上，以免浏览网站时出现一些错误。学员学习完视频，完成一个大作业“软件技术班”网站。作品发布到本机的IIS上，检测浏览器兼容性以及检查、修复链接；实现网页的上传下载。

大作业：完成一个大作业“软件技术班”网站

实践目标：

1.   掌握班级网站的规划与设计方法

2.   掌握测试网站的方法

3.   掌握发布网站的方法

实践内容：

   根据提供的“软件技术班网站”首页源代码、二级网页“关于我们”和三级网页“通讯录”源代码、图片素材及二级网页的样张，应用课本所学知识选择完成该网站的相关二级和三级页面（合计不少于3个页面），如：班级日志、班级相册、课程讨论、个人主页等。并将作品发布到本机的IIS上，网站的最终结果以在IE浏览器中打开“http://localhost/网站目录”的实际效果为准，并提供一个网站二级栏目的测试页面截图。

课程讨论：结合大作业谈一谈如何规划和组织一个网站?