网设计与制作课程大纲

1、网页设计与制作课程教学大纲适用专业：计算机网络技术学时：64学时一、编写说明（一）本课程的性质、目的和任务网页设计与制作 是计算机网络技术专业的一门专业基础课。 通过本课程的学习， 使 学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识， 达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。（二）课程教学的基本要求通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和 CSS技术制作网页；掌握规划、开发、发布和管理静

2、态网站 的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。（三）实践环节名称实践类型目的要求学时文本的处理与控制实验掌握文本和项目列表的基本设置方法2超级链接的构建实验掌握为文本添加链接以及添加锚链接的方法2在网页中使用图像实验掌握在Dreamweaver中插入图片及对图片进行处 理的方法；掌握添加背景图像及设置热区的相关方法4在网页中使用多媒体实验掌握在网页中使用Flash及其他插件的方法2使用表格布局页面实验掌握使用表格布局页面的相关方法2使用AP Div布局页面实验掌握AP Div的创

3、建、操作及设置方法2层叠样式表的运用实验掌握层叠样式表（CSS的创建和CSS样式的使 用方法；掌握Div标签的应用方法4使用流体网格布局页面实验掌握使用流体网格布局页面的相关方法4使用模板和库实验掌握模板和库的使用方法2行为的使用实验掌握行为的使用方法2表单的使用实验掌握表单的使用方法和spry构件的相关知识4网站的创建与管理实验掌握创建与管理网站的基本知识2合计32（四）本课程与其它课程的关系先修课程：计算机应用基础、图像处理软件PhotoShop后续课程：ASP.NET动态网站开发、中小型网站设计与开发等（五）教学时数分配表教学时数分配表早节 序号名称f-教学 环节课堂讲授讨论实验其它课程

4、设计小计-一-Dreamweaver CS6 基础知识22-二二文本的处理与控制224三建立超级链接224四在网页中使用图像246五在网页中使用多媒体224六使用表格布局页面426七使用AP Div布局页面426八使用层叠样式表246九使用流体网格布局246十使用模板和库224十一使用行为426十二使用表单246十三网站的创建与管理224总计323264（六）考核方式与要求1. 该课程是考查课2. 考核形式：上机操作3. 成绩的计算方法： 平时成绩：40%（主要评估学生的现实表现） 试卷成绩：60%（七）教材与主要参考书1. 教材：AD0BREAMWEAVCR6标准培训教材，ACAA专家委员会

5、 DDC传媒编著，人民邮电 出版社，2013年1月2. 主要参考书：中文版Dreamweaver CS6基础培训教程，数字艺术教育研究室编著，人民邮电出版 社，2014年6月3 / 6二、课程各章教学内容纲要第1章 Dreamweaver CS6基础知识1. 教学基本要求( 1)了解 Dreamweaver CS6 的工作界面及新功能2. 具体教学内容( 1) Dreamweaver CS6 简介( 2) Dreamweaver CS6 的工作界面( 3) Dreamweaver CS6 的新功能第 2 章 文本的处理与控制1. 教学基本要求(1) 理解HTML文件的基本结构( 2)掌握文本的

6、基本设置和项目列表的使用方法2. 具体教学内容( 1 )设置网页标题(2) HTML文件的基本结构( 3)文本的基本设置( 4)项目列表0( 5)使用外部文本第 3 章 建立超级链接1. 教学基本要求( 1 )理解超级链接的概念( 2)掌握为文本添加链接的方法，以及制作电子邮件链接，添加锚链接的方法2. 具体教学内容( 1 )超级链接的概念( 2)为文本添加链接( 3)检查链接( 4)制作电子邮件链接( 5)下载链接( 6)添加锚链接第 4 章 在网页中使用图像1. 教学基本要求( 1)掌握在 Dreamweaver 中插入图片以及处理图片的方法( 2)掌握添加背景图像和使用 Photosho

7、p 文件的方法2. 具体教学内容( 1 )网络图形格式( 2)在 Dreamweaver 中插入图片( 3)在 Dreamweaver 中处理图片(4) 使用热区(5) 制作鼠标指针经过图像(6) 插入图像占位符( 7)添加背景图像0( 8)使用 Photoshop 文件第 5 章 在网页中使用多媒体1. 教学基本要求( 1)掌握在网页中使用 Flash 的方法( 2)熟悉在网页中添加其他插件的方法2. 具体教学内容( 1)在网页中使用 Flash( 2)在网页中添加其他插件第 6 章 使用表格布局页面1. 教学基本要求( 1)理解页面布局及表格的相关知识( 2)掌握表格的使用方法和表格式数据

8、的处理方法2. 具体教学内容( 1)页面的布局( 2)认识表格( 3)使用表格( 4)格式化表格( 5)导入表格式数据( 6)导出表格式数据0( 7)扩展表格模式和标准模式第 7 章 使用 AP Div 布局页面1. 教学基本要求( 1)掌握 AP Div 的创建方法以及基本操作( 2)掌握 AP Div 的属性设置方法和使用“ AP 元素”面板的方法( 3)熟悉 AP Div 的常见使用技巧2. 具体教学内容( 1)创建 AP Div( 2) AP Div 的操作( 3)设置 AP Div 的属性( 4)使用“ AP 元素”面板0( 5) AP Div 的使用技巧第 8 章 使用层叠样式表1

9、. 教学基本要求(1)掌握层叠样式表(CSS的创建和CSS样式的使用方法( 2)掌握 Div 标签的应用方法2. 具体教学内容(1)层叠样式表基础( 2)在 Dreamweaver 中创建层叠样式表0( 3)使用CSS样式( 4) ID( 5)标签( 6)复合内容( 7)使用 Div 标签0( 8) CSS布局块可视化第 9 章 使用流体网格布局1. 教学基本要求( 1)掌握流体网格布局创建的方法和使用流体网格布局网页的方法( 2)熟悉使用媒体查询重置样式的方法2. 具体教学内容( 1)流体网格布局简介0( 2)使用流体网格布局( 3)使用媒体查询重置样式第 10 章 使用模板和库1. 教学基

10、本要求( 1)掌握模板的创建、编辑和管理方法以及软件自带模板的使用方法( 2)熟悉库的创建与管理方法2. 具体教学内容( 1)使用软件自身提供的模板( 2)创建自定义模板( 3)创建模板的可编辑区域( 4)使用可选区域( 5)使用重复区域( 6)应用模板( 7)编辑和更新模板( 8)在基于模板的文档中编辑内容( 9)管理模板0( 10)库项目第 11 章 使用行为1. 教学基本要求( 1)熟悉行为的应用、修改和设置方法2. 具体教学内容( 1)什么是行为( 2)应用行为(3) 修改行为0( 4)设置行为第 12 章 使用表单1. 教学基本要求( 1)掌握表单的使用方法( 2)熟悉 spry 构件的相关知识2. 具体教学内容( 1)表单的工作模式( 2)在页面中插入表单0( 3)插入表单对