实验指导书-2012-首版-学生-实验1-5.doc

网站开发技术及应用（0740553104）课程实验指导书2012年首版1实验一：HTML静态网站开发（07405531041J）熟悉标记语言开发静态网站一、 说明实验类别：专业实验学时：2学时实验类型：验证实验要求：必做二、 实验一的内容运用标记语言设计一个静态网站，网站的主题是自我介绍的宣传类网站。具体实验要求：1、 必须运用框架构建网站的整体架构。2、 需要通过meta注明网站的信息及关键字。3、 需要通过样式style来规范版面设计的风格。4、 需要以图文的不同种方式（含对链接外观的修饰）实现多种链接功能。5、 需要运用表单的各种标记（文本框、密码框、单选框、多选框、下拉列表-select/option、文本域-textarea、按钮、打包-fieldset/legend等）实现如注册、登录、留言等等功能页面。三、 实验一的指导及提示1、 框架设计：a) 框架标记：frameset、frame和noframes。b) 属性：rows、cols、border等。c) 框架举例： 您的浏览器无法处理框架！2、 网站页面信息：a) 网页信息标记：meta。b) 属性：http-equiv、content、charset、name。c) 属性举例：http-equiv=Content-Type content=text/html; charset=gb2312name=description content=HTML examplesname=keywords content=HTML, CSS, JavaScript, VBScripthttp-equiv=Refresh content=5;url=3、 Style样式：有三种样式修饰方式，都需要练习。a) 内联样式：hyperlink to link.htmb) 嵌入样式： h1 font-family:隶书; color:red h3 font-family:仿宋; color:bluec) 外联样式： 被引用的stylesheet.css文件的内容：h1 font-family:隶书; color:redh3 font-family:仿宋; color:bluea text-decoration:none4、 链接：a) 文字链接：文字b) 图片链接： c) 锚点：链接到锚点：第二部分定义锚点：第二部分d) 邮件链接：发送邮件5、 表单设计：a) Input 的type属性决定文本框、密码框、单选钮、复选框、按钮等几种控件形式。b) Select和option组合完成列表框。c) Input的type属性submit、reset是两个默认按钮，分别实现提交、重置的功能。d) 其他有关属性：name、value、checked、rows、cols等，需要适当运用。四、 实验评价1、 技术部分要求运用全部课堂所涉及的知识。2、 自己独立完成网站设计。3、 网站整体内容主题统一，内容协调、美观。4、 上交网站系统，随机抽检技术知识的掌握情况。3实验二：ASP网站开发（07405531042J）在静态页面的基础上完善脚本代码（客户端及服务器端）一、 说明实验类别：专业实验学时：2学时实验类型：验证实验要求：必做二、 实验二的内容在实验一网站系统的注册功能（表单提交）的基础上开展实验二的实验。1、 编写一段“注册”客户端脚本，在“检测”按钮被点击时弹出提示框，显示用户所填的信息。2、 编写一段“注册”服务器端脚本（独立文件），把提交上来的信息存储到客户端的cookie中，并在另一个页面显示出来。3、 客户登录时，网站调取客户端cookie里的注册信息，加以判断并导向有关页面（根据情况进入错误页面或进入正确页面）。4、 学生可以根据实验一自己设计的网站完成ASP代码编程，以完成其他相应功能。三、 实验二的指导及提示1、 运用ASP脚本代码，需要注意调试的环境搭建（IIS设置，主目录、执行权限设置选择“脚本和可执行文件”）。2、 适当在ASP代码中运用分支结构、循环结构实现相应的功能。3、 在适当功能中运用inputbox、msgbox、alert实现客户端弹出提示窗口。4、 熟悉四种客户端脚本代码嵌入方式。5、 熟悉ASP对象response、request、server、window等对象完成诸如页面数据保存、页面客户端信息获取、页面跳转等技术功能。四、 代码样例1、 样例一 window.location= 2、 样例二% Response.Write(获取并显示前面保存的cookie数据。) Response.write(request.cookies(user)(info) & )% 3、 样例三五、 实验结果1、 技术部分要求运用全部课堂所涉及的知识。2、 自己独立完成网站设计。3、 网站整体内容主题统一，内容协调、美观。4、 上交网站系统，随机抽检技术知识的掌握情况。11实验三：Web控件编程（07405531044J）一、 说明实验类别：专业实验学时：2学时实验类型：设计实验要求：必做二、 实验四的内容1、 创建一个项目（名字自定），其中创建1个母版页、创建4个页面a.aspx、b.aspx、c.aspx、d.aspx。a.aspx作为登录页面，b.aspx作为注册页面，c.aspx作为登录成功后进入的功能页面，d.aspx是具体某个功能的页面。c.aspx、d.aspx都需要使用母版页。2、 登录页面具有“注册”链接用以链接到注册页面。注册页面录入“登录帐号、密码、出生日期、性别、邮箱”信息（充分运用所学的标准控件、验证控件），注册成功后返回到登录页面。3、 母版页具有TreeView导航控件实现树型链接节点。4、 登录（也要有验证）成功后进入c.aspx页面。点击其中某个节点即可进入d.aspx。三、 实验四的指导及提示1、 运用验证控件的页面（a.aspx、b.aspx）需要在按钮事件中首先判断验证控件是否都通过了验证，方法是用if (Page.IsValid)判断：Page.IsValid为true表示页面所有验证控件都已通过，否则就是没有通过验证。2、 c.aspx、d.aspx中随意实现效果以体现出是不同的页面，以便调试时辨认。四、 代码样例1、 样例一 test-ccc .style1 width: 50%; .style2 width: 80px; name: pass1: pass2:     sex: male female   hobby: book swim music radio pingpang   profession: select please goverment education bank doctor           返回主页 tttttttttttttttttttttttt2、 样例二 无标题页   注册 3、 样例三 11111111111  五、 实验结果1、 技术部分要求运用全部课堂所涉及的知识。2、 自己独立完成网站设计。3、 网站整体内容主题统一，内容协调、美观。4、 上交网站系统，随机抽检技术知识的掌握情况。实验四：SQL Server数据库操作（07405531044J）一、 说明实验类别：专业实验学时：2学时实验类型：验证实验要求：必做二、 实验三的内容1、 创建两个页面data1.aspx、data2.aspx。建立数据库名为“datatest”的数据库，其中建立一个表“staffer”，其字段有num（主键）、name、base、other、dep五个字段。2、 在data1.aspx中添加“文本框”、“按钮”、“Gridview”、“Detailsview”及“标签”控件。其功能包括：向“staffer”添加记录（注意主键不能重复的解决方法）；运用“Gridview”显示“staffer”的部分主要字段内容、修改非主键字段内容、删除选定记录；在本页根据“选择”按钮通过“Detailsview”显示选中记录的其他字段信息（但要有主键信息，以便观察是否是所选记录的）。3、 在“Gridview”添加链接列，并把所要链接的页面设置为data2.aspx。要求可以把在data1.aspx 页的“Gridview”选择的记录的主键字段发送给data2.aspx。4、 在data2.aspx中添加“Detailsview”控件。该页根据从data1.aspx传递来的“staffer”的一条记录的主键内容显示该记录的全部内容（选中记录的全部字段内容）。三、 实验三的指导及提示1、 注意SQL语句的语法格式，尤其是在字符串中拼接语句时更要细致检查。2、 避免主键添加重复造成错误，需要予以技术处理。可以采用文件记录序号的方法（需要运用文件方面的类），也可以采用对主键（编号）字段内容是否已经存在进行判断（运用选择语句的count形式(字符串拼接语句)：”select count(*) from staffer where num=” + number + “”，其中number是变量，它接收的是编号文本框里的内容，当然在赋值时需要有类型转换）。（有能力的同学可以两种方法都检验一下）3、 对文本框根据需要填写的内容综合运用多个验证控件实施验证以避免内容的错误。4、 注意数据控件的数据源设置以及相关属性的设置，尤其是“Gridview”的按钮功能及链接列的功能实现。四、 实验结果1、 技术部分要求运用全部课堂所涉及的知识。2、 自己独立完成网站设计。3、 网站整体内容主题统一，内容协调、美观。4、 上交网站系统，随机抽检技术知识的掌握情况。13实验五：Web网站设计（07405531045J）一、 说明：实验类别：专业实验学时：4学时实验类型：设计实验要求：选做（其一）二、 实验五的内容分为三个题目，最少选做一个：网上书店；新闻搜集、发布网站；学生选课系统。1. 创建一个项目（名字自定），在网站中根据需要创建1个母版页，另外根据要实现的功能创建多个页面，每个页面都要套用母版页。2. 需要在页面中显示网站访问人次。3. 母版页具有TreeView导航控件实现树型链接节点。4. 需要实现页面间的数据传递。（注意总结哪些方式可以实现）5. 需要能够对网站数据进行管理。（运用数据库）三、 实验五的指导及提示1. 需要根据功能需要