首     页 防控知识 辟谣专栏 疫情速递 设计方案 注     册

设计方案

一、网站总体规划说明:

1.网站的设计思路:以新冠肺炎防控为主题,用表格布将面划分为几个板块进行布局,采用以面为主的页面板式效果,采用方形的面来分割页面,基于模块的编排方式,页面清爽简洁。其中,首页通过色彩区分导航链接,显示更为直观。

2.网站的颜色搭配:全站以蓝白黄三色为主,蓝白色为占比较多,给人官方、和更新的感觉。黄色代表热情、温暖,望访问页面的时候不仅获得知识,也能获得一份安定感。

3.网站包含的页面:首页、防控知识、辟谣专栏、疫情速递、设计方案、注册。

4.各页面主要内容:

①首页:各个页面的导航链接、图片的鼠标经过以及登录表单;

②防控知识:关于新冠肺炎的防控知识长图以及《【武汉大学人民医院】2022 新型冠状病毒肺炎(2022-nCoV)防控手册》下载;

③辟谣专栏:近期辟谣新闻;

④疫情速递:近期疫情数据以及外链实时更新数据网站;

⑤设计方案:即本页,阐述自己整体网站建设的设计方案;

⑥注册:注册页,填写基本信息以及部分建议。

5.各页面之间的关系说明:

每个页面的头图均可以回到首页,导航条链接了各个页面。

首页主要提供进入各个页面的跳转作用;防控知识、辟谣专栏、疫情速递切合新冠肺炎防控主体,也是目前人们比较关注的三个点;设计方案阐述各个页面的设计思路;注册页则作为网站的基本内容进行信息的收集。

 

二、网站所用资源来源说明

首页导航图为自制图片,其他图片源于百度搜图、健康中国、国务院。

文字资料源于中国互联网联合辟谣平台,和部分百度搜索搜集。

 

三、网站所用技术说明

链接的使用:文字链接、图片链接、邮件链接、锚链接(每页右侧底部图标,回到顶部)、图像热区链接(在疫情速递图片左上角文字部分);

表格整体布局的使用:每一页都使用了该技术进行布局;

表单及表单验证的使用:在首页的登录页面和注册页面都使用了该技术;

CSS的使用:包括标题、底部文字及背景、常用文字、注册文字等;

DIV定位的使用:制作浮动回到顶部图标。

    版权所有 ©