毕业设计报告：网页技术相关探讨与静态网页设计.doc

资源描述

1、1NO毕业设计报告课题网页技术相关探讨与静态网页设计系部软件工程系班级软件0910学号2009005195学生指导教师装订交卷日期20113152毕业设计任务书一、设计课题网页技术相关探讨与静态网页设计二、设计目的巩固一些已学了网页知识,并且在制作中加入一些新学的东西,做出更好的静态网页效果来,力求给以后动态网页的制作打下基础三、设计要求无硬性要求,根据自己所接触的东西加工创造四、毕业设计报告要求毕业设计报告由以下几部分组成1、标题封面标题要求简洁、鲜明2、毕业设计成绩评定记录表（教师等填写）3、毕业设计任务书（指导教师提供）4、目录5、正文6、附录五、设计进度计划11月15日11月25日查阅

2、资料、网页功能分析、模块设计12月1日2月25日主界面完工,调试细节和图片大小以及其他参数3月1日3月25月撰写毕业设计报告4月初毕业设计答辨（如有变动，另行通知）六、毕业答辨需提交的材料1完整的系统代码（光盘或磁盘）2毕业设计报告学生指导教师签名2011年12月6日3目录1绪论411网页简介412网页设计513网页设计现状42相关技术621网页制作软件以DREAMWEAVER举例622网页基本HTML代码7221静态网页HTML以及DIVCSS举例说明823图像处理软件1024动态编程语言103网站地图1131为何要建立网站地图1132我的网站地图114详细设计1241网站主体以及基本框架1

3、242网页部分细节的设计代码1343网站全部页面的图片以及主页代码235结束语556参考文献557致谢5541绪论网页WEBPAGE，是网站中的一页，通常是HTML格式（文件扩展名为HTML或HTM或ASP或ASPX或PHP或JSP等）。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。MMORPG游戏魔兽世界官方网站11网页简介什么是网页网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页（WEBPAGE）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必

4、须是与互联网相连的。网页经由网址（URL）来识别与存取,当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式（文件扩展名为HTML或HTM）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。512网页设计网页设计网站是企业向用户和网民提供信息包括产品和服务的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和

5、文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。一、明确建立网站的目标和用户需求WEB站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（CUSTOMER”为中心，而不是以“美术”为中心进行设计规划。在设计规划时我们会考虑建设网站的目的是什么为谁提供服务和产品企业能提供什么样的产品和服务网站的目的消费者和受众的特点是什么企业产品和服务适合什么样的表现方式（风格）二、网页设计总体方案主题鲜明在目标明确的基

6、础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。WEB站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的WEB站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。建立网站的要点网页设计的两大要点是整体风格和色彩搭配。一、确定网站的整体风格网站的整体风格及其创意设计是最难以学习的

7、。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。6风格STYLE是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。在这里，我提供给大家一些参考经验1将你的标志LOGO，尽可能的放在每个页面上最突出的位置。2突出你的标准色彩。3总结一句能反映贵站精髓的宣传标语4相同类型的图像采用相同效果，比如说标题字都采用

8、阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的二、网页色彩的搭配无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。2用两种色彩。先选定一种色彩，然后选择它的对比色。3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝

9、。在网页配色中，还要切记一些误区1不要将所有颜色都用到，尽量控制在三至五种色彩以内。2背景和前文的对比尽量要大绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。7制作网页的常见工具1、DREAMWEAVER,用与编辑HTML、ASP、JSP、PHP时的辅助工具2、FRONTPAGE跟DREAMWEAVER一样，不过个人感觉还是DREAMWEAVER好。3、FLASH网页需要画面流动时的首选择4、PS图象处理软件，一般网页都需要有图片的相搭配，PS是款很强大的工具。5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。我一般用PS6、FIREWORKS跟PS很象的一种处理软件，主要用

10、于制做动态图片格式。13网页设计现状（一）垃圾还是经典网页技术更新很快，一个网站的界面设计寿命仅仅23年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常的明显还有哪个设计者敢腆着脸说，这都是我自己的原创设计对于业界来说，经典只是个理念和象征（二）国内网页设计环境不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做

11、一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。（三）什么是好的网页设计（1）内容和功能决定表现形式和界面设计常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了，凭两句话，你就可以为客户做一个页面设计，以别人一些资深专家7、8年的设计经验，都不敢去做，真是偶像啊做网页设计，需要了解客户的东西很多1、建站目的2、栏目规划及每个栏目的表现形式及功能要求3、主色、客户性别喜好、联系方式、旧版网址、偏好网址4、根据行业和客户要求，那些

12、要着重表现5、是否分期建设、考虑后期的兼容性6、客户是否有强烈的建站欲望7、你是否能在精神意识上控制住客户88、面对你未接触的技术知识，你有底吗9网站类型等等当把这些内容都了解清楚了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。（2）界面弱化一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在05秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或FLAS

13、H网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。（3）模块化和可修改性强模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，LOGO、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做35类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般既能清

15、例DREAMWEAVER是个原本由MACROMEDIA公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有MAC和WINDOWS系统的版本。随MACROMEDIA被ADOBE收购后，ADOBE也开始计划开发LINUX版本的DREAMWEAVER了。DREAMWEAVER自MX版本开始，使用了OPERA的排版引擎“PRESTO“作为网页预览。要想学习制作网页，就要从软件DREAMWEAVER学起，下面我们来了解一下DREAMWEAVER的基础只是已经相关技术DREAMWEAVER的优点就是其制作效率。DREAMWEAVER可以用最快速的方式将FIREWORKS，

16、FREEHAND，或PHOTOSHOP等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。DREAMWEAVER能与您喜爱的设计工具，如PLAYBACKFLASH,SHOCKWAVE和外挂模组等搭配，不需离开DREAMWEAVER便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使DREAMWEAVER自动开启FIREWORK或PHOTOSHOP来进行编辑与设定图档的最佳化。另外DREAMWEAVER是唯一提供ROUNDTRIPHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HOMESITE和BBEDIT

17、等主流文字编辑器。帧FRAMES和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，DREAMWEAVER支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得DREAMWEAVER成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给THIRDPARTY厂商，包含ASP，APACHE，BROADVISION，COLDFUSION，ICAT，TANGO与自行发展的应用软体。当您正使用DREAMWEAVER在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML

18、DREAMWEAVER将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用DREAMWEAVER设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于CASCADINGSTYLESHEETS10的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在NETSCAPE和MICROSOFT浏览器上执行。使用不同浏览器检示功能，DREAMWEAVER可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时

19、，只要从DREAMWEAVER的网站在下载它的描述档，便可得知详尽的成效报告。22网页基本HTML代码网页HTML代码很多很多,主要是用于网站的建设、功能设计、美化等的一系列代码,下面举例一些常用的代码1贴图2加入连接写上你想写的字3在新窗口打开连接写上要写的字消除连接的下划线在新窗口打开连接写上你想写的字4移动字体走马灯写上你想写的字5字体加粗写上你想写的字6字体斜体写上你想写的字7字体下划线写上你想写的字8字体删除线写上你想写的字9字体加大写上你想写的字10字体控制大小写上你想写的字其中字体大小可从H1H5,H1最大，H5最小11更改字体颜色写上你想写的字其中VALUE值在000000与F

20、FFFFF16位进制之间12消除连接的下划线写上你想写的字13贴音乐14贴FLASH15贴影视文件16换行17段落段落18原始文字样式正文19换帖子背景20固定帖子背景不随滚动条滚动21定制帖子背景颜色VALUE值见1022帖子背景音乐23贴网页221静态网页HTML以及DIVCSS举例说明网页一般可以分为两大类静态网页和动态网页。静态网页是指在动态网页技术产生之前，用纯HTML代码来编写的网业，并保存为HTML或HTM的文件形式。这种用纯HTML代码编写的网页在制作完成后，任何人在任何时候采用任何方式浏览该页面，所看到的浏览结果都相同。因此，这种网页的内容更新较为繁琐，必须在设计制作好，然后

21、用专门的软件上传到服务器上才能更新。例如网站的栏目有些是长时间不变的，像这样的页面宜采用静态网页来实现，且浏览的速度比较快。静态网页适合于一些产品规格恒定不轻易变更的小规模公司，其作用主要是用于配合传统媒体作广告宣传。总之，静态网页适合于用来发布无需用户参与、无需定期更新的静态文本内容。随着网页技术应用的普及，人们对网页信息的及时更新提出了更高的要求。随着数据库和脚本技术如ASP、PHP和JSP的发展，越来越多的站点都开始采取动态的页面发布手段。比如，我们在GOOGLE上搜索信息时，将得到的一个搜索结果的页面文件，其实这个页面文件在GOOGLE服务器上并不存在，而是动态生成的。在WEB服务器应

22、用范围扩展以后，特别是一些新技术如CGI、ASP、PHP、JSP等的广泛应用，使WEB服务器可以与用户进行交互，按照用户的需要来动态地、即时地构造页面，这些动态构造的页面就称为“动态网页”。一般动态网页都需要配合数据库，以实现非常强大的功能，动态网页较常见的表现形式有；留言板、论坛、聊天室、计数器、校友录、网上购物等。相应的网页开发技术大体上也可以分为两大类静态网页技术和动态网页技术。制作静态网页主要使用HTML超文本标记语言，如果配合客户端脚本语言JAVASCRIPT，也能产生丰富的动态效果，从而可以满足大多数个人网站的需要。动态网页技术根据程序运行地点的不同，又可分为客户端动态网页技术和服

23、务器端动态网页技术。客户端动态网页技术又叫浏览器端动态网页技术不需要与服务器进行交互，实现动态功能的代码往往来用脚本语言的形式直接嵌入到网页中。服务器把网页发送到客户端以后，网页上的脚本程序可以在客户端浏览器中直接响应用户的动作，有些应用还需要浏览器安装组件支持。常见的客户端动态技术包括JAVASCRIPT、VBSCRIPT、JAVAAPPLET、FLASH、DHTML、12ACTIVEX、VRML等。服务器端动态网页技术需要服务器和客户端的共同参与。用户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生结果页面，再将它返回给客户端。一般涉及数据库操作的网页，如注册、登

24、录、查询、购物等应用，都需要设计强大的服务器端动态程序，并考虑各种可能出现的出错情况，以保证网站的交互性和安全性。典型的服务器端动态技术包括CGI、ASP、PHP、JSP等。关于DIVCSSDIVCSS是网站标准（或称“WEB标准”）中常用术语之一，DIVCSS是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（TABLE）定位方式，可实现网页页面内容与表现相分离。XHTML是THEEXTENSIBLEHYPERTEXTMARKUPLANGUAGE（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML基础上优化和改进的的新语言，目

25、的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIVCSS的方式实现各种定位。产生背景HTML语言自HTML401以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后发布了XML。XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXTENSIBLEMARKUPLANGUAGE）。但是XML过于复杂，且当前的大部分浏览器都

26、不完全支持XML。于是XHTML这种语言就派上了用场，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。而CSS关键就在于其与脚本语言（如JAVASCRIPT）及XML技术的融合，即CSSJAVASCRIPTXML（实际上有一种更好的融合XMLXSLJAVASCRIPT）但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。但鉴于我学习的是表格布局,本次的设计只运用了简单的CSS样式13223图像处理软件那么常见的图像处理软件非PS莫属P

27、S是电脑上的图像处理软件PHOTOSHOP的缩写。对于广大PHOTOSHOP爱好者而言，PS亦用来形容通过PHOTOSHOP等图形处理软件处理过的图片，即非原始、非未处理的图片。PHOTOSHOP是ADOBE公司旗下最为出名的图像处理软件之一。多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。如模版PSD等等图为PHOTOSHOP主界面

28、224动态编程语言动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是HTM、HTML、SHTML、XML等静态网页的常见形式，而是以ASP、JSP、PHP、PERL、CGI等形式为后缀，并且在动态网页网址中有一个标志性的符号“”。将动态网页的一般特点简要归纳如下（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；14（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；（4）动态网页中的“”对搜索引擎检索存在一定的问题，搜索

29、引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。编程语言PHP,ASP,JSP等等3网站地图网站地图，又称站点地图，它就是一个页面，上面放置了网站上所有页面的链接。大多数人在网站上找不到自己所需要的信息时，可能会将网站地图作为一种补救措施。搜索引擎蜘蛛非常喜欢网站地图。31为何要建立网站地图网站地图是一个网站所有链接的容器。网站地图就是根据网站的结构、框架、内容，生成的导航网页文件。大多数人都知道网站地图对于提高用户体验有好处它们为网站访问者指明方

30、向，并帮助迷失的访问者找到他们想看的页面。对于SEO，网站地图的好处就更多了1为搜索引擎蜘蛛提供可以浏览整个网站的链接；2为搜索引擎蜘蛛提供一些链接，指向动态页面或者采用其他方法比较难以到达的页面；3作为一种潜在的着陆页面，可以为搜索流量进行优化；4如果访问者试图访问网站所在域内并不存在的URL，那么这个访问者就会被转到“无法找到文件”的错误页面，而网站地图可以作为该页面的“准”内容。32我的网站地图首页网站首页轮滑起源轮滑的起源15平地花式平地花式轮滑简称平花极限轮滑花样轮滑轮滑装备极限轮滑平花轮滑速度轮滑精采瞬间关于酷轮吧隐私保护广告服务招聘信息联系我们4详细设计41网站主题以及基本框架在

31、大二的学习中已经接触到了网页这一块,当时就已经制作过自己的网站,可惜因为电脑重装资料不见了,很不幸的不能和大家分享,所以就以轮滑这个主题做了相关简单的网站网站主页16网站的页脚采用了主流的制作方式42网页部分细节的设计代码关于轮滑心情这一模块的自动滚动代码如下轻轻的溜着在拥挤的人群中似乎漫无目的的，脚步随着跳动的节奏而滑行，在人群中穿行。没有必要去注意周围的事物，只有自己在行云，只有音符在流水不知道在那一刻，曾经有这样的一个画面犹如流星般一闪而过人群中，一个跌跌怦怦的身影在晃动，像是海浪中摇摆的小船，于是快速的溜了过去，扶着即将翻到的小船，小船平稳的穿过了突如其来的人浪，而我也是时候继续自我的

32、陶醉了流动的身影也许吸引了人们异样的眼神欣赏也好诧异也罢都不曾是我们的脚步凌乱因为使我们飞扬的不是人们的异样的眼神而是我们年轻的心17曲终了，人也散了。我们还是在一起，没有牵着手，但是心中似乎有另外一双手在牵着。我在爱经过的地方结网，然后在角落里静静的盼望忘不了，南湖的初遇，东场的牵手，餐厅里的海阔天空，还有你意外的看到我出现你宿舍门前的眼神，当然也不会忘记和你一起去买花时莫名无措的心情，还有后来矛盾的心情你问我有没有想过出国，我说很想，又问我准备了吗我说没有，然后你说你要出国，就在最近那天晚上我第一次在晚上十二点后回宿舍，脑海里还隐约记得你临走前说过的话好好的珍惜你的现在和周围的朋友是的，我

33、的确应该好好的珍惜我的现在，现在，既是过去的未来，也是明天的起点，本来就该好好珍惜的也不知经历的多少个日出日落，度过了多少个初夏秋冬，只知道在某年某月某日，黄昏时分，偶然在路上碰见你了，当然，你也不会孤身而行了，不知道你是否注意到了我正从你的对面走过，我只知道那一刻，我抬起了头，挺直了腰，大步的往前走去轮滑心情模块自动滚动18网页模版代码欢迎来到酷轮吧0NNSUBSTRING0,PIFXDNFORI0X我们年轻的心2021222回到顶部关于酷轮吧隐私保护广告服务招聘信息联系我们网站地图20112012CHINAINTERACTIVESPORTSALLRIGHTSRESERVED重庆电子工程职业

34、学院本网站由软件系0910班学生提供技术支持客服及报障邮箱865565998QQCOM“/图为设计的模版23还有图片自动演示的功能代码“PARAMNAME“MOVIE“VALUE“PSERSWF“”上面这串代码,PSERSWF呢就是我做的FLASH自动播放了,在网页适当的位置插入这串代码,就到达预期效果了FLASH演示24新闻部分的设计还是用的表格定位,代码如下轮滑怎样避免有运动伤害新华网水运会极限比赛落幕精彩刺激受关注大众日报练习比比赛还精彩极限赛场魅力十足青岛早报“轮滑小子”腾空过十人竞报滑轮绝技深圳特区报好酷轮滑世界滑出健康新天地新华报业网爱玩轮滑的能一比高下了25图为新闻模块网页底部精

35、采瞬间的演示代码如下精彩瞬间2643网站全部页面的图片以及主页代码INDEX页面代码欢迎来到酷轮吧0NNSUBSTRING0,PIFXDNFORI0X我们年轻的心29AC_FL_RUNCONTENTCODEBASE,HTTP/DOWNLOADMACROMEDIACOM/PUB/SHOCKWAVE/CABS/FLASH/SWFLASHCABVERSION9,0,28,0,WIDTH,417,HEIGHT,374,SRC,PSER,QUALITY,HIGH,PLUGINSPAGE,HTTP/WWWADOBECOM/SHOCKWAVE/DOWNLOAD/DOWNLOA30DCGIP1_PROD_VE

36、RSIONSHOCKWAVEFLASH,MOVIE,PSER/ENDACCODE轮滑动态2009年轮滑世锦赛吉祥物、会徽、口号和会歌征集启事2009中国上海国际极限运动及运动时尚关于北京市2009年速度轮滑锦标赛规程等通知中国轮滑协会主席盛志国在全民健身日发布会讲话轮滑心情轻轻的溜着在拥挤的人群中似乎漫无目的的，脚步随着跳动的节奏而滑行，32在人群中穿行。没有必要去注意周围的事物，只有自己在行云，只有音符在流水不知道在那一刻，曾经有这样的一个画面犹如流星般一闪而过人群中，一个跌跌怦怦的身影在晃动，像是海浪中摇摆的小船，于是快速的溜了过去，扶着即将翻到的小船，小船平稳的穿过了突如其来的人浪，而我

37、也是时候继续自我的陶醉了流动的身影也许吸引了人们异样的眼神欣赏也好诧异也罢都不曾是我们的脚步凌乱因为使我们飞扬的不是人们的异样的眼神而是我们年轻的心曲终了，人也散了。我们还是在一起，没有牵着手，但是心中似乎有另外一双手在牵着。我在爱经过的地方结网，然后在角落里静静的盼望忘不了，南湖的初遇，东场的牵手，餐厅里的海阔天空，还有你意外的看到我出现你宿舍门前的眼神，当然也不会忘记和你一起去买花时莫名无措的心情，还有后来矛盾的心情你问我有没有想过出国，我说很想，又问我准备了吗我说没有，然后你说你要出国，就在最近那天晚上我第一次在晚上十二点后回宿舍，脑海里还隐约记得你临走前说过的话好好的珍惜你的现在和周围

38、的朋友是的，我的确应该好好的珍惜我的现在，现在，既是过去的未来，也是明天的起点，本来就该好好珍惜的也不知经历的多少个日出日落，度过了多少个初夏秋冬，只知道在某年某月某日，黄昏时分，偶然在路上碰见你了，当然，你也不会孤身而行了，不知道你是否注意到了我正从你的对面走过，我只知道那一刻，我抬起了头，挺直了腰，大步的往前走去33平地花式林洁潜力大水平高自由式轮滑发展值得期待海南省自由式轮滑赛落幕精彩表演助兴省运会成绩公告第三届上海国际自由式轮滑公开赛花式绕桩34成绩公告第三届上海国际自由式轮滑公开赛平地刹停极限花式轮滑怎样避免有运动伤害新华网水运会极限比赛落幕精彩刺激受关注大众日报练习比比赛还精彩极限

39、赛场魅力十足青岛早报“轮滑小子”腾空过十人竞报滑轮绝技深圳特区报好酷轮滑世界滑出健康新天地新华报业网爱玩轮滑的能一比高下了35精彩瞬间回到顶部关于酷轮吧隐私保护广告服务招聘信息联系我们网站地图20112012CHINAINTERACTIVESPORTSALLRIGHTSRESERVED重庆电子工程职业学院本网站由软件系0910班学生提供技术支持36客服及报障邮箱865565998QQCOM“/37以上为子页面图片385结束语经过一个多月的网页界面构思和界面功能的分布与实现,我的网站基本上完工了,网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的

40、优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。在以后的学习工作中,我一定会更加努力的学习网页的各方面的知识,争取做出更好的网页网站。6参考文献1顾群业网页设计山东美术出版社2殷辛段芸陈逢华3百度百科7致谢毕业设计的整个过程中，指导老师一直在帮助我、支持我，帮我找资料，在我遇到困难的想办法帮我解决；另外，其他同学也给了我很多帮助，在此一并向他们表示衷心的感谢

展开阅读全文