web静态开发之抗疫战线

2024-01-13 13:40
文章标签 开发 web 静态 战线 抗疫

本文主要是介绍web静态开发之抗疫战线,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

古早静态网页制作

  • 抗疫战线
    • 策划目的
    • 功能结构
  • 页面展示
    • 代码结构
    • 首页展示

抗疫战线

策划目的

打造一个新冠疫情专题网站,集收集最新各地新冠情况、普及防疫知识、不同地区最新疫情通知、抗疫人们作品于一体,力求让每一个人可以在该网站找到自己所需的一切新冠信息,以做到更好的防护。
配色:
在这里插入图片描述

网站的主要颜色为蓝色,代表科学和医疗,以此寓意着疫情会在全国人们的互相帮助下,在科学防疫的支撑下被战胜。
logo
在这里插入图片描述

logo也以蓝色来设计,但是没有用什么特殊改变,用最简单的文字来做logo,较适合知识科普网站,且蓝色象征科学、医疗,寓意疫情终会被战胜。

功能结构

在这里插入图片描述
首页:
拥有最新疫情分布、最新动态、指南工具、最新消息、最新研究,专业链接几个版面;
抗疫一线:
国内动态拥有国内近况、最新消息、最新研究、专业链接几个版面;
国外动态拥有国外疫情分布、最新动态、最新消息、最新研究,专业链接几个版面;
抗疫一线:
病毒专题拥有系统介绍、具体介绍、专业链接几个版面;
医疗专线拥有基础医疗、最新消息、最新研究、专业链接几个版面;
国家防控拥有最新政策、生产复工、最新消息、最新研究、专业链接几个版面;
智能工具拥有智能工具、最新消息、最新研究、专业链接几个版面;
生活在线:
生活指南拥有生活指南、注意事项、专业链接几个版面;
抗疫动态拥有暖心动态、乡里乡亲、专业链接几个版面;

页面展示

代码结构

在这里插入图片描述

首页展示

在这里插入图片描述

这篇关于web静态开发之抗疫战线的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/601655

相关文章

Eclipse+ADT与Android Studio开发的区别

下文的EA指Eclipse+ADT,AS就是指Android Studio。 就编写界面布局来说AS可以边开发边预览(所见即所得,以及多个屏幕预览),这个优势比较大。AS运行时占的内存比EA的要小。AS创建项目时要创建gradle项目框架,so,创建项目时AS比较慢。android studio基于gradle构建项目,你无法同时集中管理和维护多个项目的源码,而eclipse ADT可以同时打开

基于Springboot + vue 的抗疫物质管理系统的设计与实现

目录 📚 前言 📑摘要 📑系统流程 📚 系统架构设计 📚 数据库设计 📚 系统功能的具体实现    💬 系统登录注册 系统登录 登录界面   用户添加  💬 抗疫列表展示模块     区域信息管理 添加物资详情 抗疫物资列表展示 抗疫物资申请 抗疫物资审核 ✒️ 源码实现 💖 源码获取 😁 联系方式 📚 前言 📑博客主页:

Python应用开发——30天学习Streamlit Python包进行APP的构建(9)

st.area_chart 显示区域图。 这是围绕 st.altair_chart 的语法糖。主要区别在于该命令使用数据自身的列和指数来计算图表的 Altair 规格。因此,在许多 "只需绘制此图 "的情况下,该命令更易于使用,但可定制性较差。 如果 st.area_chart 无法正确猜测数据规格,请尝试使用 st.altair_chart 指定所需的图表。 Function signa

JavaWeb系列二十: jQuery的DOM操作 下

jQuery的DOM操作 CSS-DOM操作多选框案例页面加载完毕触发方法作业布置jQuery获取选中复选框的值jQuery控制checkbox被选中jQuery控制(全选/全不选/反选)jQuery动态添加删除用户 CSS-DOM操作 获取和设置元素的样式属性: css()获取和设置元素透明度: opacity属性获取和设置元素高度, 宽度: height(), widt

WDF驱动开发-WDF总线枚举(一)

支持在总线驱动程序中进行 PnP 和电源管理 某些设备永久插入系统,而其他设备可以在系统运行时插入和拔出电源。 总线驱动 必须识别并报告连接到其总线的设备,并且他们必须发现并报告系统中设备的到达和离开情况。 总线驱动程序标识和报告的设备称为总线的 子设备。 标识和报告子设备的过程称为 总线枚举。 在总线枚举期间,总线驱动程序会为其子 设备创建设备对象 。  总线驱动程序本质上是同时处理总线枚

JavaWeb系列六: 动态WEB开发核心(Servlet) 上

韩老师学生 官网文档为什么会出现Servlet什么是ServletServlet在JavaWeb项目位置Servlet基本使用Servlet开发方式说明快速入门- 手动开发 servlet浏览器请求Servlet UML分析Servlet生命周期GET和POST请求分发处理通过继承HttpServlet开发ServletIDEA配置ServletServlet注意事项和细节 Servlet注

手把手教你入门vue+springboot开发(五)--docker部署

文章目录 前言一、前端打包二、后端打包三、docker运行总结 前言 前面我们重点介绍了vue+springboot前后端分离开发的过程,本篇我们结合docker容器来研究一下打包部署过程。 一、前端打包 在VSCode的命令行中输入npm run build可以打包前端代码,出现下图提示表示打包完成。 打包成功后会在前端工程目录生成dist目录,如下图所示: 把

Sapphire开发日志 (十) 关于页面

关于页面 任务介绍 关于页面用户对我组工作量的展示。 实现效果 代码解释 首先封装一个子组件用于展示用户头像和名称。 const UserGrid = ({src,name,size,link,}: {src: any;name: any;size?: any;link?: any;}) => (<Box sx={{ display: "flex", flexDirecti

ROS2从入门到精通4-4:局部控制插件开发案例(以PID算法为例)

目录 0 专栏介绍1 控制插件编写模板1.1 构造控制插件类1.2 注册并导出插件1.3 编译与使用插件 2 基于PID的路径跟踪原理3 控制插件开发案例(PID算法)常见问题 0 专栏介绍 本专栏旨在通过对ROS2的系统学习,掌握ROS2底层基本分布式原理,并具有机器人建模和应用ROS2进行实际项目的开发和调试的工程能力。 🚀详情:《ROS2从入门到精通》 1 控制插

JavaWeb 学习笔记 spring+jdbc整合开发初步

JdbcTemplate类是Spring的核心类之一,可以在org.springframework.jdbc.core中找到它。JdbcTemplate类在内部已经处理数据库的建立和释放,可以避免一些常见的错误。JdbcTemplate类可直接通过数据源的应用实例化,然后在服务中使用,也可在xml配置中作为JavaBean应用给服务使用直接上一个实例步骤1.xml配置 <?xml version