# Project-03

**Repository Path**: witoree/project-03

## Basic Information

- **Project Name**: Project-03
- **Description**: 《HTML5与CSS3网页设计》项目3
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-03
- **Last Updated**: 2022-06-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 《红色研学旅行网站》项目计划书

**一、网站需求分析**

研学旅行继承和发展了我国传统游学、"读万卷书，行万里路"的教育理念和人文精神，成为素质教育的新内容和新方式。由学校根据学生年龄特点和各学科教学内容需要，组织学生通过集体旅行、集中食宿的方式走出校园，在与平常不同的生活中拓展视野、丰富知识，加深与自然和文化的亲近感，增加对集体生活方式和社会公共道德的体验。

配合相关教育部门政策推进的中小学生研学旅行活动，为学生追寻红色足迹，继承革命传统；传承红色基因，锻造革命精神提供方案；同时推广红色经典景点，帮助景点吸引更多的人驻足，提升景点的知名度和影响力。

**二、网站的目的及功能定位**

**1**** 、建站的目的**

搭建一个网络平台，帮助研学活动组织方选择景点、确定线路、制定方案等，帮助景点或基地展示自己的文化特色和活动承接能力。

**2**** 、网站的功能定位**

公益性：红色研学旅行门户网站

包涵的范围：集成了研学政策、研学资讯、研学景点、研学活动、友情链接等多个版块内容。

网站风格：定位为小型门户网站，结合用户的浏览习惯，风格以大众化为主。

**3**** 、预期效果**

让更多人了解红色研学活动，让更多人选择网站上的研学线路和研学景点。

**三、网站技术解决方案**

所需要的技术和软件平台如下表所示：

| 功能模块 | 技术和软件平台 |
| --- | --- |
| 界面原型图（设计稿）、思维导图 | Ps、Xmind等不限 |
| 网页制作平台 | HBuilder |
| 网站开发语言 | HTML5+CSS3+Javascript |
| 网站测试平台 | IE/Chrome/Firefox/Opera |

具体要求：

1. 项目开发采用企业敏捷开发流程，要有团队精神，遇问题商量，听从本项目小组负责人的安排。
2. 网站的结构要清晰，文件存储规范，代码规范。
3. 网站效果要求自适应电脑和移动设备，各主流浏览器均可正常访问。
4. 采用DIV+CSS布局，CSS样式必须为外部样式。
5. 必须有导航、级联子菜单、轮播动画、文本、图片、视频、链接等。
6. 网站内所有文字必须有实际意义。

**四、网页设计规划**

**1**** 、内容规划**

![](RackMultipart20210602-4-1lzugte_html_73ced70bc6b6c8a5.png)

**网站功能图**

**2**** 、界面设计**

作为红色研学旅行的小型门户网站，页面风格要求简洁严谨大方，配合红色精神的主题，配色可以选用红色、白色作为主色调。

**3**** 、布局设计**

**（**** 1 ****）设计首页布局**

| Logo |
| --- |
| 导航 |
| 轮播动画 |
| 视频区 | 文字区 |
| 图片区 |
| 版权区 |

**首页布局（参照）**

（2）设计一个通用子页布局

| Logo |
| --- |
| 导航 |
|
 |
|

| 子导航栏 |
| --- |
|
 |
|
 |
|
 |
|
 |


 | 内容展示区 |
| 版权区 |

子页布局（参照）

**五、网站项目开发流程及团队分工**

团队组成：项目经理1+技术支持1+网站设计2

| **开发流程** | **负责人** |
| --- | --- |
| 客户交流、索取资料、讨论方案定型 | 项目经理 |
| 设计稿制作与客户确认 | 项目经理、网站设计 |
| 网站演示版制作 | 技术支持、网站设计 |
| 网页制作 | 网站设计 |
| 网站测试、优化 | 技术支持 |
| 交付 | 项目经理 |