山 西 信 息 职 业 技 术 学 院
毕 业 设 计
毕业设计题目：《我的大学》个人网站设计与制作
系 别： 信息管理系 专 业： 软件技术 班 级： 软件0802 学 号： 080211126 姓 名： 赵海鹏 指导教师： 张慧平
2010 年 4月
20日编号：
山西信息职业技术学院毕业设计
摘 要
随着教育信息化的发展,近年来，新一代的网络工具\个人网站\作为一种理想的网络信息交流方式进入中国后，受到了教育界的广泛关注。个人网站，如今正被越来越广泛的应用于教育教学实践中。
计算机网络已经全面深入运用在人类社会生活中。传统的个人介绍模式既有局限，又不是很完整，而信息时代下网络互动式交流突破了时间和空间上的限制，使得人们可以在不同时间、不同地点尽情的学习与交流，是对常规的介绍模式的一种必要补充。通过个人网站，可以及时的，准确而又快速的发布个人信息，让大家不需要面对面就能够相互了解，相互交流。网站就是许许多多网页、文本、图片、声音、图像等在一起，按照一定方式组织起来的集合体。
我所设计的是个人网站，选择的是个人博客类网站，也就是空间网站的设计，最主要是的是想让更多的人了解我的空间。在网页制作中，好的个人网站的设计。风格，着重于给浏览者以强烈的视觉冲击。我在制作的过程中运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。
选择本设计中运用了Dreamweaver、Flash、Fireworks等工具。
关键词：网页 ；设计；思想；维护
1
山西信息职业技术学院毕业设计
Abstract
With the development of information technology education, in recent years, a new generation of network tools \website\as an ideal way to enter the network information exchange to China by the education sector attention. Website, now being more widely used in education and teaching practice.
In-depth computer network has been used in human social life. Describes the traditional mode of both personal limitations, they are not complete, and interactive information exchange network era broke through time and space constraints, so people can at different times, different locations, enjoy learning and exchange, is the conventional introduced a necessary complement mode. Through the website, you can timely, accurate and rapid release of personal information, so you do not have face to face will be able to understand each other, exchange. Is that many web sites, text, images, sounds, images together, organized according to certain methods of collection. I designed a personal website, choose the type of personal blog sites, web site design is space, the most important is that more people want to know my space. Making a web page, good personal website design. Style, focusing on a viewer with a strong visual impact. I am in the process of making use of a powerful image photoshop and fireworks production and processing capabilities. Done a lot of picture making, which gives a strong sense of beauty. Titles using Flash for animation production, to give the viewer a strong dynamic era. The structure of the site completed by Dreamwave. Select this design using the Dreamweaver, Flash, Fireworks and other tools.
Keywords: Web; design; thought; maintenance
2
山西信息职业技术学院毕业设计
目录
第1章 引言 .................................................................................................................... 0
1.1设计思想 ............................................................................................................. 0 1.2开发工具的选用及介绍 ..................................................................................... 0 1.3 网页设计的色彩 ................................................................................................ 1 第2章 网站总体分析与设计 ........................................................................................ 2
2.1网站系统分析 ..................................................................................................... 2 2.2主页设计 ............................................................................................................. 2 2.3 背景设计 ............................................................................................................ 2 第3章 设计方案 ............................................................................................................. 2
3.1 Css简介 ............................................................................................................... 3 3.2表格说明 ............................................................................................................. 3 3.3 设计说明 ............................................................................................................ 4
3.3.1模板创建 ................................................................................................... 4 3.3.2页面制作 ................................................................................................... 4 3.4 静态网页的特点 ................................................................................................ 8 第4章 结束语 ................................................................................................................. 9 参考文献 ........................................................................................................................ 10 致谢 ................................................................................................................................ 11
3
第1章 引言
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet\海洋\中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好网站，提高网站知名度，我们精心策划了本网站。 1.1设计思想
因特网正在改变世界，由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的学校和社会其他部门都已经建立了网站，通过计算机网络实现宣传、交流及资源的整合。学校网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学校同处一室，共同讨论，共同共享。为了满足需求，本网站展示了我个人的爱好，和我在大学里的一些事情联系在一起说做成个人博客类网站。
首先来做以下系统分析，我做的我的大学个人网站是一个静态网站，里面稍加了点动态因素（用户登录、上传），要制作静态网页，首先先选一种设计网页的软件，我选择的是Dreamweaver软件，确定设计软件后，接下来就是设计网页了，在设计网页时，第一步先建个站点，便于统一管理，另外在结构上，运用模板和CSS样式，来统一定位网站的风格，这样也便以管理网站，设计网页是插入表格，定位表格时选择像素，这样在不同的分辨率下都不会变形。通过定位网站设计的风格和网站设计的整体性，在网站设计风格上要有相关网站的特色，例如我的大学个人网站设计的思想一切从个人大学这个题目来展开，时刻要考虑这个因素。至于在网站设计的整体性来说，我所设计的个人网站采用模板和css样式来对网站的整体风格进行定位，这样就能方便对网站进行维护和管理。 1.2开发工具的选用及介绍
网页制作要用的软件一般分为网页制作和图像处理两类，正确地选择它们将有利于提高我们的工作效率。对网页制作工具来说，首先，我们需要一个便捷的网页编辑工具，What You See Is What You Get（所见即所得）。常用的有Dreamweaver、Fireworks、Flash。
Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具，很容易上手，可以让你轻松地制作出自己的网页。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver制作出来的网页兼容性比较好，制作效率也很高，Flash用