个人网站设计毕业论文.docx

《个人网站设计毕业论文.docx》由会员分享，可在线阅读，更多相关《个人网站设计毕业论文.docx（30页珍藏版）》请在第一文库网上搜索。

1、1概述21.1 网站设计的发展21.2 网站设计的前景21.3 网站设计的作用32总体规划41.1 1设计意念41.2 规划设计51.3 艺术性处理原则63具体页面的构思和实现过程73.1 网页设计制作规范73.2 网页的布局和结构73.3 3网页画面风格的设计93.4 页面的设计、制作开发94个人网站制作过程114. 1制作主页前的准备I14.2 确定网页的内容结构124.3 建立站点进行页面设计124.4 静态网页设计中的技巧与难点134.4.1 在线音乐制作难点134.5 聊天室的制作134.5.1 聊天室的界面规划134.5.2 聊天室的功能规划与设计144.6 留言板的设计215网站

2、的稳定性与调试275. 1网站的稳定性275.2网站的调试27总结28致谢29参考文献301概述1.1 网站设计的发展网站设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网站设计者的工作。在信息技术发展如此迅速的今天，网络快速走进了人们的生活，作为网络上的载体，网页的设计显的越来越重要了，在网络上，用户看到的是一个个精美的页面，可曾想过这些页面是怎

3、样做出来的呢？是网页设计者们。身处E时代的人们，如何设计一个吸引人的网站，是网页设计者的追求目标。在网络化的今天，网页在其中占有不可忽略的地位。无论是动态的网站还是静态的网站，都是由一个个活泼，生动，有趣的网页构成的。1.2 网站设计的前景网站设计可以说是一门实用设计艺术，它既包含了平面设计中的设计法则，如文字排版，图片制作等。也包含网页制作的其他要素：三维立体设计，静态无声图文，动态有声影像，智能交互效果的实现等。从事网站设计，必须首先从版面结构入手，从整体布局做起。而形成版式结构基本条件，是正文、标题、图片质和量的关系，文体的变化，文字量的合理搭配，图片的恰当配备，其他特殊效果的位置等等。

4、网站设计拥有传统的媒体的不具有的优势，例如能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相互交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么是形式呢？中国古典建筑形式就称为“形式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。如果没有主观的创造，就没有艺术，也不可能有今天的一切，当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不

5、用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。1.3 网站设计的作用每个网站的建设，首先应该从功能出发。功能是网站的目的所在，为了“个性”而牺牲功能上的需求，那就舍本求末了。而通常功能上的需求无非有：一、能够明确的表达一个网站的主题。二、能够容纳多种形式的内容。三、能够良好的适应不同的分辨率。其次要有一个清晰的网站结构。比如说，导航条要不要？个性一派说那东西人人在做，就显得太俗没个性，难显示出新潮。但导航条之所以有那么多人在用，是因为它给浏览者一个明确的结构，

6、方便人们查找自己所需的信息。从某种角度上说，大家都在用的东西就说明它确实被大家所接受。要清楚网站做出来是给每一个人普通用户看的，而不是用来孤芳自赏的。在美学类书籍上也这样讲过:艺术的个性要在人们所能接受的范围内，而并非天马行空。经常更新，给人以新意。设计技术的发展，带来了网页世界的繁荣。尤其在崇尚个性的今天，设计者们更是将页面设计表现的淋漓尽致。用户欣喜的看到那些僵化的设计模式正在被逐个打破，网页设计充满了生机。但是，作为网页设计者，不能一味的只追求个性的体现，还必须兼顾到用户的习惯，在体现自己的风格的同时，在功能上使用户更加方便。综上所述，各位可能也看出来了：网页设计要在满足网站功能，结构及

7、需求的基础上，做到尽量的美观。在常规中做出个性，在个性中表现常规。2总体规划1.1 设计意念1.1.1 计划制定制定建站计划往往是一件使个人、公司、企业、机关单位等头痛的事情，因为网站建设对他们来说，可供套用的经验几乎为零，希望能通过用户的服务制定计划提供一点参考意见。1.1.2 计划实施有了计划，还需要通过有效的实施才能达到预期目的，成功的投资当然需要回报。委托设计、进度控制、测试验收及网站开通后的日常维护，都是计划实施过程中关键的环节。1.1.3 总体设计总体设计的任务是从整体上对网站精心策划并确定网站的设计目标，在技术上合理规划设计指标，收集、整理、编辑网站内容，同时从访问者的角度设计划

8、分栏目。1.1.4 4界面设计界面设计涉及的范围极其广泛，根据个人、公司、企业、机关单位等对界面设计的不同要求需要，用户通常采用不同的设计方式，包括最简洁的模板填空、大众化设计、个性化设计以及整体要求极高的创意设计。1.1.5 功能设计设计定位不同的网站之间功能之间的差距很大，最简单的是静态页面，然后是充满动感的动态效果（有时也叫做动态页面，但与动态内容是不同的概念），还有与数据库结合的动态内容页面（通常所说的动态页面），功能最丰富的当然是能实现在线沟通的电子商务。1.2 规划设计不论是正规的商业网站还是个人网站，要想把网页搞得丰富多彩，吸引大量用户前来访问，网站规划设计是至关重要的。2. 2

9、.1网站的总体规划除非只设计一两个网页，否则网页制作应按网站来考虑，首先对网页内容进行划分设计。创建新网站最佳方法是先建立原型系统，再进行详细设计，最后正式实施。原型系统最主要的目标是学习、尝试采用不同的方法修改目标、更新形象。原型系统开发过程中要解决网站建设的一些基本问题，例如：(1)网站的结构；(2)新添文件与原有系统保持一致的措施；(3)信息的组织与管理；(4)存储信息的物理方法(采用数据库还是文件系统)；(5)文档版本控制(例如，如何确保多个用户同时编辑同一个文件)；(6)结构的完整性和一致性的维护方法。这些问题没有绝对正确的答案，只能根据实际情况进行选择。详细设计包括画面的布局、系统

10、的内部结构、实现方法和维护方法等。这些对于以后的系统开发和投资估计都有着极其重要的意义。进行详细设计时，最重要的是确定网站的运行模式。它仅仅是宣传性站或者随意性很强的个人站点，还是通过广告、销售等方式获利的点，设计的方式和内容有着很大的区别。对于商业网站，必须充分考虑财力、人力、计算机数目、网络连接方式、系统的经济效益、网站验证和用户反馈回复等诸多方面的问题。从长远角度考虑，必须准确地知道网站的目标和系统的资金投入。3. 2.2网站内容的开发影响网站成功的因素主要有网站结构的合理性、直观性，多媒体信息的实效性和开销等。成功网站的最大秘诀在于让用户感到网站对他们非常有用。因此，网站内容开发对于网

11、站建设至关重要。进行网站内容开发的要点包括：(I)HTM1文档的效果由其自身的质量和浏览器解释HTM1的方法决定。由不同浏览器的解释方法不尽相同，所以在网页设计时要充分考虑到这一点，让所有的浏览器都能够正常浏览。(2)网站信息的组织没有任何简单快捷的方法，吸引用户的关键在于总体结构的层次分明。应该尽量避免形成复杂的网状结构。网状结构不仅不利于用户查找感兴趣的内容，而且在信息不断增多后还会使维护工作非常困难。(3)图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息，产生更大的吸引力，但文本字符可提供较快的浏览速度。因此，图像和多媒体信息的使用要适中，减少文件数量和大小是必要的。(4)对任

12、何网站，每一个网页或主页都是非常重要的，因为它们能够给用户带去第一印象，好的第一印象能够吸引用户再次光临这个网站。(5)网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。在主页上注明更新日期及UR1对于经常访问的用户非常有用。(6)网页中应该提供一些联机帮助功能。比如输入查询关键字就可以提供一些简单的例子，甚至列出常用的关键字。千万不能让用户不知所措。(7)网页的文本内容应简明、通俗易懂。所有内容都要针对设计目标而写，不要节外生枝。文字要正确，不能有语法错误和错别字。2. 3艺术性处理原则3. 3.1主页的设计主页的设计主要是网页设计软件的操作与技术应用的问题。但是，要使主页

13、设计、制作得漂亮，必然离不开对主页进行艺术的加工和处理，这就要涉及到美术的一些基本常识。本文将介绍一些主页设计中经常涉及到的艺术处理原则，供各位在进行主页制作的时候参考。4. 3.2主页的美化主页的美化首先要考虑风格的定位。任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前主页的应用范围日益扩大，但归纳起来大体有这么几个大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业，应体现出不同的主页风格，就像穿着打扮，应依不同的性别以及年龄层次而异一样。例如:政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动

14、一些；文化教育部门的主页风格应该高雅大方,而商务主页则可以贴近民俗,使大众喜闻乐见。2. 3.3主页的风格主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些需要主页的设计和制作者具有一定的美术素质和修养。3具体页面的构思和实现过程2.1 网页设计制作规范一、在网站根目录中开设images子目录，根据需要再开设别的子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等。二、在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images的子目录用以放

15、置此栏目专有的图片文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。三、除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，2.2 网页的布局和结构一、在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免co1spanvrowspan两个标记，经验表明，这两个标记会带来许多麻烦。二、一个网页要尽量避免用一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者输入网址，首先要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用body标记，以便能够使这个大表格分块显示。三、排版中用户经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义ptext-indent:2em;然后给每一段加上vp标记，注意，一般情况下，请不要省略p结束标记。四、原则上，用户禁止用impwidth=?Height=?来人为干预图