网站建设与设计 期末考核 网站设计说明书.docVIP

网站建设与设计 期末考核网站设计说明书 网站名称 个人信息网站 学　　院 计算机工程学院 班　　级 10软件1W 学　　号 姓　　名 董 鑫 2013年6月18日 目 录 1．网站设计目的和任务 3 2．网站功能设计 3 3．网站详细设计 3 4．网站设计心得与体会 9 一、网站设计目的和任务 本网站设计的目的是综合利用之前所学过的网页知识，包括JQuery、EasyUI、Apache，MySql、html、css、javascript等知识。将所学的知识应用到实践中。 网站设计的任务应用数据库实验登录验证和增加工具栏，包含“编辑”、“删除”、“增加”内容，增加选项卡：联系方式：包含电话与Email。增加选项卡，以DataGrid方式嵌入联系方式，可以编辑、增加、删除，其中操作以弹窗方式；修改DataGrid增加、修改、删除操作方式，以行编辑模式。 二、网站功能设计 设计的功能是能实现登录验证、以弹窗方式实现对数据的修改、修改包括增删改等操作、加入flash动画增加画面的效果、以超链接的方式将整个网页整合到一起。 目标能将自己的学习成果较好的展示出来，实现对网站知识的具体应用。 三、网站详细设计 数据库中的表 users表 端口号为8888。 将文件放在www文件夹下，首先输入http://localhost:8888/login.html 网站的登陆界面： 其中，上面的是flash动画，是关于荷花水墨画的。下面就是“用户名”、“密码”输入框“登陆”按钮。 由于我的数据库里面的check表只有一个用户名“dongxin”和密码“123”。 当输入错误的密码，会显示的页面如下：http://localhost:8888/login.php 登陆以后，显示的页面（即网站的主页）：http://localhost:8888/index.php 选择“点击进入”为导航栏的技术，可以展开显示具体信息。 “网站介绍”选项卡，用列表的形式展示信息。水平线下的是版权信息。这些都是页脚信息。 “网页作者”选项卡 可以实现“增删改”操作 点击“《将进酒》李白”， 点击“《雨霖铃》柳永” 点击“《声声慢》李清照” 点击“《虞美人》李煜” 当你点击“首页”时，会返回到之前的“首页”页面 点击“《青玉案·元夕》辛弃疾” 四、网站设计心得与体会 通过今次的对网页设计的制作，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。