web页面设计.docVIP

实验目的和要求 1) 熟悉Web站点的信息交互模型和结构 2) 熟悉Web界面设计的基本思想和原则 3) 掌握Web界面设计的工具和技术 实验内容和原理 1）要求根据Web界面设计的原则(简洁、一致性、对比度)，进行Web界面规划、概要设计和设计要素的选择，利用一种界面设计工具(Dreamweaver / Frontpage)完成网页设计。 2）选择一种界面设计工具，并熟悉它； 3）针对一个具体的网站（学校、个人、公司）设计应用，进行Web界面规划和概要设计； 4）选择WEB界面设计要素，设计出前台和后台 设计方案： 我的博客系统流程图; 博客系统要求 登录注销 登录：用户只有在登录状态下才能进行浏览以及其他功能 注销：退出登录状态 文章管理 发表文章：用户可以发表自己的文章，以便自己或者其他人查看 删除文章：用户可以对于自己以前写的不喜欢的文章进行删除 修改文章：用户可以对曾经写的文章进行修改、完善 收藏文章：用户可以将看到的好的文章进行收藏，方便下次查看 评论管理 添加评论：用户可以对其他人的文章发表自己的看法 删除评论：用户对于其他人对自己文章的评论可以进行删除 留言管理 添加留言： 与评论相似但又不同于评论， 用户可以对别的用户说一些想说的 话。 删除留言：用户可以对比人对自己的留言进行删除 基本设置修改 日志、是否关闭空间、密码修改、当前状态修改等等。 系统运行环境 操作系统： Windows2000,?WindowsXP,?Windows?vista? 研究该系统所要解决的问题 如何设计数据库，使之不仅能满足用户对系统提出的要求，而且可靠高效 设计界面 用的界面是有必要的。 如何实现用户之间消息的传递。 如何实现通知的发布和通知列表的更新。 数据库设计： 由于本网站需处理大量的数据，因而选择好的数据库管理系统并设计好数据库便显得异常重要了。有了好的数据库，可便于进行查询，插入删除等数据操作，提高系统的效率，也便于管理。我们选择了MySql 作为数据库管理系统，数据库设计如下： 系统主页上所提供的服务，只是一些公共的服务，用户要获得更多的服务， 必须先登录。 登录框设在系统主页上， 用户可在该页面输入自己的用户名和密码， 系统将会按类别对用户名和密码进行验证， 如果名字和密码都正确将被连接到各 自的用户界面上去， 例如普通用户正确登录后将连接到用户页面中去， 否则提示 用户输入的密码或用户名不正确。 该页面使用查询数据库匹配数据来验证登录者 的身份。 核心源代码 实现按类别查询的语句是： $mailadres1?=?$_POST[mailadres];? $password1?=?md5($_POST[password]);? $rememberMe?=?$_POST[rememberMe];? $sql?=?Select?password,last_login?from?.$DBprefix.users?where? mailadres=$mailadres1?or?user_id=$mailadres1?or?username=$mailadres1;? $query?=?$db-query($sql);? if?($row?=?$db-fetch_array($query)){? if?($row[password]?==?$password1){? if?($rememberMe==on)?{? setcookie(rememberCookieUname,$mailadres1,(time()+604800));? setcookie(rememberCookiePassword,md5($password1),(time()+604800));? }? else?{? setcookie(rememberCookieUname,$mailadres1);? setcookie(rememberCookiePassword,md5($password1));? }? 当用户正确发表文章时，程序将把用户发表的文章存入的数据库中，并对数据库中的一些项进行更新，比如当前网站总共多少文章、该用户发表了多少篇文章等 if ($action ==home.php?add) { $content = $_POST[content]; $content=str_replace(,,$content); $content=str_replace(,,$content); $content=replace($content,$replace); if ($content!=) { $s1=explode(@,$content); if ($s1[1]) {