【摘要】随着21世纪互联网飞速成长，公共网页的发展也很迅速。利用网页来实现对一个学校的宣传已是大势所趋。伴随Internet应用技术的发展,人类已经进入了高速发展的网络时代。学校网站是学校信息化的重要体现,学校网络化也有助于学校与教师、家长、学生之间的互动交流。信息网络化促使信息文化传播方式发生变革;快速传输功能突破我们以为所使用的一些限制,使得人们可以更快、更多地了解学校信息。

本文首先介绍网站前端视觉上的设计思路，来迎合用户的阅读习惯和视觉享受。随后介绍对于一些具体内容功能的介绍，根据所学知识制作静态网站。其中主要包括研究背景、详细设计、功能实现等流程设计。网站第一步采用了jQ技术开头，在三个不同页面上分别进行学校风景，主页的链接，设计前期从网上浏览相关类型网站进行浏览学习，构思设计思路。网站设计目的希望对于一些外来访问者，能够迅速的查看学校的一些文件通知，学校新闻，浏览学校的师资力量，对于教师和学生来说可以及时从师生园地了解一些成绩和学校相关文件，对于一些学校问题可以通过相关的窗口进行反馈。论文还包含网站制作过程中的源码及图片的截图。

【关键词】Dreamweaver ；jQ ; js ; CSS ; Html ; 学校网站 ；网站制作

目录

摘要

Abstract

1绪论-1

1.1研究背景-1

1.2研究目标及主要内容-1

2网站设计需求-2

2.1网站开发目的-2

2.2网站开发环境-2

2.3功能性需求-2

2.4网站运行需求-3

3网站视觉设计-3

3.1网站色彩搭配-4

3.2网站文字格式应用-4

3.3网站logo设计-4

3.4网站导航条设计-5

3.5网站图片设计-5

3.5.1宣传图片设计-5

3.5.2教师图片设计-6

3.6网站快捷通道设计-6

3.7网站底部设计-7

3.8网站布局搭配-7

3.8.1主页排版-7

3.8.2其他页面排版-8

4网站内容设计-9

4.1网站设计步骤-9

4.2创建站点-10

4.3图片素材处理-10

4.3.1学校校徽制作-11

4.3.2宣传图片制作-11

4.3.3名师介绍图片制作-12

4.3.4站内其他图片制作-12

4.4 Fullpage内容设计-13

4.5主页内容设计-13

4.6二级界面内容设计-14

4.7三级界面内容设计-14

5网站的功能设计与实现-14

5.1框架设计-14

5.1.1fullpage框架设计-14

5.1.2主页框架设计-16

5.1.3二级界面框架设计-18

5.1.4三级界面框架设计-19

5.2网站的功能模块的设计-21

5.2.1导航条功能模块功能介绍-21

5.2.2校园新闻滚动图片功能介绍-22

5.2.3名师风采图片展览功能介绍-23

5.2.4师生登陆界面功能介绍-24

5.2.5反馈界面介功能绍-26

5.2.6滚动新闻功能介绍-28

5.2.7校风景功能介绍-28

6网页测试及效果展示-30

6.1测试的项目-30

6.2测试效果展示-30

总    结-33

参考文献-34

致    谢-35