为华中科技大学生命科学与技术学院的项目组的同学写的项目官网,包括Home、Project、About等三个界面。
-
顶栏和底栏
- 顶栏随滚轮移动一直置顶,右边的HOME等点击进入相应页面。Project点击不能直接跳转页面,鼠标悬停在上面时,触发此标题下细分的选项,再点击进入。
- 底栏显示学校、联系方式、版权。
-
Home页
- Home页由brief Introduction、Our Values、Results等部分组成,其中Results部分可点击切换。
-
Project页
- Introduction: 由一段introduction和华中科技大学地图组成,标题旁的文字可点击进入华中科技大学的谷歌地图。
- Results: 由各个副标题组成,点击标题显示内容。但因为图片过于巨大无法压缩,所以需多加载一会儿。
- Methods: 同样由各个副标题组成,同样需要一定加载时间。
- References: 显示所有referencs。
-
Outreach页
- 仅由标题和一段话以提示。
-
About页
- 包含该项目组成人员信息。
-
配置环境
- 下载wamp到服务器端或电脑端,然后将项目放到指定目录。不同操作系统请注意差别!!!
- 在服务器安全组中的入站规则中添加规则,开放80端口。
- wamp配置文件httpd.conf(该文件请注意不同操作系统可能有所差别)要设置能让外网访问,否则别的设备无法访问你的网站。
- 所有配置时可能出现的问题都可以百度解决。
-
维护 因为本项目是纯前端项目,不需要相应的维护,所以只需要注意不要对wamp进行一些不当操作。