计算机网站制作论文(范文).docVIP

计算机网站制作论文(范文) 第 PAGE \* Arabic 1 页第 PAGE \* Arabic 1 页 临大信息共享网站设计分析 摘要：面对日益加快的生活节奏和信息社会日新月异的变化，internet的快速普及吗，上网者已经不再满足于仅仅浏览网页，而是希望更深入的参与到网络中， 关键字： 正文： 第一章 总体说明 随着internet的普及，互联网是社会发展的必然趋势，很多人已经 意识到网络的强大生命力和它在未来将处于的重要地位，在我们周围有 人人网，微博，QQ，等传递着人与人之间的信息，资源也实现了一定的 共享。我就想到，对于我们这个社会有这么多给予联系的网站，我们也 或许可以给我们临沂大学的同学提供一个信息交换资源共享的平台，临 大信息共享网主要包含阅读分享，个人空间、校内外最新资讯发布等内 容。在此网站上，我们为大家提供一个展示个性和相互交流的平台，同 时，也集成了信息获取以及发布等双向互动功能，并针对大学生进行了 富有特色以及人性化的优化。在阅读分享上，网站收集最受现代大学生 关注和最感兴趣的话题读物，竭力丰富大学生的精神生活。在个人空间 部分，提供一个交友平台，可以模仿新浪博客和微博，让同学们可以自 由言论，疏放内心故事，发布自己所见所闻的新鲜事与大家共享。在校 内外资讯发布板块内容中，网站随时发布更新各种与学习生活息息相关 的资讯，让同学们通过网站就能获得最新最重要的新闻资讯，例如考研 信息，专升本信息，各种证书考试信息，以及提供大学生勤工俭学的兼 职信息等，同时，用户也可以通过网站免费发布各种类别的信息，让我 们临沂大学的大学生活更加便捷！ 第二章 主要页面布局 对于一个成功的网站，如何让这个网站能吸引住用户的注意，除了 方便快捷，信息资源丰富之外，良好的布局也起着义不容辞的作用。 对于主页更是起着非常重要的部分，主页必须包含标题栏，导航栏 ，登陆注册栏，网站宣言，公告以及必要的图片等。我们姑且将此页面 当成一个大的容器，标题栏在最上方，语言描述简单为临大信息共享网 ，下行附上h3小字体“让临大骄子生活更美好”，居中并加上学校的背 景图片。紧贴在下面将是一行滚动的文字，即为最新公告，用marquee 标签来实现。在此下方自然就是导航栏，导航栏可以采用无序列表li和 浮动定位来设置。例如 #menu ul {list-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 a{color:#333; text- decoration:none;} #menu ul li a:hover{color:#fff; text- decoration:underline;}，导航板块可分为首页，我们的大学，阅读分 享，最新资讯，兼职园地，给我留言。板块链接例子：ul lia href=#首页/a/li li class=menuDiv/li lia href=/ target=_blank 我们的大学/a/li li class=menuDiv/li》等。 在导航的下面我们又可以看成是大容器里面的一个小容器了，可以通过 相对定位和决定定位或者是浮动地位将其分成左右两个部分，左部分， 主要可以分成登陆板块和友情链接板块。登陆板块主要用于用户登陆此 网站发表评论以及个人空间所用，和注册按钮用于链接一个新的注册页 面。友情链接板块位于登陆板块下面主要用于链接一些网站，例如百度 ，人人网，新浪网等等。右部分主要用于展示这个网站的一些信息，可 添加一幅代表大学生热爱生活的图片，其下可以写下此网站宣言以及校 内公告。当然最后收尾必须有版权所有问题。 采用这个布