网页设计与网站建设.docx

网页设计与网站建设实验教学大纲课程编号 070105007学时学分：总学时：64 总学分：4 实验学时：32适用对象：计算机科学与技术及相关本科专业课程属性：专业方向课实验属性：非独立设课一、课程的性质与任务随着Internet的普及，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本课程突出实用技术和应用技能，是计算机专业学生的一门必选课，同时又可作为相关专业学生的选修课。网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程，实验课的任务是通过实验加深对理论知识的理解，基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术，培养学生的动手能力和设计能力。二、实验的目的与基本要求实验目的：通过实验让学生掌握网站的配置方式和网页设计的基本方法。基本要求：（1）掌握页面的设计与布局的基本方法；（2）掌握JS脚本语言的使用方法；（3）掌握控件（包括HTML控件与服务器端控件）的使用方法。三、实验考核方式及办法 实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20%，对缺实验成绩或不及格者，网页设计与网站建设课程不予通过。四、实验项目一览表网页制作实验项目一览表序号实验项目名称实验类型实验要求适用专业学时1div布局验证性必做理工类62css层叠样式单设计性必做理工类63JS脚本设计性必做理工类64控件设计性必做理工类65数据库连接设计性必做理工类8五、实验项目的具体内容：实验一 div布局1本次实验的目的和要求掌握网页设计的DIV布局方式，能够使用DIV进行层布局，认真撰写实验报告，严格遵守实验室规章制度。2实验内容或原理掌握dream weaver软件的基本功能，熟悉dream weaver的工具箱,使用DIV做层布局。3需用的仪器或试剂等 多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，搭建好的开发环境。4实验步骤（1）打开dream weaver软件；（2）使用div布局设计网页；（3）div的布局设计与修改。5教学方式学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6考核要求 实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7实验报告要求实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。实验二 css层叠样式单1本次实验的目的和要求 通过dream weaver软件的使用，掌握使用css层叠样式单做布局样式控制的方法，要 求认真撰写实验报告，严格遵守实验室规章制度。2实验内容或原理通过dream weaver软件的使用，使用css层叠样式单做布局样式控制。3需用的仪器或试剂等 多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，建好的开发环境。4实验步骤（1）打开dream weave软件。（2）用css层层叠样式单做布局样式控制。（3）css层叠样式单编写与调用。5教学方式学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6考核要求实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7实验报告要求实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。实验三 JS脚本1本次实验的目的和要求掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告，严格遵守实验室规章制度。2实验内容或原理 JS脚本的基本用法、变量、函数、DOM文档对象的操作。3需用的仪器或试剂等 多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weave软件。4实验步骤（1）打开dream weave软件。（2）新建JS文件，编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。（3）外部调用JS文件。5教学方式学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6考核要求实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7实验报告要求实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。实验四 控件1本次实验的目的和要求掌握控件（包括HTML控件与服务器端控件）的使用方法。实验后要求认真撰写实验报告，实验过程中严格遵守实验室规章制度。2实验内容或原理 运用所学知识，用HTML控件与服务器端控件进行编程，实现简单功能。3需用的仪器或试剂等 多媒体计算机，操作系统Windows 2000/XP以上，并安装有开发平台。4实验步骤（1）打开开发平台。（2）新建空白页面或者空站点。（3）用HTML控件与服务器端控件进行编程并调试。5教学方式学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6考核要求实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7实验报告要求实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。实验五数据库连接1本次实验的目的和要求掌握数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。2实验内容或原理 建立数据库连接，ADO.NET对象模型、SqlConnection对象。3需用的仪器或试剂等 多媒体计算机，操作系统Windows 2000/XP以上，并安装有开发平台。4实验步骤（1）打开开发平台。（2）建立数据库连接。（3）通过SqlCommand对象提供的方法传递对数据库操作的命令，并返回命令执行的结果。5教学方式学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6考核要求实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7实验报告要求实验报告格式正确，书写工整，