实验指导书首学生实验.doc

1网站开发技术及应用（0740553104）课程实验指导书2012 年首版2实验一：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=gb2312“ name=“description“ content=“HTML examples“ name=“keywords“ content=“HTML, CSS, JavaScript, VBScript“3http-equiv=“Refresh“ content=“5;url=“ 3、 Style 样式： 有三种样式修饰方式，都需要练习 a)内联样式：hyperlink to link.htm b)嵌入样式：h1 {font-family:隶书; color:red}h3 {font-family:仿宋; color:blue}c)外联样式：被引用的 stylesheet.css 文件的内容： h1 {font-family:隶书; color:red} h3 {font-family:仿宋; color:blue}a {text-decoration:none} 4、 链接： 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、 上交网站系统，随机抽检技术知识的掌握情况4实验二：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=““52、 样例二“) %>3、 样例三五、实验结果1、 技术部分要求运用全部课堂所涉及的知识 2、 自己独立完成网站设计 3、 网站整体内容主题统一，内容协调、美观 4、 上交网站系统，随机抽检技术知识的掌握情况6实验三：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;}7name:pass1:pass2:8sex:malefemalehobby:bookswimmusicradiopingpangprofession:select pleasegovermenteducationbankdoctor9返回主页tttttttttttttttttttttttt2、 样例二无标题页10注册3、 样例三11111111111五、实验结果1、 技术部分要求运用全部课堂所涉及的知识。

2、 自己独立完成网站设计113、 网站整体内容主题统一，内容协调、美观4、 上交网站系统，随机抽检技术知识的掌握情况12实验四：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.需要根据功能需要建立相关的数据表 2.需要用到的控件有：label，textbox，gridview，sqldatasource，treeview，hyperlink，button 以及 各验证控件。

3.完成各功能时分别需要用到 session、server、request、response 等对象四、实验结果1.技术部分要求运用全部课堂所涉及的知识 2.自己独立完成网站设计 3.网站整体内容主题统一，内容协调、美观 4.上交网站系统，随机抽检技术知识的掌握情况。