Part 1 设计理念
-作为成都师范学院计算机科学与技术学院的一名大三学生,为了响应学校的号召“青春”站“疫,共克时艰”,在寒假期间,在家自学html、css、Java、JavaScript、ps、Booststrap框架的知识并且使用已有的专业书籍,用Hbulder、Adobe Photoshop CS6、FireFox、等软件编写了一个成都师范学院关于疫情防控的主题网站,旨在提高成师学子对疫情的重视和防疫能力,网站能够发布相关防疫通知,最新新闻,学校关于防疫的工作安排等功能。
Part2 网页细节&功能
-分页式导航栏
*网页可以进行联网跳转到中国防疫控制中心,四川防疫控制中心等网站
*设有疫情通知、焦点新闻、疫情工作状态、疫情知识竞赛等功能模块
*点击图标可以分享网站至微信、QQ、Facebook等社交全平台
- 首页轮播部分
*轮播有三个成都师范logo的防疫宣传图(此处只展示了一个)
- 疫情通知栏
*设置了四个重要通知栏,分别是返校通知,防疫工作通知,寒暑假值班表、八号院项目采购公示(内容均来源与成都师范学院官网)
-疫情的焦点新闻&学校工作状态
*网站的核心部分 有近期的焦点新闻,各个学院的工作状态,点击图片跳转到相应链接
“疫情工作状态“ 板块图片是可以自动播放图片
(新闻素材均来自成都师范学院官网)
-网页特色部分
*网页的最后“举办”了一个肺炎知识的比赛,同学们可以进行后台报名。
*增加了学生留言互动板块,网页的交互性更强
]*防疫小知识模块,旨在同学们的防疫技能
-底部菜单栏
*内容全为原创,版权申明
Part3 备注
*设计的防疫网站涉及到成都师范的最新新闻,因此并没有上传到服务器,没有投入实际使用
*网页包含有很多动态样式,此word文法无法查看。
*防疫网站分辨率能在PC端,ipad、手机端(iphone Android)正常显示,以上为PC端运行效果,不同分辨率效果略微不同
*项目源码已经打包成压缩包上传,内容创意均为原创,如有需求,可以使用Hbulder、fireFox软件即可查看源码或者编译运行。