搜索
《WEB开发技术》实验指导书2014/2015年第2学期姓名：学号：班级：计算机科学与工程系2015年6月《WEB开发技术》实验指导书1目录实验一首页设计.......................................................................................................2实验二web数据库连接与访问................................................................................4实验三小型图书管理系统设计与实现....................................................................7实验二首页设计2实验一首页设计一、实验目的:1．掌握常见网页设计工具的使用；2．掌握建立一个web站点的基本过程；3．掌握网站设计的基本技术与技巧。一、实验环境:1．Frontpage2000/DREAMWEAVER，WindowsXP/2000,MicrosoftSQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验2）用来存放本次实验所建立的设计文件与文档。二、实验预习与准备：1．熟悉WindowsXP或Windows2000的操作环境，了解Frontpage2000/DREAMWEAVER的用法。2．熟悉有关图形图象处理软件如PhotoShop,FireWorks,Flash等.三、实验内容与要求：1、熟悉WEB站点的开发工具环境和使用方法2、根据自拟的主题设计WEB站点的首页,主要注意一下几个方面3、版面布局：主要是考虑导航、必要信息与正文之间的布局关系。4、色彩搭配：色彩搭配应和网站的定位相一致，应衬托主题。5、字体的设置和表格的嵌套。6、网站上超媒体元素力求丰富，即应包含一些必要的动画、图形、图象以及声音或流媒体文件（视频、音频）。7、网站包含一些动态效果，可使用VBScript,Javascript语言来实现，用CSS来实现一些统一的样式与显示效果。8、网站链接自然，顺畅方便。四、实验过程与结果：实验二首页设计3五、实验小结与体会：这次WEB的实验是做一个首页，一开始，自己要确定所做首页的主题是什么。确定了主题后开始搜集材料，思考怎么样凸显自己的主题，怎么样才能让网页开起来不繁琐。最终我决定用简单的风格。用少量的文字和图片突出环境保护的主题，让自己的网页开起来简约而不简单，呼吁人们保护环境。通过这次实验，我学会了怎么用dreamweaver这个工具简单地设计网页，为以后更加复杂的网页设计打下基础。实验四web数据库连接与访问4实验二web数据库连接与访问一、实验目的:1．掌握创建数据库的方法；2．掌握利用ASP访问数据库的基本方法。二、实验环境:1．Frontpage2000/DREAMWEAVER，Windows98/2000,MicrosoftSQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验4）用来存放本次实验所建立的设计文件与文档。三、实验预习与准备：1.熟悉MicrosoftSQLSERVER2000的用法。2.熟悉IIS5.0并会用其配置WEB服务器。3.熟悉一种web数据库开发工具。四、实验内容与要求：实验内容1：熟悉WEB数据库的开发工具环境和使用方法并能够与数据库连接。五、实验过程与结果实验四web数据库连接与访问5实验四web数据库连接与访问6六、实验小结与体会这次的实验一开始感觉挺难的，要让计算机能运行.asp的动态网页，还要连接数据库。准备工作还提多的。首先要在自己的计算机上配置IIS,才能运行.asp动态网页。配置过程自己在百度上找的，按照步骤一步步地配置完成，步骤较多，在实验里就不一一赘述了。IIS配置完成后，还要考虑网页连接数据库的要求。数据库用的Access，要在驱动里添加ODBC数据源。然后开始制作网页，建立站点，我用的是VBScript脚本语言。对照课本，一步步地将网页实现。总的来说，这次实验学会了很多东西，比如IIS的配置，.asp动态网页连接数据库，dreamweaver工具更加熟练的使用等等。实验五小型图书管理系统设计与实现7实验三小型图书管理系统设计与实现一、实验目的1．掌握利用ASP对象添加、删除、修改和查询数据的基本方法；2．掌握其他ASP组件使用的方法。二、实验环境1．Frontpage2000/DREAMWEAVER，Windows98/2000,MicrosoftSQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验5）用来存放本次实验所建立的设计文件与文档。三、实验预习与准备1.熟悉MicrosoftSQLSERVER2000的用法。2.熟悉IIS5.0并会用其配置WEB服务器。3.熟悉一种web数据库开发工具。四、实验内容与要求实验内容1：设计小型Web数据库系统（小型图书管理系统）,其他WEB信息系统也可,要求如下:业务规则要求能管理读者（办证、注销、修改信息、超期罚款、违章处理等），管理图书（编目、删除），能够借阅图书、还书数据库表设计能够实现登陆、查询图书与读者借阅情况，读者信息维护等能够实现分页、报表生成等功能。实验内容2：其他ASP组件的用法，如文件与文件夹组件、Mailinglist组件等实验五小型图书管理系统设计与实现8五、实验过程与结果首页进入读者入口：点击“全部书籍”：实验五小型图书管理系统设计与实现9按条件查询：输入关键字“清华”，选择出版社输入关键字“数”，选择书名输入关键字“教育类”，选择类型实验五小型图书管理系统设计与实现10关键字为空，点击查询3、进入管理员入口，登录时填入错误账号chenyy若填入错误密码，则显示正确输入账号和密码，则进入管理界面：实验五小型图书管理系统设计与实现11删除书号为“5”的书籍后：将“10”号书的类型修改为“神学类”：实验五小型图书管理系统设计与实现12添加新书籍：添加界面如下：实验五小型图书管理系统设计与实现13六、实验小结与体会这次实验是最后一次试验，属于综合型实验，原本应该把这个学期所有学到的知识都运用起来，但由于时间匆忙，只是实现了部分内容。这个小型的图书馆管理系统，只有添加、修改、删除、查询书籍等简单的功能，还没实现借书、还书、用户注册等功能。虽然做得很简单，但还是碰到很多困难，从中也学会了更多，纠正了更多错误的想法。其中最难的应该是按关键字查询书籍部分，也是第一次使用Select*FrombookWhere&ke&Like'%&key&%'这个语句，在这里也耗费了很多时间。还有一个是检验密码正确与否这一块，前几次也做过一些相类似的，在脚本语言里用if、elseif来判断，最后返回Response.Redirectmana.asp，但总是不起作用，或者直接跳回mana.asp，连输密码的文本框也不显示，到现在我还没弄明白原因，但最后使用了以上的方法才成功的。