《web开发》实验教学大纲
课程总学时：64学时   
学分：4学分
实验学时：48学时   
实验个数：8个       
实验学分：3学分
课程性质：专业方向课程    
适用专业：数字媒体技术
教材及参考书：《深入理解Bootstrap》，徐涛著，机械工业出版社，2014年版。
大纲执笔人：刘云安
大纲审定人：数字媒体学院学术委员会
一、实验课的性质与任务
《web开发》是高等院校数字媒体技术本科专业开设的一门专业方向课。本课程内容由浅入深，把HTML、JavaScript、asp、数据库四大知识板块融为一体，通过本课程的学习，使学生学会制作动态网页和建立网站的技术，培养学生对WEB程序设计技术的综合应用能力。通过实验课程的学习，学生在校期间和毕业后能够直接上手从事相关设计开发，程序难度应达到专业级水平。
二、实验目的与要求
1．实验目的
通过实验，让学生能够熟练操纵DOM元素；并要求学生整合所学知识，制作了一个完整的web站点，让学生能够基本了解web页面（前端）的开发流程，以便学生可以独立开发自己的个人动态网站，实现网站前后端的数据交互。实验的最终目的是提升学生的实际web设计开发能力。
2．实验要求
（1）上机前要作好充分准备，根据实验题目编写好源程序。
    （2）对上机操作过程中可能出现的问题预先分析，确定调试步骤和测试方法，对运行结果进行分析等。
（3）上机实验完成后,认真写出实验报告,对上机中出现的问题进行分析、总结。
三、实验项目及内容提要
Web编程实验（134075）
序号
实验编号
实验名称
学时
必做
选做
实验类型
内容提要
基本操作
验证
综合
设计
1
JavaScript编程实验
4
√
√
（1）下载指定浏览器和代码编辑器
（2）编写一个包含循环语句函数弹出结果
（3）编写利用JavaScript验证数据的网页。
（4）编写三种不同类型的网页特效。
 
2
用HTML语言编写网站实验
4
√
√
（1）用Html语言，手写一个简单网站，要求内容达到一定数量。
（2）修改已有网页代码，添加到自己设计的网站。
(3）根据setAttribute方法改变原来属性的值，并在网页中浏览
3
NET2003平台和HTML语言实验
4
√
√
（1）编写图片库的网页
（2）应用DOM新属性childNodes、firstChild、lastchild获取节点弹出其nodeType值
（3）应用nodeValue属性，获得文本节点的值并弹出。
4
使用表单验证控件和用户控件实验
4
√
√
（1）编写网页程序，用户通过Form提交数据到服务器、使用Asp程序获取该数据并作相关处理，将处理结果返回用户。
（2）熟悉ASP程序的一般工作原理和程序运行、调试方法，熟悉ASP的语言和语法
（3）服务器配置
5
WEB数据库访问实验
8
√
√
（1）web数据库cookie html5 本地存储测试
（2）用浏览器打开网页，观察效果
6
创建CSS规划网站样式实验
8
√
√
（1）创建一个4行两列的表格
（2）用CSS设置样式
（3）用stripeTables函数通过改变对象属性值来改变奇数偶数行背景颜
（4）修改stripeTables函数，通过添加类实现同样的效果
7
数据库编程实验
8
√
√
（1）编写类似留言板或新闻发布系统的网站
（2）使用Access设计网站数据库
（3）使用ADO数据对象完成对数据库的相关操作。
8
综合网站设计实验
8
√
√
（1）自己选定主题设计一个综合网站。
（2）内容比较全面完整，包括至少6个栏目；每个栏目中至少有6页以上的页面。
（3）正确组织页面结构及其链接，链接层次起码有三层以上。
（4）合理地划分页面内容，层次分明，每层的主题明确。
四、实验内容安排
    实验一  JavaScript编程实验
（验证实验  4学时）
1. 目的要求
    了解JavaScript语法结构，掌握编程方法
2．实验内容
（1）下载指定浏览器和代码编辑器
（2）编写一个包含循环语句函数弹出结果
（3）编写利用JavaScript验证数据的网页。
（4）编写三种不同类型的网页特效 
3．主要实验仪器设备
pc机，浏览器。
实验二    用HTML语言编写网站实验
（验证实验  4学时）
1. 目的要求
      掌握使用HTML语言编写网站实验的方法。
2．实验内容
（1）用Html语言，手写一个简单网站，要求内容达到一定数量。
（2）修改已有网页代码，添加到自己设计的网站。
      (3）根据setAttribute方法改变原来属性的值，并在网页中浏览
3．主要实验仪器设备
pc机，浏览器。
实验三    NET2003平台和HTML语言实验
（验证实验  4学时）
1. 目的要求
    掌握DOM属性获得子节点的方法及节点类型的含义。
2．实验内容
（1）编写图片库的网页
（2）应用DOM新属性childNodes、firstChild、lastchild获取节点弹出其nodeType值
（3）应用nodeValue属性，获得文本节点的值并弹出。
3．主要实验仪器设备
pc计算机，浏览器。
   
实验四    使用表单验证控件和用户控件实验
（验证实验  4学时）
1. 目的要求
    掌握如何用使用表单以及表单验证的方法。
    2．实验内容
（1）编写网页程序，用户通过Form提交数据到服务器、使用Asp程序获取该数据并作相关处理，将处理结果返回用户。
（2）熟悉ASP程序的一般工作原理和程序运行、调试方法，熟悉ASP的语言和语法
（3）服务器配置
3.主要实验仪器设备
pc计算机，浏览器
实验五    WEB数据库访问实验
（验证实验  8学时）
1. 目的要求
（1）掌握web数据库的访问方法并了解其实现的原理。
2．实验内容
（1）web数据库cookie html5 本地存储测试
（2）用浏览器打开网页，观察效果
3．主要实验仪器设备
pc计算机，浏览器。
实验六    创建CSS规划网站样式实验
（验证实验  8学时）
1. 目的要求
掌握 用css设置样式的方法。
2．实验内容
（1）创建一个4行两列的表格
（2）用CSS设置样式
（3）用stripeTables函数通过改变对象属性值来改变奇数偶数行背景颜
（4）修改stripeTables函数，通过添加类实现同样的效果
3．主要实验仪器设备
pc计算机 ，浏览器。
实验七  数据库编程实验
（验证实验  8学时）
1. 目的要求
熟练掌握数据库编程的技能。
2．实验内容
（1）编写类似留言板或新闻发布系统的网站
（2）使用Access设计网站数据库
（3）使用ADO数据对象完成对数据库的相关操作。
3．主要实验仪器设备
    计算机、浏览器。
实验八  综合网站设计实验
（综合实验  8学时）
1. 目的要求
掌握web 的开发方法和流程，提升实际开发能力
2．实验内容
（1）自己选定主题设计一个综合网站。
（2）内容比较全面完整，包括至少6个栏目；每个栏目中至少有6页以上的页面。
（3）正确组织页面结构及其链接，链接层次起码有三层以上。
（4）合理地划分页面内容，层次分明，每层的主题明确。
3．主要实验仪器设备
计算机、浏览器。
五、实验报告的格式（本部分要求各学院设计成表格作为教学大纲附件）
实验完毕，应用专门的实验报告本，根据预习和实验中的现象及数据记录等，及时而认真地写出实验报告。实验报告一般包括以下内容：
实验（序号）  实验名称
（一）实验目的
（二）仪器工具及材料  列出实验中所使用的主要仪器工具及材料。
（三）内容及程序  应简明扼要地写出实验步骤流程。
（四）结果及分析  应用文字、表格、图形等形式将数据表示出来。根据实验要求对数据进行分析和误差处理。
（五）问题讨论  结合有关理论对实验中的现象、产生的误差等进行讨论和分析，以提高自己的分析问题、解决问题的能力，并提出应注意的事项，也为以后的科学研究打下一定的基础。
六、考核方式、方法及实验成绩评定方法
1.考核方式、方法：
web3D技术实验课程成绩单独按五级记分。凡实验成绩不及格者，该门课程必须重修。学生的实验成绩应以平时考查为主，一般应占总分的70%，其平时成绩又要以实验实际操作的优劣作为主要考核依据。在学期末或课程结束时，为复习和巩固实验教学内容，进一步对学生作补充了解，也可举行一定的实验操作考试，但无论采取何种方式进行考核，都必须按实验课的目的要求，以实际实验工作能力的强弱作为评定成绩的主要依据。因此，最终的集中考试结果只能占总成绩的30%。
2.实验成绩评定方法： web前端毕业设计新颖题目
评定各级成绩时，可参考以下标准：
（一）优秀（很好）
能正确理解实验的目的要求，能独立、顺利而正确地完成各项实验操作，会分析和处理实验中遇到的问题，能掌握所学的各项实验技能，能较好地完成实验报告及其它各项实验作业，有一定创造精神和能力。有良好的实验工作作风和习惯。
（二）良好（较好）
能理解实验的目的和要求，能认真而正确地完成各项实验操作，能分析和处理实验中遇到的一些问题。能掌握所学实验技能的绝大部分，对难点较大的操作完成有困难。能一般完成实验报告和其它实验作业。有较好的实验习惯和工作作风。
（三）中等（一般）
能粗浅理解实验目的要求，能认真努力进行各项实验操作，但技巧较差。能分析和处理实验中一些较容易的问题，掌握实验技能的大部分。有30%掌握得不好。能一般完成各项实验作业和报告。处理问题缺乏条理。工作作风较好。能认真遵守各项规章制度。学习努力。
（四）及格（较差）
只能机械地了解实验内容，能一般性地按实验步骤完成实验操作，能完成60%所学的实验技能，有些虽作但不准确。遇到问题常常缺乏解决的办法，在别人启发下能作些简单处理，但效果不理想。能一般完成实验报告，能认真遵守实验室各项规章制度，工作中有小的习惯性毛病（如工作无计划，处理问题缺乏条理）。
（五）不及格（很差）
盲目地操作，只掌握50%的所学实验技能。有些实验虽能作，但一般效果不好，操作不正确。工作忙乱无条理。一般能遵守实验室规章制度，但常有小的错误。实验报告较多的时候有结果，遇到问题时说不明原因，在教师指导下也较难完成各项实验作业。或有些小聪明但不努力，不求上进。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。