静态网页制作 知识拓展 15网络动态网页制作实训指导书.docVIP

深圳信息职业技术学院计算机学院实训指导书——《 》 - PAGE 9 - 计算机学院实训指导书 实训名称 动态网页制作实训 专业名称 计算机应用技术（590102） End 所属专业大类名称 电子信息大类（59） End 所属专业类名称 计算机类（5901） End 项目所在单位（盖章） 深圳信息职业技术学院 End 项目主持人 立项日期 实训的性质与目标 该实训为计算机网络技术专业课程实训。通过该实训，学生能全面掌握构建一个简单的用户注册登录系统的方法。 实训内容 本实训两人一组，自行分组，按制作内容分工，网站上交时必须注明本人完成的部分。本实训要求设计一个简单的图书库存情况查询系统。网站要求使用统一的母版（学生根据网站风格自行设计选择），整个网站页面风格要统一。网站需包含主页、用户登录页面、用户注册页面、用户信息修改页面、图书信息查询页面。可在老师要求的基础自行添加内容，教师会酌情加分。 为了整个网站的风格统一，相关页面需使用母版页，以及站点地图和相关控件。网站背景由学生自定义，但要求不过分花哨，字体大小适中，方便阅读。其中注册、修改页面用户的具体资料条目需跟教师所演示的网站保持一致。 实训安排 实训时间： 周二：网站资料搜集，母版页及网站导航的制作 周三：数据库连接、数据读写（及登录、注册、资料修改三个页面的具体制作）、具体页面的GridView控件使用。注意：时间较紧，如果星期二内容可提前完成最好星期二能完成登录页面） 周四 ：网站排错、验收，教师提出修改意见。周四下午提交网站 周五上午：撰写实训报告并上交。 实训环境 Windows操作系统，有Internet网络，有office办公软件。 需安装的专业软件：visual studio 以及SQLEXPRESS。 项目设计 数据库设计： 本网站共需两张表，一张为用户信息表，一张为图书信息表。 表1：用户信息表定义 表2：图书信息表定义 注意：数据类型必须为nvarchar，括号内的数字表示字符串的长度，可以根据需要自行修改。本数据库中，user表设计id为学号，为唯一标识列，所以不能为空。如果大家也可根据设计将name指定为唯一标识列。books表设计图书id为唯一标示列，图片列存储的是图书封面的图片路径，存储内容为诸如“~\img\logo\1.png”的内容，请根据实际图片存储路径进行修改。 nvarchar为可变长度字符串类型，不会以空格填充以达到字符串的长度（如你使用nchar类型，nchar（10）表示字符串长度为10，如果你存储的内容是sziit，那么后面会自行添加5个空格，而使用nvarchar（10）的话，表示字符串最长长度可为10个字符，如果你存储sziit，那么内容就是sziit，后面不会自行添加空格） 为什么不能使用nchar？ 使用nchar的话，用户注册用户名为sziit，存在数据库里的内容为sziit+5个空格，而用户再次登录的时候输入的用户名是sziit，这样程序会认为你的输入与数据库的存储内容不一致，从而认为登录名错误而无法登录。 母版页： 首先，确定一张合适的背景图片，将该图片以背景图片形式插入页面（背景图，非普通插入图片），然后在页面上对应背景图的按钮上面各自插入一张透明的图片（看不出，实际是有的），目的是给这五个按钮加超级链接。请大家自行选择合适的控件，并给控件相应的imageURL（图片地址）和navigateURL（超级链接地址）。 透明按钮请大家根据自己的按钮大小使用photoshop制作，完成后别忘了保存为PNG格式才能够保留它的透明属性 关于如何将透明的按钮图片放在页面中刚好是按钮的位置。请运用上学期学习过得黑子模型知识，利用div+css将图片定位到正确的位置。位置必须要百分百正确，这将是网站评分的重要项目！ 站点地图文件不再给出，请大家根据网站结构自行制作，可参考教科书站点地图相应章节。 主页： 教师演示网站的主页是空白的，大家可以根据自己喜好添加内容。主页制作美观有特色的网站会另行加分。 用户注册页面： 表单项需有对应