web开发_实验大纲.docVIP

《web开发》实验教学大纲 课程总学时：64学时 学分：4学分 实验学时：48学时 实验个数：8个 实验学分：3学分 课程性质：专业方向课程 适用专业：数字媒体技术 教材及参考书：《深入理解Bootstrap》，徐涛著机械工业出版社，201年版。 大纲审定人：数字媒体学院学术委员会 一、实验课的性质与任务 《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、、（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机，浏览器。 实验三 NET200