第二个“完整”网页项目

青春“站”疫 共克时艰

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软件即可查看源码或者编译运行。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容