个人网站开发.doc

个 人 网 站 设 计【摘要】这篇论文是关于我的一个个人网站的设计，首先我先从网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品的大致流程来说明并演示的网站制作过程。本论文的每一章都是网站建设的一个大体步骤， 由于对网站开发并不是十分熟悉，论文避免不了有点拙劣。【关键词】：设计 策划 网站。目 录引言一、本网站设计规划和目的二、网站设计前期准备三、本站的制作过程1、引导页和首页的制作2、其它网页的制作四、网站的测试五、附录和经验总结 引言 网络发展到今天，建立网站已经成为一个很普遍的问题了，对于个人来说，建设好时间的个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备。在我的这个个人网站的制作过程中，我选择了我比较熟悉的家乡的内容做为我的网站的重要组成部分，这样相对相对于其他包括种类齐全的网站，我就有了一定的材料基础。这是我这个网站选择我的家乡为主题的原因之一。在整个网站的设计过程中，我根据自己以往的设计经验和自己找来的资料，又经过同学间的建议和交流，经过了近一个月的努力，最终做成了我的这个个人主题网站主页。 一、本网站设计规划和目的目的网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。本网站的结构和风格：网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。现在，只有高度简洁、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。 二、网站设计前期准备在网页的设计过程中，因人而宜，每个人使用的软件也许不同在这里，我们主要说的是Macromedia公司出品的“三剑客”。这“三剑客”包括Dreamweaver、Fireworks和Flash，其中，Dreamweaver是网页编辑软件，Fireworks是图形/图像处理软件，Flash是矢量动画编辑软件。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。Dreamweaver采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweaver自动完成。另外，还有一点值得说明的是，Dreamweaver可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。Fireworks的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。Flash是比较另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来了前所未有的便利。Flash提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。在我设计我的个人网站的过程中，我选择了Dreamwear8.0和Flash 8.0和 Fireworks8.0三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。 由于已经安装过了这三个软件，在此就不再介绍软件的安装过程了。其次就是对一些自己做网站需要的图片和文字材料的搜集过程 三、本站的制作过程1、动画主页的制作 主页的引导页主要是运用Flash8.0做的一个动画网页，里面主要运用了形状渐变动画、补间动画的一些技巧。当中还涉及一些遮罩层和引导层的运用。在编程语言的运用上，主要运用了javascript编程语言，实现了动画网页在本地网页之间的超链接。主页的制作 主页主要采用dreamweaver8.0制作，主要涉及一些表格的插入和运用，图片的滚动使用javascript语言来实现。最常见的就是网页中的超链接。右边的动态图像运用了一个层面板来实现图层的悬浮，里面的内容用一个动画相册来完成，主要是利用flash8.0中的相册模板来实现。2、其它网页的制作 主要是利用布局工具表格和层来完成，过程中主要利用对图片的处理（用Fireworks8.0），鼠标经过的图像变化，超链接按钮的设计和前期准本的一些图片材料和制作的一些动画。四、网站的测试做好后的网页主要在自己的电脑频繁调试，在不同的浏览器和分辨率下测试，找出出现图像扭曲和图片、文字位置变化的原因。调试的差不多时，拷到同学的电脑上进行第二次测试，基本没有什么问题时，开始把网站定型。五、附录和经验总结1、网站建设时搜集材料花费了好长的时间，应该在脑海里有个人主题网站构想时，在平常的其它网页和网站浏览时就应该准备收集相应的材料，分析其它网站和网页的风格，构建自己的网站、网页风格。2、相应的网页编程语言不是很熟悉，由于平时操作较少，真正制作起来出现了许多未想到的问题，造成了“眼高手低”的状况，也严重影响了网页的制作速度和效果。3、flash8.0的jav