《计算机网站制作论文》由会员分享，可在线阅读，更多相关《计算机网站制作论文（9页珍藏版）》请在金锄头文库上搜索。
1、临大信息共享网站设计分析摘要：面对日益加快的生活节奏和信息社会日新月异的变化，internet的快速普及吗，上网者已经不再满足于仅仅浏览网页，而是希望更深入的参与到网络中，关键字：正文：第一章 总体说明 随着internet的普及，互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位，在我们周围有人人网，微博，QQ，等传递着人与人之间的信息，资源也实现了一定的共享。我就想到，对于我们这个社会有这么多给予联系的网站，我们也或许可以给我们临沂大学的同学提供一个信息交换资源共享的平台，临大信息共享网主要包含阅读分享，个人空间、校内外最新资讯发布等内容。在此网站上，我
2、们为大家提供一个展示个性和相互交流的平台，同时，也集成了信息获取以及发布等双向互动功能，并针对大学生进行了富有特色以及人性化的优化。在阅读分享上，网站收集最受现代大学生关注和最感兴趣的话题读物，竭力丰富大学生的精神生活。在个人空间部分，提供一个交友平台，可以模仿新浪博客和微博，让同学们可以自由言论，疏放内心故事，发布自己所见所闻的新鲜事与大家共享。在校内外资讯发布板块内容中，网站随时发布更新各种与学习生活息息相关的资讯，让同学们通过网站就能获得最新最重要的新闻资讯，例如考研信息，专升本信息，各种证书考试信息，以及提供大学生勤工俭学的兼职信息等，同时，用户也可以通过网站免费发布各种类别的信息，让
3、我们临沂大学的大学生活更加便捷！第二章 主要页面布局 对于一个成功的网站，如何让这个网站能吸引住用户的注意，除了方便快捷，信息资源丰富之外，良好的布局也起着义不容辞的作用。 对于主页更是起着非常重要的部分，主页必须包含标题栏，导航栏，登陆注册栏，网站宣言，公告以及必要的图片等。我们姑且将此页面当成一个大的容器，标题栏在最上方，语言描述简单为临大信息共享网，下行附上h3小字体“让临大骄子生活更美好”，居中并加上学校的背景图片。紧贴在下面将是一行滚动的文字，即为最新公告，用marquee标签来实现。在此下方自然就是导航栏，导航栏可以采用无序列表li和浮动定位来设置。例如 #menu ul list
4、-style:none;margin:0px; float:left; margin:10px; background-image:url(./images/daohang.gif) #menu ul li float:left; margin:0 5px; display:block; line-height:28px; #menu ul li acolor:#333; text-decoration:none; #menu ul li a:hovercolor:#fff; text-decoration:underline;，导航板块可分为首页，我们的大学，阅读分享，最新资讯，兼职园地，给
5、我留言。板块链接例子： 首页 我们的大学 /li等。在导航的下面我们又可以看成是大容器里面的一个小容器了，可以通过相对定位和决定定位或者是浮动地位将其分成左右两个部分，左部分，主要可以分成登陆板块和友情链接板块。登陆板块主要用于用户登陆此网站发表评论以及个人空间所用，和注册按钮用于链接一个新的注册页面。友情链接板块位于登陆板块下面主要用于链接一些网站，例如百度，人人网，新浪网等等。右部分主要用于展示这个网站的一些信息，可添加一幅代表大学生热爱生活的图片，其下可以写下此网站宣言以及校内公告。当然最后收尾必须有版权所有问题。 采用这个布局作为主页主要可以让用户一目了然这个网站主要是用于做什么的，将
6、其功能表现的淋漓尽致，而且最新信息也可以吸引访客的注意以及附有的图片将其装饰的大方好看。 图片附上 对于阅读分享页面可以简单装饰一下即可，但是当然用户也可以上传文章，以及添加评论。这个页面主要必须将文章分类放置可以分为最新发布，情感天地，笑笑专栏，励志文集，生活常识，名人故事，娱乐新闻，校园风采。可以通过行标签span和块标签div以及无序列表ul来设计分类。当然要结合层叠样式表css以及添加链接。这样做的目的是为了让版式看以前一目了然，每一块分类详细，让访客可以根据自己的需要轻松地找到自己要浏览的文章，这样可以让访客提高浏览的效率，效率高了访问量自然也会增加。附图最新资讯页面的设计采用框架样
7、式，左面显示资讯的种类，点击的时候在右面显示资讯信息标题。这样做的原因是与其他的页面不一样的效果，不至于都雷同，让访客产生视觉疲劳，新颖的页面可以唤起访客的欣赏欲望，增加访问量。附图兼职空间页面的设计主要采用表格形式完成。开头和主页一样有一个展示兼职类别的导航，如IT类，促销导购，传单派发，模特礼仪，家教，钟点工等。下面就可以用表格的形式，分成三列，将以上兼职类别详细列出，通过无序列表从上往下列出即可。这样做的原因就是让需要寻找兼职的人能够快速的找到自己所需要的工作，减少时间的浪费，自然也是可以增加访问量。附图个人空间的页面设置可以模仿新浪博客。开头简单的导航，分主页，博文目录，好友，等、。当
8、然还有很多模块，如发表博文，简单说说，个人简介等。这个页面表面的设置还算可以大体的完成，但是需要后台的支持，因为还没有学过asp和jsp，还做的不好，这个页面暂时可以简单设置，随着学习的深入以及真的有域名，我想还是会实现的。添加这个页面主要是让用户可以觉得这个网站的用处不知道看看那么简单，还可以抒发的故事，让更多的人来分享。附图给我留言这个页面主要是给用户提供一个可以申述的空间，他们可以通过这个将自己的意见以及良好的建议给开发人员，同时帮助开发人员改进自己所做的网站，知道自己的不足之处。对于留言板，开始当然有一个主人寄语，让我们共同为临大学子美好生活而努力。在此下面加一张图片，然后可以通过表单
9、中的textarea标签，添加一个文本区域，用于用户添加留言，点击提交即可。 附图注册页面的版式主要就是表单的设计，但是必须通过javascript来实现，也就是要响应用户对文档的操作，进而执行某些功能，javascript常常用来检查用户所提交的表单中的值，判断这些值是否合乎规范，大部分表单功能的实现，函数和正则表达式的匹配站有很大的作用。注册页面主要是用户注册来使用这个网站设计的，注册的过程简单明了即可，不宜过于复杂，所以我只是设置了简单的表单，附图第三章 网站的交互功能Web上的用户交互都具有不固定性和无缝性，只要简单地按动一次鼠标，用户就可以到达一个完全不同的可能会具有独特外观、感觉和
10、交互模型的网站，因此设计团队理解、应用并参与到Web设计模式的开发中非常重要。 交互设计是指设计人和产品或服务互动的一种机制，以用户体验为基础进行的人机交互设计师要考虑用户的背景，使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦。符合自己的逻辑，有效完成而且高效使用产品，。为了产品的有效易用，为了让客户对产品产生依赖，为了让客户使用愉悦，当客户想要设计或者改进一个交互式系统，使用户与其交互的过程更加有效，易用，ETU可以为其提供交互设计服务。对于这个网站而言，交互功能体现的不能说是很细，可是也基本可以满足用户的需求。就像界面的交互就可以说是让用户可以一目
11、了然，点击鼠标即可找到自己要找的信息。导航的设置，链接的设置，图片以及留言板的设置，还有用户可以发表的评论以及更新自己的信息都实现了网站的交互功能。对于导航链接主要应用了标签，提交发表评论主要应用了javascript,dom,采用事件处理机制，图片也是交互功能的一个体现，因为图片给人一看明了的效果，使用户可以更明确的了解到相关事宜。当然这个网站所实现的最大的交互功能就是信息的共享，每个用户都可以查看最新资讯以及那些阅读分享，而且最重要的是每个用户还可以发表信息，发表心情，博文，供好友欣赏，还有用户可以给开发人员留言，提好的建议，这些等等都体现了网站的交互功能。毕竟对于一个好的网站，交互功能完
12、成的好与不好，直接关系着这个网站的运营效果，收益大小。交互功能做得好不好与界面做的好不好息息相关，网上一些论坛说道交互功能，总是会先提到界面，一个好的界面，适宜的界面，可以吸引访客的注意力，界面好了，看的多了，那样重要的有用信息才有人看。所以界面也是交互功能的实现的一个体现。第四章 数据完整性 页面设计要求美观大方、简单、清晰明了。一般注册页面设计去除现在页面上不必要的导航栏等无用的内容。主要体现注册功能就足够了。页面颜色风格不要与主站首页相差太大。最好和谐一致。一般只需要设计一个页面即可，减少注册的复杂度。不会让用户产生注册的反感。注册页面大小，不用设计成全屏，或很大，（毕竟体现的内容没有太多。）可以做成一小块单独体现的方式觉得会很不错。类似新浪注册页面。我设计的这个注册页面第一步就是选择注册的邮箱，可以是.com或者.cn后缀的，第二步设置安全信息，即设置密码，选择密码查询问题等。设置安全信息:以下信息对保护您的帐号安全极为重要，请慎重填写并牢记 * 请设置密码： * 再次输入密码：
