学校网站制作.docx

学校网站制作.docx

《学校网站制作.docx》由会员分享，可在线阅读，更多相关《学校网站制作.docx（11页珍藏版）》请在冰豆网上搜索。

学校网站制作

学校网站的制作

【摘要】

近年来，学校网站的建设在学校掀起一股热潮，许多学校都建起了自己的网站，形成了一个覆盖全国的网络并通过专线与Internet连通。

这一方面加强了学校与国内外的联系，有利于及时了解国内的信息，有助于提高学校的科研教学水平；另一方面，校园网站的建立也方便了学生或者家长收集大量有效的信息。

学校网站也会发布大量的信息。

建设校园网站对每个学校来说都不是一件非常容易的事情,因此每个校园网站的设计、建设都要经过周密的论证、谨慎的决策和最后细致的施工。

【关键词】

学校网站信息发布

1绪论

本文主要介绍了学校网站的制作过程，和相关软件的使用，在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet的“海洋”中将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

2目的与意义

2.1目的

学校的目的是通过教学过程来培养人才，因此对教学过程提供直接支持应是校园的基本功能。

校园网站能发布大量的信息。

与Internet的联接也是校园网站的基本功能之一。

联接Internet可以使学校把目光投向更广阔的空间。

大大扩展师生获取知识的途径，网站上有大量的信息可以利用。

校园网的技术方案设计校园网的设计应尽量采用符合国际标准的、比较成熟的技术，兼顾网络技术的发展方向，选择结构化、可扩充、多用途的网络产品，保证学校网站在较长时间内不落后。

网络应坚持高效实用的原则，着眼于教学、科研、管理的实际需要，用有限的资金优先解决工作急需的问题。

通过此网站的设计，方便发布大量的信息。

2.2意义校全购大学生自己的购物网

学校网站是学生和教师的一个交流的平台，学生可以在网站上找到很多学习资料和一些就业的信息以及自己相关专业的一些最新信息，对学习有相当大的帮助，也可以和其他同学一起讨论。

学习也有乐趣。

教师也可以在学校网站上和同学交流，或者查找一些教学资料，大家也可以共享一些资源。

总之学校网站的作用是十分明显的。

此网站的主要功能就是发布信息。

3开发软件介绍

Dreamweaver介绍

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

4设计思路

通过静态网页的方式以文字展示学校的历史和背景，用图片展示学校的周围的环境，使得浏览者能够对学校有个大致的了解。

网站的主要功能既是发布相关的信息。

5制作前准备

在电脑磁盘中新建一个文件夹，然后将所有收集到的素材按照所需要求处理，使用photoshop将需要处理的图片进行处理，最后将处理好的照片放在这个新建的文件夹中。

然后开始制作网页。

网站规划与制作

6网站规划

6.1网站类型：

静态网页。

6.2使用软件：

dreamweaverphotoshop

6.3网站布局：

首页主要划分为5个区域，上、中、下三个大区，中间的大区再划分成三小区，共6个区域。

6.4网站风格：

图片结合文字，色彩丰富，主要是以发布信息为主的网站。

7网站详细制作

在准备工作做好之后就要开始对所有网页的制作了。

7.1首页的制作

要做的都是静态网页，首先新建一个html文件，第一步要先做好背景的处理，打开页面属性调整背景颜色此网页所使用的是淡灰色的背景，背景色调好之后然后就是划分区域，首页一共划分成6个区域，在顶部的是一张图片是学校的招牌。

图1

在导航条下方是中间的3个小区，左边的是其他系部的链接,如下图所示:

校全购大学生自己的购物网

图2

部分代码如下:

　所有系部

畜牧系

兽医系

宠物科技系

食品科技系

动物药学系

饲料科技系

经济贸易系

信息工程系

机电工程系