网页设计与网站建设课程教学大纲

1、网页设计与网站建设课程教学大纲 一、课程编号B040378二、课程名称（1）中文名：网页设计与网站建设 （2）英文名：Web Page Design and Website Establish三、课程类型：理论含实践课四、开课系（部） 信息技术系专业教研室五、大纲说明1、学时、学分数、课程性质、考试方式、成绩评定专业名称修业年限总学时数学分数课程性质考核方式成绩评定计算机信息管理2644专业基础课上机百分制计算机应用技术2644专业基础课上机等级制2、课程开设目的本课程是一门实用性较强，面向动态网页设计与维护技术性的课程。通过本课程的学习，使学生具有制作动态网页的能力，同时了解网站的技术发展趋

2、势、最新的技术动态及网页/网站制作软件平台。本课程将结合Dreamweaver 8来进行教学，介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点，进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。六、教学内容第一章 体验Dreamweaver8梦幻境界【教学目的和要求】了解Internet与Web基础、常用的网页设计软件和编程语言。掌握Dreamweaver8网页制作工作环境，面板操作，以及制作简单网页的方法。【教学重点与难点】重点：网站开发有关知识、Drea

3、mweaver8制作网页的基本方法难点：自定义工作环境【教学时数】 2学时【教学方法与手段】 讲授【教学内容】1. Internet与Web基础知识2. 网站开发技术简介3. Dreamweaver 8新增功能 4. Dreamweaver 8工作环境 5. 自定义工作环境 【实践教学时数】 2 学时【教学方法与手段】 演示法、实验法【实践教学内容】1 熟悉Dreamweaver 8运行环境2 初步认识Dreamweaver 8工作环境及面板3 制作简单网页第二章 编辑网页元素 使用表格布局页面【教学目的和要求】了解网页的基本组成和基本操作，理解链接的概念、控制和管理，掌握同网页的内容、格式和

4、链接关系，表格布局方法。【教学重点与难点】重点：文字和图片的处理方法、表格的控制、表格布局难点：链接的控制和管理方法【教学时数】 4学时【教学方法与手段】 讲授【教学内容】1. 文字处理2. 图片处理3. 创建表格4. 掌握超链接5. 表格布局【实践教学时数】 4 学时【教学方法与手段】 演示法、实验法【实践教学内容】4 制作简单网页5 设置文本的锚点链接6 鼠标经过图像7 运用布局模式设计页面第三章 运用层和框架 编辑多媒体元素 【教学目的和要求】了解网页信息的立体组织结构的观念，并以此观念理解网页信息组织和控制方法的认识，掌握Layer (图层)和 Frames (框架) 的创建和使用。掌

5、握flash、视频、音频的插入方法。【教学重点与难点】 重点：网页信息的立体控制方法，图层、行为、框架， 难点：编辑多媒体【教学时数】4学时【教学方法与手段】讲授【教学内容】1. 网页的定位技术框架2. Layer (图层)3. flash、视频、音频的插入【实践教学时数】 4 学时【教学方法与手段】 演示法、实验法【实践教学内容】8 利用框架设计页面9 利用层设计页面10 层与表格相互转换11 在线音乐欣赏第四章 安装调试服务器与站点管理 HTML和CSS样式【教学目的和要求】了解服务器的安装与调试，理解站点的管理方法及配置IIS，掌握HTML的基本语法、编辑环境与基本结构，理解CSS样式针

6、对格式的控制，了解样式的总体分类，尽量把多种控制手段、方法结合起来使用。【教学重点与难点】重点：站点的管理方法，HTML基本语法难点：CSS样式针对格式的控制【教学时数】4学时【教学方法与手段】 讲授【教学内容】1. 安装调试服务器2. 站点管理3. HTML标记4. CSS样式【实践教学时数】 4 学时【教学方法与手段】 演示法、实验法【实践教学内容】1.创建web站点，配置IIS，本地、测试、远程站点2.利用HTML制作网页3.利用CSS制作特效网页第五章 提高工作效率 制作网页特效【教学目的和要求】了解资源面板的作用和使用。掌握模板和库的运用方法（包括：制作、更新、管理），掌握对全站点的

7、统一、高效的彻底控制的方法。理解掌握网页信息的立体控制方法，Behaviors (行为)及时间轴的使用及JavaScript的简单应用。【教学重点与难点】重点：模板应用，Behaviors (行为) 及时间轴的使用。难点：JavaScript的应用。【教学时数】6学时【教学方法与手段】讲授【教学内容】1. 资源面板的使用2. 模 板3. 库4. Behaviors (行为)的使用5. 时间轴的使用6. JavaScript的简单应用【实践教学时数】 6 学时【教学方法与手段】 演示法、实验法【实践教学内容】12 利用模板制作个人网站13 设置快捷菜单14 利用行为和时间轴制作特效页面15 Ja

8、vaScript的应用 15 构建动态网站基础知识【教学目的和要求】了解Asp的基本概念，掌握用事件编程来控制网页，理解ASP的概念及其相关的技术，掌握服务器怎样和客户交互，制作出完整的应用程序。掌握表单的创建和使用，理解表单的可实现网页数据传输功能，了解表单的不同提交方式之间的区别。【教学重点与难点】重点：表单格式控制、表单处理。难点：Asp对象【教学时数】 4学时【教学方法与手段】 讲授【教学内容】1. ASP的对象、服务器对象2. 表单概念3. 创建表单4. 表单发送方式的处理【实践教学时数】 4 学时【教学方法与手段】 演示法、实验法【实践教学内容】16 利用表单对象制作上传页面17

9、制作个人简历第七章 动态网站数据库【教学目的和要求】了解数据库与网页之间的联系，理解数据库的概念，掌握动态网站的设置和数据库的应用。【教学重点与难点】重点：数据库的相关概念和原理，数据库连接难点：SQL语句，数据库连接【教学时数】 2学时【教学方法与手段】讲授【教学内容】18 动态网站的设置19 数据库的连接20 SQL语言中的常用语句21 通过ADO使用数据库22 定义记录集，并与数据库的绑定23 在页面显示记录【实践教学时数】 2 学时【教学方法与手段】 演示法、实验法【实践教学内容】24 利用Access建立数据库25 利用网页对数据库数据进行操作第八章 综合实例【教学目的和要求】通过对

10、具体网站设计实例的讲解，提高学生综合分析问题和解决问题的能力。使学生掌握运用Dreamweaver8独立地进行网站相关设计的技能，初步具备实际工作能力，实现登陆、注册、修改、查询、留言板等功能。【教学重点与难点】重点：确定网站整体设计风格，查询、留言板功能难点：网站整体设计的把握和确定，相关数据库的设计【教学时数】 6学时【教学方法与手段】讲授【教学内容】26 网站主题的确定资料和素材的收集27 各级页面之间的连接28 动态网页与相关数据库的连接29 实现登陆、注册、修改、查询、留言板等功能【实践教学时数】 6 学时【教学方法与手段】 演示法、实验法【实践教学内容】1.创建站点2.设计数据库3.实现登陆、注册、修改、查询、留言板等功能七、建议教材与教学参考书教材：1.Dreamweaver 8网页制作与网站开发杨志姝，吴俊海编著 清华大学出版社2006年出版 版次1参考书：1.中文版Dreamweaver MX 2004标准教程鲍嘉，卢坚编著，海洋