动态网站建设

课程设计题目：

姓名：

学号：

班级：

一、网站设计目标

1．创建个人主题网站，展示出自己想要表达的主要信息。

2．通过简洁大方的页面设计以及可爱高校的动画以提高访问量。

3．记录自己的心路历程，写一写日志，与网络上的陌生人分享。

4．在互联网时代专业地展现自己。

5．设置访问记录，清楚的看到每天访问量。

6．设置留言板，希望得到更多的意见与建议。

二、网站实现工具及环境配置：

工具：Dreamweaver 8.0，Flash,Macromedia ，Fireworks 8.

环境：IIS+ASP+Access

三、数据库设计与实现

Access数据库创建：

第一步：使用设计器创建表，创建数据库结构，增加五个字段（user_id为主键）； 第二步：关闭表结构设计器，弹出“另存为”对话框，输入表名：userinfo； 第三步：双击表添加数据，并保存数据，退出；

第四步：在数据库面板中连接数据库（自定义连接字符串，成功创建脚本） 数据库设计：

㈠新增记录：

第一步：新建新建动态网页；

第二步：构建静态部分；

第三步：“服务器行为”→插入记录。

㈡删除记录：

第一步：建立两个动态页；第一个显示数据库中的记录，第二个对某个信息进行删除。

第二步：绑定记录集；将记录集中的字段拖入表格单元格中；

第三步：添加服务器行为：删除记录。

㈢修改记录：

第一步：建立两个动态页；

第二步：绑定记录集；将记录集中的字段拖入相关文本域、菜单中；

第三步：添加服务器行为：更新记录。

数据库实现：

第一步：将数据库应用在WEB上（自定义链接字符串）；

第二步：使用网页浏览数据库内容：

①新建动态页；

②制作静态内容；

③绑定记录集；

④将记录集中内容拖到网页的表格中；

⑤将数据库中所有记录显示出来；

首先，选中表格中的记录集行；

其次，选择“服务器行为” →“重复区域”；

⑥首先，光标置于表格中的插入点中；其次，“服务器行为”面板，记录分页显示。

四、网页设计与实现

index.html主页的制作

㈠服务器行为的应用：

第一步：通过<tr>标签选中整行，显示数据库中所有记录；

第二步：选中“重复区域”，添加记录集；

第三步：设置网页的记录集为userinfoset，服务器行为“插入记录”，设置自动跳转。

㈡绑定的应用：

第一步：添加记录集；

第二步：单击“测试”，查看到记录集中的数据。

第三步：将绑定的数据集拖动到网页中。

①在网页中插入表格

②将绑定面板中记录集的各项拖动到网页中。

第四步：保存后在浏览器中浏览。

㈢表单的应用：

第一步：创建表单：创建留言网页文件，“插入”表单；

第二步：将光标放置在表单里，插入5行2列表格，将1、5行合并。

第三步：在第2行插入文本字段，第4行插入文本区域，在第5行插入两个按钮。 ㈣插入flash:

第一步：打开 index.html 页面，插入一个三列的表格，在由三列组成的表格的中间一列中放置的图形之上单击一次；

第二步：选择“插入”>“媒体”>“Flash 视频”；在“插入 Flash 视频”对话框中，从“视频类型”弹出式菜单中选择“渐进式下载视频”；

第三步： 在 URL 文本框中，指定 flv 文件的相对路径，单击“浏览”，浏览至.flv 文件（位于站点的根文件夹中），并选择该 FLV 文件；

第四步：从“外观”弹出式菜单中选择 Halo Skin 2，在“宽度”文本框中，键入 180，在“高度”文本框中，键入 135 ，然后按 Enter 键

第五步：单击“确定”关闭对话框并将 Flash 视频内容添加到 Web 页面。

㈤添加背景音乐：

第一步：将0.mid音乐文件存放在ck根文件夹中；

第二步：打开index.html网页，切换到“拆分”视图，光标定位到</body>之前的位置，写下代码<bgsound src=ck/0.mid>;

第三步：按F12键，在浏览器中查看效果。

五、谈谈对动态网站建设的认识

静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。

动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。

动态网站是指基于数据库开发，使用程序如：ASP、.NET等编程语言对网站进行编程开发而完成的网站。静态网站制作简单，但维护更新较麻烦，一般需要专业人员才能较好维护更新。相对于静态网站而说，动态网站是程序开发而成，利用数据库功能可以把网站的数据无限增大，而且一般都会开发网站管理后台，维护更新方便，非常适合没有任何技术的人员管理网站。

其实动态网站的工作方式与电话购物的流程基本相同，唯一的区别就是对象的不同，即由人变成了机器（两台或多台计算机）。我们可以简单的把动态网站的工作原理看作是两台或多台计算机的对话。动态网站其实就是这么简单，一应一答，最终完成信息的传递和网页更新，从而形成网页的动态显示效果。请注意，这里的动态效果不是网页特效，而是网页数据的更新显示。

动态网站具有交互性，它的页面不是由传统的HTML写成的，而是由服务器根据用户的请求实时生成的。动态网站的特点是更新较方便，但由程序动态生成的页面都是根据一个模板生成的，因此样式比较单一，总之，asp文件是由HTML标记与script语言组成的，其扩展名为.asp

动态网页的一般特点：

（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；

（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；

（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；

（4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求

另外,如果扩展名为.asp但却没有连数据库,完全是静态的页面,那也是静态网站.只是.asp扩展名。

现在是网络成熟并高速发展的时代，我们的生活离不开网络。个人网站以后就成为了我们个人身份证件。特别是我们在去找工作，就没有必要带厚厚的简历。只要把我们自己的网站平时维护好，记录了我们平时的学习成绩，个人奖励情况，个人的工作经验还有自己的特长介绍和自己的作品。让人知道我们的网址就把所有的事情办了。对于个人网站来说是有赢利点的。只要我们的网站个性，有值得看的东西，就深受大家的欢迎，就可以和大家形成互动．人气就会很旺，到时候就可以做广告了，也是一笔小收入。个人网站是以后网络发展的趋势，不要等人们都有了你在去有，那你始终是落在别人的后面，要做第一个吃螃蟹的人，打造出个性的自我。

21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。而作为新世纪的大学生更应该具备一定的网络知识，来充实和武装自己。网络这个知识海洋是没有人舍得放弃的，再加之现在社会的竞争是十分激烈的，而大学生面临的就业问题也日趋严重。 大学生具备一定的网络知识是很重要的，不管是对于在校的学习，娱乐还有毕业以后面临的就业。都是能够影响到他个人的发展的。而我们风云网络提出的大学生个人网站建设理念就能很好的解决这个能影响到大学生发展的问题。

个人网站建设首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。其次网站建设好过程中，学生可以依据自己的喜好建设不同类型不同功能的网站。提供了一个展现自己和交流的平台，有更多的人看到你，他们提出自己的看法，最后反馈到你那里，这样对于自己会有一定的提高。

 

第二篇：动态网站设计报告

青 岛 农 业 大 学

动 态 网 站 设 计 报 告

实 习 名 称： 图书管理系统 . 实 习 时 间： 20xx -- 20xx学年第一学期 . 专 业 班 级 ： 计本0801 . 小组成员（学号）： 周志刚（20xx2851） .

轩云岩（20xx2787） 郑博（20xx2838）

20xx年x月x日

一、网站设计目标

1．创建图书管理网页便于管理图书。

2．提供管理员账号和密码并实现登录验证

3．通过简洁的几个网页实现图书管理的增、删、改、查功能 4．连接数据库实现数据的持久化

二、需求分析

实现新增图书入馆、旧图书处理、图书信息修改、查询馆内藏书以及图书借入借出的功能，以便于管理图书馆内的书籍。

三、网站实现工具及环境配置

工具：myeclipse8.5，firefox浏览器，oracle数据库 环境：Tomcat+jsp+sturts2+hibernate+oracle

四、网页设计与实现

用html语言写如下几个页面：

login.jsp:用户名和密码实现登录。 主要方法：login() main.jsp:主页面，包含进菜单menu.jsp menu.jsp:菜单页面，选择增删改查

add.jsp:实现增加功能 add() delete.jsp:实现删除功能 delete() update.jsp:实现更新功能 update() list.jsp:实现查询功能 list() logout.jsp：登出 logout()

主要方法处理类：LoginAction、BookAction 验证文件：LoginAction-validation.xml 资源类：Book.java、Login.java

数据库代码类：BookDAO、SuperDao、DaoFactory、BookDAOImpl接口

功能实现流程图：

五．遇到问题及解决方法

<1>jsp页面的数据传递不到action中。问题所在：由于吧资源单独放在了一个javabean中，以至于要把jsp页面的input中的username等变量应该写为login.username而不是直接的username，改后页面数据传递不进action的问题解决。

<2>验证文件通不过验证，总是失败。原因：同1的login.username问题

<3>if..else..条件判断通不过。原因：用==判断。解决方法：==改为equals问题解决。

<4>数据库无法连接创建，解决方法：用hibernate代理重新写了一遍数据库代码。

六、谈谈对动态网站建设的认识

静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。

21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。而作为新世纪的大学生更应该具备一定的网络知识，来充实和武装自己。个人网站建设首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。其次网站建设好过程中，学生可以依据自己的喜好建设不同类型不同功能的网站。提供了一个展现自己和交流的平台，有更多的人看到你，他们提出自己的看法，最后反馈到你那里，这样对于自己会有一定的提高。