全屏校园网页设计与制作

摘 要

在信息技术飞速发展的今天，人们可以通过互联网的方式获取更多的信息。而信息量丰富，视觉效果出色，使用起来便捷的网站网页可以吸引更多的浏览用户，所以网站网页设计尤为重要。互联网在政治、生活、经济等各个方面都扮演着一个重要的角色，是人们快速获取、发布和传递信息的重要渠道之一。

网站网页设计伴随着互联网的快速发展而快速兴起，作为用户上网的主要依托，因为网络的频繁使用使其变得非常重要。网页讲究的是排版布局，其主要功能就是为用户提供一种更快获取信息的方式，让用户能够通过网站提供的信息了解更多其他方面的知识，拓展视野。而面对日益加快的生活节奏及信息社会日新月异的变化，企业亟需要一种可以快捷，便利的平台来对外宣传企业形象，介绍公司最新研发的产品和及时优质的售后服务。如何通过运用现代化信息技术来完成这一目标，建立“一座顾客与企业之间畅通无阻的大桥”已成为各公司企业所要解决的重要课题之一。本项目设计过程中使用了Visual Studio Code、Photoshop、css3、div+css、Swiper4等相关技术，主要包括首页，简介，校训，办学历史和校园风景几块内容。

关键词：网页设计与制作 Visual Studio Code  Swiper4 前端开发

目 录

引 言 1

第1章 绪论 1

1.1设计背景与研究现状 1

1.2研究内容和目的 1

第2章 相关技术概述 2

2.1 HTML--超文本标记语言 2

2.2 CSS--层叠式样式表 2

2.3 CSS3--层叠式样式表 3

2.4 java script--脚本语言 3

第3章 开发工具及js框架 5

3.1 Visual Studio Code编译器 5

3.2 Photoshop 图像处理 5

3.3 Tinypng 图片压缩工具 5

3.4 jQuery概述 6

3.5 Swiper概述 6

第4章 网页总体设计 7

4.1设计意义 7

4.2 页面结构布局 7

4.3 详细设计 7

第5章 存在的问题及改进方法 20

参考文献 23

致    谢 24