网站校园网站设计毕业论文

专科毕业论文题目三联学院的校园网站设计

题目三联学院的校园网站设计

摘 要

随着信息技术的高速发展现代化的科学技术不仅改变了社会的生产方式和生活方式更加改变了人们的思维方式。 中国是世界上网名最多的国家这些网名上网查寻信息和资料离不开的就是网站人过将各种有用的信息通过网站发布出来然后给别人参考。 因此网站的建设在计算机应用的地位是显而易见的 既然说网站是如此的重要那么网站该如何建设就成了人们要解决的一大问题。 网站的建设主要要用到的一个非常重要的软件就是DreamWeaver通过运用这款软件的一些基本的功能加上一些VBScript或者JavaScript等一些语言、 ASP、超链接、 网页框架、 Flash动画等一些操作来完成一个网站的建设。现在我们就通过这一系列的操作来完成我们的校园网站的建设工作。

关键词 DreamWeaver、 Flash、 Fireworks、超链接

目 录

第一节引 言„„„„„„„„„„„„„„„„„„„„„„„„1

第二节网站的设计规划„„„„„„„„„„„„„„„„„„„„2

1. 1 网站建设的方向和目的„„„„„„„„„„„„„„„„„„„2

第三节网站前期工作的筹备„„„„„„„„„„„„„„„„„„3

第四节网站的制作„„„„„„„„„„„„„„„„„„„„„„4

4. 1首页的制作„„„„„„„„„„„„„„„„„„„„„„„4

4. 2 网上图书馆的制作„„„„„„„„„„„„„„„„„„„„7

4. 2. 1制作功能„„„„„„„„„„„„„„„„„„„„„„„7

4. 2. 2数据库的设计„„„„„„„„„„„„„„„„„„„„„7

4. 2. 3界面的设计和一些相关代码„„„„„„„„„„„„„„„8

4. 3考试成绩查分系统„„„„„„„„„„„„„„„„„„„„9

4. 3. 1 系 统 的 功能„„„„„„„„„„„„„„„„„„„„„„„10

4. 3. 2界面的设计和相关代码„„„„„„„„„„„„„„„„„„10

4.4 网站优化„„„„„„„„„„„„„„„„„„„„„„„„„

10

第五节结束语„„„„„„„„„„„„„„„„„„„„„„„11

第六节 实习心得„„„„„„„„„„„„„„„„„„„„„„„

11

第一节引言

网络发展到今天建立网站已经成为一个很普遍的问题了对于一个企业来说建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象直接开拓国际市场开展24小时网上营销及高效廉价的定向宣传与客户建立最直接的交流机制缩短推出新产品和打开新市场的周期与富有吸引力的客户群发展客户关系网与自己的销售人员保持联系进一步面向本地市场。

对于个人来说建设好时间的个性化网站可以更加方便的收集信息开展更加直接的网络交流使用自己构筑的友善平台我们可以为自己毕业后找工作做好充分的准备通过自己建设的网站用人单位可以更好的去了解你从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分这样相对相对于其他包括种类齐全的网站我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。

其次做为在校大学生我知道大学生现在对什么事物 内容活动等等感兴趣所以我做起来的时候相对来说是比较随手的我不用像其他的网站那样去刻意的收集信息 资料我只要在校园里稍微留意我就会捕捉到大学生的兴趣点。所以在整个网站的设计过程中我广泛的听取同学的意见和建议不断的改进和提高我的网站的内容和质量这些都取得了比较好的效果。

1

第二节网站的设计规划

1. 1网站设计的方向和目的

不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站以及一个大型门户网站和一个小型企业网站其出发点和建站目的都有所不同在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时我选择了和我们学校相关的网站建设。

本网站预计的用户群体对于网站的设计者和建设者来说在设计规划网站时必须要明确自己网站的浏览者也就是确定自己的用户群体。在已经确定了建设目的的前提下应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。

本网站的结构和风格网站的风格反映了一个网站的特色它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富如果网站的结构和风格不能吸引人那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架如果没有网站结构 网站将会变得一团糟。现在只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。

关于笨网站的建设的方向和内容方面我这个网站是关于三联学院的校园网站的建设所以在建设的方向上肯定和校园的建设、校园的动态、学校的一些结构方面来进行内容的完善和建设。

2

第三节网站前期工作的筹备

当你正真准备去建设一个网站的时候一些前期的工作是必不可少的 只有把这些前期的工作都准备稳当的时候在你建设网站的过程中才不会束手束脚。那么在建设网站之前需要筹备哪些工作呢。

网站的建设首先你的网站要有一些内容那么这些内容就要在你建设网站之前就给准备好所以第一件要准备的就是收集素材。那么前期的收集素材是需要你通过各种的途径把你在网站中的内容都给收集过来。 比如说学校的一些新闻动态、学校的一些内部结构呀这些都是很重要的

其次我们要做的就是在网站建设过程中所需要的软件在网页的设计过程中 因人而宜每个人使用的软件也许不同如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里我们主要说的是Macromedia公司出品的“三剑客”。

这“三剑客”包括Dreamweaver CS3、 Fireworks CS3和Flash CS3其中 Dreamweaver CS3是网页编辑软件 Fireworks CS3是图形/图像处理软件 Flash CS3是矢量动画编辑软件。 Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称这三个软件也不例外 它们是Macromedia公司专门为网页设计、制作开发的系列软件套件三者之间可以无缝集成能够有效地解决网络带宽问题是设计动画网页的最佳工具。

Dreamweaver CS3采用“所见即所得”的直观设计模式充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来 使用户只需专注于设计 而其余的工作由Dreamweaver CS3 自动完成。另外还有一点值得说明的是 Dreamweaver

3

CS3可以控制和删除冗余代码减小网页文件的大小。从而能够快速上传和下载。

Fireworks CS3的独特之处在于它能够优化、切分图片映射图并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件提供了一种革命性的新方法来创建WEB图形并且具有所有其他图形处理工具的诸多优点。 Fireworks CS3中的诸多功能都是面向WEB应用的 因此对于WEB设计新手来说也很容易学习的。

Flash CS3是比较另类、超前的一种网页动画制作软件 它不仅能够满足网页设计的诸多要求更为网页多媒体的使用者带来了前所未有的便利。 Flash CS3提供了广泛的平台支持 它不需要任何编程工作就能够制作出精彩的动态效果。 由于Flash CS3采用矢量图形格式来制作动画 因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点从而是浏览者能够快速的下载效果非凡的动画。

本人在网站的建设过程中所用到软件就是“网页三剑客”。

第四节网站的制作

4. 1首页的制作

首先我先和大家说一下如何进行首页的制作首先运行DreamwearCS3选择“文件”—“新建”—“创建基本页” , 选择“标准、扩展、布局”里的“布局” 接着选择旁边的“布局表格” 然后在空白页面上

按

我事先的规划画出如下布局

4

接着选择“布局”旁边的“绘制布局单元格”在刚刚绘制好的“布局表格”上绘制出单元格

如果只看两幅图似乎没什么区别但实际这是后一幅图比前一幅多了“绘制布局单元格” 这一点是非常重要的。接下来 回到“常用” --“标准” 选择“表格” 在最上面的布局里插入一行一列单元格 比例设为100如图

5