完整word版2学期《网页设计与制作》教学大纲Word文档格式.docx

1、其中备注理论实验实训第一章网页制作基础42第二章网页语言基础第三章CSS语言基础6第四章Dreamweaver Cs5基础第五章图像在网页中的应用第六章网页元素列表第七章网页元素表格第八章网页元素表单与框架第九章网页元素模板与行为第十章网站后台的设计与制作复习总教学时数合计483216四、教学内容及要求第一章 网页制作基础【主要内容】1.1认识网页与网站1.2网页设计与制作1.2.1基本概念1.2.2网页设计的主题与风格定位1.2.3网站开发的流程1.2.4网站前端开发环境1.2.5相关术语【教学重点】1、 网页制作基本流程2、 网页的构成元素3、 网页设计开发环境【教学难点】网页制作相关专业

2、术语【教学要求】学习本课程后，应达到下列基本要求：1、认识网页与网站2、了解网页设计的主题与风格定位3、掌握网页设计与制作的基本流程4、掌握与网页制作相关的专业术语第二章 网页语言基础2.1HTML、XHTML和HTML5概述2.1.1HTML2.1.2XHTML2.1.3HTML52.2网页文件的创建过程2.3常用标签2.3.1标题标签、段落标签与换行标签2.3.2超链接标签与图像标签2.3.3列表标签2.3.4表格标签2.3.5表单标签2.3.6HTML5新增标签2.4简单实例2.4.1创建和保存网页2.4.2预览网页2.5实训1、HTML、XHTML和HTML5之间的联系与差异2、标签的

3、含义及其用法标签的含义及其用法1、了解HTML、XHTML和HTML5之间的联系与差异2、熟练掌握常见标签的含义及其用法3、掌握CSS基本语法，能够创建简单的网页第三章 CSS语言基础3.1CSS语言概述3.1.1CSS概述3.1.2CSS规则3.1.3CSS的命名规则3.2CSS与HTML文档的结合方法3.3结合CSS创建简单网页3.3.1页面布局分析3.3.2编写HTML文档3.3.3美化与修改文档3.4实训1、CSS的相关知识2、CSS的基本语法CSS的基本语法1、了解CSS的相关知识2、掌握CSS的基本语法3、能够使用（X）HTML+CSS创建简单网页第四章 Dreamweaver C

4、S5基础4.1初识Dreamweaver CS54.1.1Dreamweaver CS5的工作环境4.1.2工具栏与面板介绍4.1.3Dreamweaver CS5的参数设置4.2创建与管理站点4.2.1创建站点4.2.2创建第一个网页文档4.2.3站点内文件管理4.2.4站点的管理4.3CSS在Dreamweaver中的运用4.3.1CSS的链接类型4.3.2盒模型概述4.3.3CSS选择符4.4商用案例使用“DIV+CSS”模式制作旅行社网页4.4.1页面规划4.4.2实现过程4.5实训1、Dreamweaver CS5的基本操作2、站点的创建与管理3、CSS在Dreamweaver中的应

5、用4、使用DIV+CSS模式制作网页站点的创建与管理、盒模型和选择符1、熟练掌握Dreamweaver CS5的工作环境2、熟练掌握Dreamweaver CS5的基本操作3、掌握盒模型和选择符的重要概念4、能够使用DIV+CSS模式制作网页第五章 图像在网页中的应用5.1使用图像丰富页面5.1.1插入图像的方法5.1.2鼠标经过图像5.1.3图像的热点区域5.2使用CSS控制图像5.2.1CSS控制图像背景5.2.2图像在超链接方面的应用5.2.3CSS在图文混排版式中的应用5.3商用案例从切片到页面的实现5.3.1页面规划与切片的联系5.3.2定义站点5.3.3页面的具体实现5.4实训1、

6、图像的插入方法2、CSS控制图像3、图文混排4、图像的切片CSS控制图像，图文混排1、掌握图像的常见格式和插入图像的方法2、熟练掌握CSS控制图像的相关属性3、熟练掌握图文混排的实现方法4、能够使用Photoshop的切片功能输出所需图像第六章 网页元素列表6.1列表6.1.1列表元素概述6.1.2列表的类型6.1.3CSS控制列表的相关属性6.2CSS知识积累6.2.1伪类与伪元素6.2.2CSS的继承特性与特殊性6.3列表在导航中的运用6.3.1使用列表实现纵向导航6.3.2使用列表实现横向导航6.4商用案例“博客页面”的设计与实现6.4.1页面规划6.4.2定义站点6.4.3页面的具体实

7、现6.5实训1、CSS控制列表的相关属性和使用方法2、列表在导航中的应用伪类与伪类元素，CSS的继承特性和特殊性1、掌握列表的种类及其结构2、掌握CSS控制列表的相关属性和使用方法3、掌握伪类与伪类元素的相关知识4、能够使用列表元素实现各种页面导航第七章 网页元素表格7.1表格7.1.1创建表格7.1.2添加表格内容7.1.3表格基本操作7.1.4表格和单元格的属性设置7.2与表格相关的CSS属性及其应用7.2.1表格类CSS属性7.2.2CSS表格7.3CSS知识积累7.3.1浮动7.3.2定位7.4商用案例“中秋节电影”活动页面的设计与实现7.4.1页面规划7.4.2页面的具体实现7.5实

8、训1、表格的创建和基本操作2、表格和单元格属性的设置3、与表格相关的CSS属性及其应用4、浮动和清除浮动的方法使用表格进行页面布局，与表格相关的CSS属性，相对和绝对定位1、掌握创建和编辑表格的基本方法2、掌握与表格相关的CSS属性3、掌握浮动和清除浮动的方法4、能够灵活运用相对和绝对定位解决实际问题第八章 网页元素表单与框架8.1表单8.1.1表单域8.1.2文本字段8.1.3复选框与复选框组8.1.4菜单与跳转菜单8.1.5借助CSS美化表单8.2框架8.2.1框架的基本概念8.2.2创建包含框架的文档8.2.3设置框架和框架集属性8.3商用案例团购网页面的设计与实现8.3.1页面规划8.

9、3.2页面的具体实现8.4实训1、表单对象的创建和使用方法2、框架和框架集的概念3、框架的创建和属性设置CSS美化表单，浮动框架集1、掌握各种表单对象的创建和使用方法2、能够借助CSS对表单进行美化3、理解框架与框架集的相关概念4、能够灵活运用框架知识创建包含框架的页面第九章 网页元素模板与行为9.1模板9.1.1模板的基本概念9.1.2使用模板创建网页9.1.3模板的管理9.2行为9.2.1行为的基本知识9.2.2应用行为9.3商用案例公司类网站的设计与制作9.3.1布局分析9.3.2制作过程9.4实训1、模板的基本概念2、用模版功能快速创建多个页面3、行为的基本知识行为的应用1、掌握模版的

10、相关概念2、能够利用模版功能快速创建多个页面3、理解行为的概念，能够为网页添加简单的行为第十章 网站后台的设计与制作10.1规划与分析10.1.1相关概念10.1.2规划设计10.2设计与实现10.2.1登录页面的实现10.2.2后台页面的实现10.3实训1、利用框架知识完成页面的搭建2、运用DIV+CSS模式完成多个页面的制作运用DIV+CSS模式完成多个页面的制作，导航与各个页面的链接设置1、了解网站后台管理系统的作用2、能够利用框架知识完成页面的搭建3、能够灵活运用DIV+CSS模式完成多个页面的制作4、能够完成导航与各个页面的链接设置五、主要实验实训条件多媒体教室，计算机实验室六、主要参考书网页设计与制作 化学工业出版社 李广武、张逸昀编7、已修课程与后续课程无撰 写 人： 年 月 日教 研 室 主 任（审核）：系 （部）主 任（审核）：教 务 处 长（审核）：主管教学院领导（批准）：