当前位置： 首页 > article >正文

WEBSTORM前端 —— 第2章：CSS —— 第8节：网页制作2（小兔鲜儿）

article 2025/10/2 1:17:26

目录

1.项目目录

2.SEO 三大标签

3.Favicon 图标

4.版心

5.快捷导航（shortcut）

6.头部（header）

7.底部（footer）

8.banner

9.banner – 圆点

10.新鲜好物（goods）

11.热门品牌（brand）

12.生鲜（fresh）

13.最新专题（topic）

1.项目目录

【xtx-pc】

  • images 文件夹：存放固定使用的图片素材，例如：logo、样式修饰图等等
  • uploads 文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片
  • iconfont 文件夹：字体图标素材
  • css 文件夹：存放 CSS 文件（link 标签引入）
  • base.css：基础公共样式
  • common.css：各个网页相同模块的重复样式，例如：头部、底部
  • index.css：首页 CSS 样式
  • index.html：首页 HTML 文件

2.SEO 三大标签

①SEO：搜索引擎优化，提升网站百度搜索排名

②提升SEO的常见方法：

  •  竞价排名
  • 将网页制作成html后缀
  • 标签语义化（在合适的地方使用合适的标签）

相关文章：

WEBSTORM前端 —— 第2章：CSS —— 第8节：网页制作2（小兔鲜儿）

目录 1.项目目录 2.SEO 三大标签 3.Favicon 图标 4.版心 5.快捷导航（shortcut） 6.头部（header） 7.底部（footer） 8.banner 9.banner – 圆点 10.新鲜好物（goods） 11.热门品牌（brand） 12.生鲜（fresh） 13.最新专题（topic） 1.项目目录 【xtx-pc】 ima…...

编程日记 2025/9/19 5:03:27

仓储车间安全革命：AI叉车防撞装置系统如何化解操作风险

在现代物流体系中，仓储承担着货物储存、保管、分拣和配送等重要任务。但现代仓储行业的安全现状却不容乐观，诸多痛点严重制约着其发展，其中叉车作业的安全问题尤为突出。相关数据显示，全球范围内，每年因叉车事故导致的…...

编程日记 2025/9/19 5:03:28

gin + es 实践 08

自动扩缩容 本文档详细介绍如何在Kubernetes环境中实现Go-ES应用的自动扩缩容，包括水平Pod自动扩缩容(HPA)、垂直Pod自动扩缩容(VPA)和集群自动扩缩容。 1. 自动扩缩容概述 自动扩缩容是指根据负载变化自动调整计算资源的过程，主要目标是：…...

编程日记 2025/7/8 13:57:42

在Postman中高效生成测试接口：从API文档到可执行测试的完整指南

引言 在API开发与测试流程中，Postman是一款高效的工具，能将API文档快速转化为可执行的测试用例。本文以《DBC协议管理接口文档》为例，详细讲解如何通过Postman实现接口的创建、配置、批量生成及自动化测试，帮助开发者和测试人员提升效率，确保接口质量。 一、准备工作：理…...

编程日记 2025/9/11 2:12:39

修改图像分辨率

在这个教程中，您将学习如何使用Python和深度学习技术来调整图像的分辨率。我们将从基础的图像处理技术开始，逐步深入到使用预训练的深度学习模型进行图像超分辨率处理。 一、常规修改方法 1. 安装Pillow库 首先，你需要确保你的Python环境中…...

编程日记 2025/9/19 5:03:28

2025.05.08-得物春招算法岗-第二题

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 02. 数字魔术分割 问题描述 LYA是一位数字魔术师，他有一个特殊的技能可以对任意一个正整数的数字进行重新排列，然后将排列后的数字序列分割成若干段，每段组成一个新的数字，最后…...

编程日记 2025/7/23 2:33:25

Node.js面试题

一、什么是Node.js？ Node.js 是一个开源的跨平台 JavaScript 运行时环境，允许开发者在服务器端运行 JavaScript 代码。它基于 Chrome 的 V8 JavaScript 引擎构建，能够高效地处理 I/O 操作，适合构建高性能的网络应用。 异步非阻塞&…...

编程日记 2025/8/15 3:24:21

Spring MVC Controller 方法的返回类型有哪些？

Spring MVC Controller 方法的返回类型非常灵活，可以根据不同的需求返回多种类型的值。Spring MVC 会根据返回值的类型和相关的注解来决定如何处理响应。 以下是一些常见的 Controller 方法返回类型： String: 最常见的类型之一，用于返回逻辑…...

编程日记 2025/8/5 2:46:19

Redis 主从同步与对象模型（四）

目录 1.淘汰策略 1.1 expire/pexpire（设置键的过期时间） 1.2 配置 1.maxmemory 2.maxmemory-policy 3.maxmemory-samples 2.持久化 2.1背景 2.2 fork 的写时复制机制 2.3 大 key 3.持久化方式 3.1 aof（Apped Only File&#xff09…...

编程日记 2025/9/19 5:03:29

Linux系列：如何用perf跟踪.NET程序的mmap泄露

一：背景 1. 讲故事 如何跟踪.NET程序的mmap泄露，这个问题困扰了我差不多一年的时间，即使在官方的github库中也找不到切实可行的方案，更多海外大佬只是推荐valgrind这款工具，但这款工具底层原理是利用模拟器&#xff…...

编程日记 2025/9/19 5:03:28

如何租用服务器并通过ssh连接远程服务器终端

这里我使用的是智算云扉 没有打广告 但确实很便宜 还有二十小时免费额度 链接如下 注册之后 租用新实例 选择操作系统 选择显卡型号 点击租用 选择计费方式 选择镜像 如果跑深度学习的话 就选项目对应的torch版本 没有的话 就创建纯净的cuda 自己安装 点击创建实例 创建之后 …...

编程日记 2025/9/19 5:03:27

Git的核心作用详解

一、版本控制与历史追溯 Git作为分布式版本控制系统，其核心作用是记录代码的每一次修改，形成完整的历史记录。通过快照机制，Git会保存每次提交时所有文件的完整状态（而非仅记录差异），确保开发者可以随时回…...

编程日记 2025/6/18 19:19:43

华为设备链路聚合实验：网络工程实战指南

链路聚合就像为网络搭建 “并行高速路”，既能扩容带宽，又能保障链路冗余，超实用！ 一、实验拓扑速览 图中两台交换机 LSW1 和 LSW2，PC1、PC2 归属 VLAN 10，PC3 归属 VLAN 30。LSW1 与 LSW2 通过 GE0/0/1、…...

编程日记 2025/9/19 5:03:30

AUTOSAR图解==＞AUTOSAR_TR_AIDesignPatternsCatalogue

AUTOSAR 人工智能设计模式目录 AUTOSAR传感器执行器与仲裁设计模式的深入解析与图解 目录 简介传感器和执行器模式 架构概述组件结构交互流程应用场景 多请求者或提供者之间的仲裁模式 架构概述组件结构仲裁流程应用场景 总结 1. 简介 AUTOSAR（AUTomotive Open Sy…...

编程日记 2025/9/19 5:03:28

linux基础操作4------（权限管理）

一.前言 今天我们来讲讲linux的权限管理，比如文件的权限，如果大家看过前面说的app逆向的frida，我们在手机里要给frida，我们都要设置一下chomd 777 frida ，这样就给了可执行权限，这就是这一章要讲的&#x…...

编程日记 2025/6/10 8:39:12

双系统电脑中如何把ubuntu装进外接移动固态硬盘

电脑：win11 ubuntu22.04 实体机 虚拟机：VMware17 镜像文件：ubuntu-22.04.4-desktop-amd64.iso 或者 ubuntu20.4的镜像 外接固态硬盘1个 一、首先win11中安装vmware17 具体安装方法，网上很多教程 二、磁盘分区 1.在笔…...

编程日记 2025/9/19 5:03:28

Nacos源码—Nacos集群高可用分析（三）

6.CAP原则与Raft协议 (1)CAP分别指的是什么 一.C指的是一致性Consistency 各个集群节点之间的数据，必须要保证一致。 二.A指的是可用性Availability 在分布式架构中，每个请求都能在合理的时间内获得符合预期的响应。 三.P指的是分区容错性Partition To…...

编程日记 2025/7/6 9:24:30

【C语言】程序的预处理，#define详解

一、预定义符号 二、#define 1.#define定义标识符 #define ＋ 自定义名称 ＋ 代替的内容 例： #define MAX 100 #define CASE break;case #define CASE break;caseint main() {int n 0;switch (n){case 1:CASE 2:CASE 3:CASE 4:}return …...

编程日记 2025/9/20 0:56:10

NVM完全指南：安装、配置与最佳实践

发布于 2025年5月7日 • 阅读时间：10分钟 💡 TL;DR: 本文详细介绍了如何完整卸载旧版Node.js，安装NVM，配置阿里云镜像源，以及设置node_global与node_cache目录，打造高效Node.js开发环境。 📋 目…...

编程日记 2025/9/20 0:56:00

（二）毛子整洁架构（CQRS/Dapper/领域事件处理器/垂直切片）

文章目录 项目地址一、Application 层1.1 定义CQRS的接口以及其他服务1. Command2. IQuery查询3. 当前时间服务接口4. 邮件发送服务接口 1.2 ReserveBooking Command1. 处理传入的参数2. ReserveBookingCommandHandler3. BookingReservedDomainEvent 1.3 Query使用Sql查询1. 创…...

编程日记 2025/9/20 0:55:54

基于大核感知与非膨胀卷积的SPPF改进—融合UniRepLK的YOLOv8目标检测创新架构

在当前目标检测领域中，YOLO系列模型因其优异的速度-精度平衡能力而被广泛部署于工业界与科研场景。YOLOv8作为该系列的最新版本，在主干网络与特征金字塔结构上进行了多项优化，进一步提升了其实时性与鲁棒性。然而，其核心组件—SPPF(Spatial Pyramid Pooling Fast)模块仍采用…...

编程日记 2025/8/24 19:41:40

基于SpringBoot网上书店的设计与实现

pom.xml配置文件 1. 项目基本信息(没什么作用) <groupId>com.spring</groupId> <!--项目组织标识&#xff0c;通常对应包结构--> <artifactId>boot</artifactId> <!--项目唯一标识--> <version>0.0.1-SNAPSHOT</ve…...

编程日记 2025/8/9 17:30:52

小程序多线程实战

在小程序开发中&#xff0c;由于微信小程序的运行环境限制&#xff0c;原生并不支持传统意义上的多线程编程&#xff0c;但可以通过以下两种核心方案实现类似多线程的并发处理效果&#xff0c;尤其在处理复杂计算、避免主线程阻塞时非常关键&#xff1a; 一、官方方案&#xff…...

编程日记 2025/8/19 13:08:56

如何修改MySQL数据库密码

文章目录 一、忘记数据库密码该如何修改1. 关闭数据库的服务2.跳过安全检查3. 重置密码4.查询用户是否存在5.退出验证密码是否正确 二、未忘记密码该如何修改密码1.直接修改密码2.登录mysql 时间久了&#xff0c;忘记数据库密码了。。。。。 一、忘记数据库密码该如何修改 1. …...

编程日记 2025/9/24 4:39:30

【Python】mat npy npz 文件格式

1、简介 MAT 文件和 NP&#xff08;.npy 或 .npz&#xff09;文件是两种不同的格式&#xff0c;用于存储数组数据。它们分别由 MATLAB 和 NumPy 开发&#xff0c;主要用于各自环境中的数据存储和交换。以下是这两种格式的主要区别&#xff1a; 1.1 格式和用途 MAT 文件&…...

编程日记 2025/9/24 4:39:26

SpringBoot快速入门WebSocket(​​JSR-356附Demo源码)

现在我想写一篇Java快速入门WebSocket,就使用 JSR-356的websocket,我想分以下几点, 1. websocket介绍, 1.1 介绍 什么是WebSocket&#xff1f;​​ WebSocket 是一种基于 ​​TCP​​ 的​​全双工通信协议​​&#xff0c;允许客户端和服务器在​​单个长连接​​上实…...

编程日记 2025/9/24 4:39:23

JDBC执行sql过程

1. 加载数据库驱动​ JDBC 通过 ​​驱动&#xff08;Driver&#xff09;​​ 实现与不同数据库的通信。驱动需提前加载到 JVM&#xff1a; 手动加载&#xff08;JDBC 4.0 前&#xff09;​​&#xff1a; Class.forName("com.mysql.cj.jdbc.Driver"); // MySQL 驱…...

编程日记 2025/7/16 17:19:31

VNC windows连接ubuntu桌面

✅ 步骤 1&#xff1a;安装 VNC 服务器 首先&#xff0c;我们需要在 Winux 系统上安装一个 VNC 服务器。这里我们使用 tigervnc 作为例子&#xff0c;它是一个常用的 VNC 服务器软件。 打开终端并更新你的软件包&#xff1a; sudo apt update安装 tigervnc 服务器&#xff1a;…...

编程日记 2025/7/19 20:03:09

CSS中的@import指令

一、什么是import指令&#xff1f; import 是CSS提供的一种引入外部样式表的方式&#xff0c;允许开发者在CSS文件中引入其他CSS文件&#xff0c;或者在HTML的<style>标签中引入外部样式。与常见的<link>标签相比&#xff0c;import 提供了一种更“CSS原生”的样式…...

编程日记 2025/6/26 2:46:54

【安装配置教程】ubuntu安装配置Kodbox

目录 一、引言 二、环境配置 1. 服务器配置​ 2. 必备组件​ 三、安装基础环境​ 1. 安装 PHP 8.1 及扩展​ 2. 安装 MySQL 数据库 3.安装 Redis&#xff08;可选&#xff0c;提升缓存性能&#xff09; 4. 配置nginx文件 4.1. 创建 Kodbox 站点目录​ 4.2. 编写 Ng…...

编程日记 2025/9/24 4:39:20