/CampusMicrobiome

华科校园微生物-web项目

Primary LanguageHTML

CampusMicrobiome校园微生物

为华中科技大学生命科学与技术学院的项目组的同学写的项目官网,包括Home、Project、About等三个界面。

  1. 顶栏和底栏

    • 顶栏随滚轮移动一直置顶,右边的HOME等点击进入相应页面。Project点击不能直接跳转页面,鼠标悬停在上面时,触发此标题下细分的选项,再点击进入。
    • 底栏显示学校、联系方式、版权。
  2. Home页

    • Home页由brief Introduction、Our Values、Results等部分组成,其中Results部分可点击切换。
  3. Project页

    • Introduction: 由一段introduction和华中科技大学地图组成,标题旁的文字可点击进入华中科技大学的谷歌地图。
    • Results: 由各个副标题组成,点击标题显示内容。但因为图片过于巨大无法压缩,所以需多加载一会儿。
    • Methods: 同样由各个副标题组成,同样需要一定加载时间。
    • References: 显示所有referencs。
  4. Outreach页

    • 仅由标题和一段话以提示。
  5. About页

    • 包含该项目组成人员信息。
  6. 配置环境

    • 下载wamp到服务器端或电脑端,然后将项目放到指定目录。不同操作系统请注意差别!!!
    • 在服务器安全组中的入站规则中添加规则,开放80端口。
    • wamp配置文件httpd.conf(该文件请注意不同操作系统可能有所差别)要设置能让外网访问,否则别的设备无法访问你的网站。
    • 所有配置时可能出现的问题都可以百度解决。
  7. 维护 因为本项目是纯前端项目,不需要相应的维护,所以只需要注意不要对wamp进行一些不当操作。