毕业设计(论文)静态网页班级网站设计.doc
《毕业设计(论文)静态网页班级网站设计.doc》由会员分享,可在线阅读,更多相关《毕业设计(论文)静态网页班级网站设计.doc(19页珍藏版)》请在三一办公上搜索。
1、班级网站设计毕业论文摘 要班级网站是一个班级和外界交流的窗口,也是本班同学相互联系,交流的平台。本网站的主要功能是能让各类用户在自己的权限范围内方便地管理相应的信息网站在登录界面提供身份验证功能,并且还提供修改密码功能,这都是确保用户隐私的安全性。用户一旦丢失密码,还可以通过管理员把密码取回。网站首页提供一些其他常用网站的链接,让用户方便去这些网站搜集自己所要的信息。班级动态是公布班级里一些重大事务或重要通知的地方。普通用户只可以浏览新闻, 而管理员享有发布、修改、删除新闻的权利。通讯录里是各个用户的资料,可分为:分类查询和总体查询。用户可以给其他任何用户发短信息和邮件。用户还可以在这里修改本
2、人资料。影集里是用户存放照片的地方,用户可以在这里浏览其他用 户上传的照片,或者自己也可以上传照片。管理员享有修改,删除照片的权利。论坛是用来给用户相互交流,高谈阔论的地方。普通用户只能编辑自己的帖子,而管理员则可以编辑任何人的帖子。管理功能是管理员用来管理网站的,在这里,管理员可以增加和删除用户,设置 用户权限。并且可以对网站的数据库进行备份,防止恶意攻击造成巨大损失.最后,关于链接是对整个网站功能的一个大概介绍,相当于是网站的一个简单的使用说明,让用户看了后可以对网站的使用更加得心应手。关键字:网页 Dreamweaver 设计 班级 前言网站的定义网站是企业向用户和网民提供信息(包括产品
3、和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。什么是网页制作网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C(万维网联盟)规范用html语言将其制作成网页格式。网页
4、设计网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画,视频,声频则需要插件程序例如Flash, QuickTime, Java run-time envir
5、onment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。随着浏览器和W3C(万维网联盟 World Wide Web Consortium)标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。静态网页与动态网页区别通常,网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变,只有网管可根据需要更新页面。动态网页的内容随着用户的输入和互动而有所不同,或者随着用户,时间,数据修
6、正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,)来改变。当然更普遍的是由服务器端的描述语言(Perl,PHP, ASP, JSP, ColdFusion, 等)进行编译,从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了几大部分:版面构图(见平面设计)程序开发(见网页应用程式)网站内容管理(见内容
7、管理系统、资讯架构学) 两种设计模式从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。 随着主流网页浏览器对CSS的支援度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命,其核心在于分隔网页的风格和内容(en:Separation of style and content),指标记语言(如HTML,XML)负责
8、定义页面的内容,但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。这种模式有很多好处,例如可以协助搜寻引擎查找网页的情况,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺
9、陷造成的。另一方面,开始设计CSS时,并不能清楚看到目标,因此显得不直观。网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前目录第一章 需求分析1第二章 软件介绍及相关术语解释22.1 Dreamweaver简介22.2 HTML简史32.3 XHTML42.4 CSS样式表概述42.5CSS样式表的优势52.6CSS样式表在HTML中的实现52.6.2内联式样式表62.6.3外联
10、式样式表62.7超链接6第三章 网站总体分析与设计831网站系统分析83.2设置首页布局和页面属性83.2.1设置首页布局83.2.2设置首页的页面属性93.2.3 查看和编辑头内容103.2.4 插入图像103. 3创建其它网页11第四章 总结12参考文献13致谢14第一章 需求分析随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。网页功能分析就是以系统的观点,对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么,最终为后面的设计工作打下基础
11、。需求分析是制作一个网站的第一步。在制作网站之前,首先要了解客户的需要和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况,需求也会有所差别。本网站是针对班级同学而设计的网站,主要是便于同学联系例如聚会、发布班级信息等系列的通知,同时本网站还针对同学们的需求建立个人信息空间,可以建立个人影集,彰显每个同学的个性与风采,相当于一个“便携式”的聊天平台,无论同学们以后身在那里我们都可以在茶余饭后对我们现在亦或是过去进行讨论,彼此交换心得体会,更加了解班级的概况,关注班级的动态。各个角色功能如下:浏览班级动态、发表论坛、观看发表作品、浏览
12、新闻、浏览班级相册、浏览文学作品、实时留言。该网站主要有六大模块组成,分别为班级论坛,班级作品,班级新闻,班级相册,班级文学,班级留言。用户登录网站index.html页面,即可对该网站进行浏览,index.html主要为大家展示的内容有:班级论坛,班级作品,班级相册,班级新闻,班级留言等功能,在该页面中,用户可以根据导航栏连接到在子页进行浏览第二章 软件介绍及相关术语解释2.1 Dreamweaver简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作个管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作
13、出跨平台限制和跨越浏览器限制的充满动感的网页,其特点有以下几方面:1、最佳的制作效果Dreamweaver可以用最快速的方式将Fireworks,FreeHand或Photoshop等档案移至网页上,使用检色吸管工具选择荧幕上的颜色可设定最接近网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需要离开Dreamweaver便可完成,整体运用流程自然流畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的
14、最佳化。2、网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver会自动更新所有连接。使支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。3.无可比拟的控制能力Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)恶化表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单元格、行、列或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver支持精准定位,利
15、用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。 梦幻样版和XML Dreamweaver将内容与设计分开,应用於快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改
16、变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。2.2 HTML简史HTML超文本标记语言(Hypertext Markup Language)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业设计 论文 静态 网页 班级 网站 设计
链接地址:https://www.31ppt.com/p-2881259.html