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

企业微网站建站/百度网盘私人资源链接

news 文章来源：https://blog.csdn.net/qq_47188967/article/details/135415689 2025/2/24 1:38:51
企业微网站建站,百度网盘私人资源链接,东莞网站建设it s,姑苏区最新通告前言 声明：该文章只是做技术分享，若侵权请联系我删除。！！ 感谢大佬的视频： https://www.bilibili.com/video/BV1vC4y1K7de/?vd_source5f425e0074a7f92921f53ab87712357b 使用技术：HTMLCSSJS（…

前言

声明：该文章只是做技术分享，若侵权请联系我删除。！！
感谢大佬的视频：
https://www.bilibili.com/video/BV1vC4y1K7de/?vd_source=5f425e0074a7f92921f53ab87712357b

使用技术：HTML+CSS+JS（静态网页设计）
主要内容：对贵州的美食进行介绍

主要内容

1、首页

首页用html标签分割成多个区域，每个区域都是用子div标签继续进行更加细致的分割，并且使用css设置样式，将每个区域想显示的效果用css设计出来，最后根据px单位进行划分，精准的分割页面格式化。
在这里插入图片描述

最上方使用li标签+css设计制作的菜单导航，还有使用js实现的轮播图，可以自动切换图片，
或者点击下方的按钮可以手动切换图片。
在这里插入图片描述
代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>贵州美食</title><link rel="stylesheet" type="text/css" href="css/index.css"><script type="text/javascript" src="js/index.js"></script>
</head>
<body><div class="t1"><img src="images/1.jpg" width="1024" height="215"></div><div class="daohang1"><ul class="daohang2"><a href="index.html">首页哦</a><a href="html/wh.html">美食文化耶</a><a href="html/qn.html">去哪儿吃啊</a><a href="html/cs.html">去吃什么呀</a></ul></div><div class="banner"><div class="banner_pic" id="banner_pic"> <div class="current"><img src="images/lg2.jpg" width="800" height="400" alt="" /></div><div class="pic"><img src="images/yrf.jpg" width="800" height="400" alt="" /></div><div class="pic"><img src="images/ht.jpg" width="800" height="400" alt="" /></div><div class="pic"><img src="images/sty3.jpg" width="800" height="400" alt="" /></div><div class="pic"><img src="images/sww.jpg" width="800" height="400" alt="" /></div><div class="pic"><img src="images/bbt3.jpg" width="800" height="400" alt="" /></div></div>	<ol id="button"><li class="current"></li><li class="but"></li><li class="but"></li><li class="but"></li><li class="but"></li><li class="but"></li></ol></div><div class="z1"><div class="t3"><img src="images/3.jpg" width="200" height="200"></div><div class="w1"><p class="w2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贵州，除了拥有山水的秀丽外，更让人难忘的是独具特色的美食。这里不仅有19度的夏天——凉都......更有馋人的美食——水城烙锅......</p><p class="w2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于政治、经济、文化等各种有利条件，我们这里有许多的少数民族，还有更多的风俗习惯，那我们贵州美食呢，便博采各地的精华，兼并有各民族饮食的风味，挖掘、继承历代宫廷小吃的技艺。</p><p class="w2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所以呐，贵州美食品种繁多、风味各异、麻辣鲜香，引来各地同胞品尝，最爱贵州美食了，嘿嘿！</p></div></div>	
</body>
</html>
2、美食文化节

该页面使用p标签和人span标签嵌入许多文本，将关于网站主题的介绍全部写到网页中，文字排版根据字数来进行，使用不会出现不协调的情况。在文字旁边，使用img标签嵌入一些图片，使得网页整体更加的美观。
在这里插入图片描述

代码：

<div class="z1"><h1>美食文化</h1><div><p class="w1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国是闻名世界的烹饪王国，菜点美食数以万计。不久前，电视片《舌尖上的中国》轰动了全国，乃至世界。那么，作为贵州人，不禁要问：舌尖上的贵州又会是怎样呢？贵州，山川秀丽，物产丰富，民族众多，饮食文化源远流长，异彩纷呈。贵州的民族民间菜不仅充分利用当地的特产，而且还深深的打上了民族饮食文化的烙印，贵州菜独具风味和民族特色。贵州的风味小吃以"香辣"、"麻辣"著称，不仅辣香醇厚、味美可口，而且色泽艳丽、造型优美。</p></div><img src="../images/7.png" height="215"><div><p class="w1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;各族人民在长期的生产实践中，创造了丰富多彩的饮食文化，调制出了许多历史悠久、加工独特、闻名遐迩的民族特色菜点。贵州是一个多民族聚居的民族大省，以农业经济为主，兼营畜牧业和养殖业。由于其居住地域的不同，在主、副食方面是有差异的。大体说来，居住在平坝、河谷地带的土家、布依、侗、壮、水等民族，水稻为主要的农作物，他们则终年以大米为主食。而居住在山区的彝、苗、仡佬等民族，水田极少，主要是旱地，以种植薯类和玉米、麦类为主，故在相当长的历史时期内是以小麦、玉米、土豆、荞麦等粗杂粮为主食。</p><p class="w1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贵州少数民族的家常菜几乎都以辣为佐料，当地人可以用一种或多种辣椒烹调出干辣、油辣、糟辣、酸辣、青辣、麻辣、蒜辣、酱辣、复合辣等十多种独具风味的系列辣味，仅用辣椒制作的调味就有几十种。同样是辣，三个吃辣出名的省份又有区别。四川是麻辣，湖南是干辣，而贵州是真辣。</p><img src="../images/8.png" width="1024"><p class="w1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贵州地区历来缺盐，勤劳、智慧的苗、侗等族人民，在长期的生活实践，摸索出了以酸代盐，以酸补盐的烹调艺术。少数民族都喜食酸菜，家家有酸汤缸，户户有腌菜坛，几乎天天用酸汤烹饪菜肴。酸菜的制作也很简单，即将青菜洗净，放入缸内用淘米水浸泡两三天即成。常见的酸菜有泡酸萝卜、酸豇豆、酸鸡、酸鸭、酸肉以及既辣又酸的盐酸菜、酸辣椒等。苗族、侗族的酸味菜特别有名，酸汤鱼就是一道著名的苗族风味菜，其做法是将酸汤加水、食盐煮沸，取鲜活鱼割去苦胆，入酸汤中煮制而成。肉嫩汤鲜，清香可口，佐以辣椒，酸辣香嫩，令人食欲大增。</p></div></div>
3、去吃什么呀

该页面使用html+css设计结构和样式，将图片img标签设计成排列整齐的卡片，有些还是卡片超链接，鼠标放上去卡片或者卡片上的文字会变色。
在这里插入图片描述

代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>贵州美食</title><link rel="stylesheet" type="text/css" href="../css/cs.css">
</head>
<body><div class="t1"><img src="../images/1.jpg" width="1024" height="215"></div><div class="dh1"><ul class="dh2"><a href="../index.html">首页哦</a><a href="wh.html">美食文化耶</a><a href="qn.html">去哪儿吃啊</a><a href="cs.html">去吃什么呀</a></ul></div><div class="t2"><img src="../images/8.png" width="1024" height="220"></div><div class="z1"><div><h1>去吃什么呀</h1><img src="../images/4.jpg"><h1>吃这些</h1></div><div><img src="../images/lg.jpg" width="300" height="225">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../images/yrf.jpg" width="300" height="225">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../images/ht.jpg" width="300" height="225"></div><div><ul class="w2"><a href="lg.html">水城烙锅</a><a href="yrf.html">羊肉粉</a><a href="ht.html">威宁火腿</a></ul></div><div><img src="../images/sty.jpg" width="300" height="225">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../images/sww.jpg" width="300" height="225">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../images/bbt.jpg" width="300" height="225"></div><div><ul class="w2"><a href="sty.html">酸汤鱼</a><a href="sww.html">丝娃娃</a><a href="bbt.html">波波糖</a></ul></div></div><div class="z2"></div>
</body>
</html>

总结

想要看具体效果的同学，可以访问这个链接：
https://www.bilibili.com/video/BV1vC4y1K7de/?vd_source=5f425e0074a7f92921f53ab87712357b
具体的代码也在该链接下。

相关文章：

静态网页设计——贵州美食（HTML+CSS+JavaScript）

前言 声明&#xff1a;该文章只是做技术分享&#xff0c;若侵权请联系我删除。&#xff01;&#xff01; 感谢大佬的视频&#xff1a; https://www.bilibili.com/video/BV1vC4y1K7de/?vd_source5f425e0074a7f92921f53ab87712357b 使用技术&#xff1a;HTMLCSSJS&#xff08;…...

编程日记 2024/1/8 0:27:35

imgaug库指南（六）：从入门到精通的【图像增强】之旅

引言 在深度学习和计算机视觉的世界里&#xff0c;数据是模型训练的基石&#xff0c;其质量与数量直接影响着模型的性能。然而&#xff0c;获取大量高质量的标注数据往往需要耗费大量的时间和资源。正因如此&#xff0c;数据增强技术应运而生&#xff0c;成为了解决这一问题的…...

编程日记 2024/1/8 0:26:35

stable diffusion 人物高级提示词（五）场景、特效、拍摄手法、风格

一、场景 场景Promptindoor室内outdoor室外cityscape城市景色countryside乡村beach海滩forest森林mountain山脉snowfield雪原skyscraper摩天大楼ancient monument古代遗迹cathedral大教堂library图书馆museum博物馆office building办公大楼restaurant餐厅street market街头市场…...

编程日记 2024/1/8 0:23:32

智能分析网关V4智慧港口码头可视化视频智能监管方案

一、需求背景 近年来&#xff0c;水利港口码头正在进行智能化建设&#xff0c;现场管理已经是重中之重。港口作为货物、集装箱堆放及中转机构&#xff0c;具有昼夜不歇、天气多变、环境恶劣等特性&#xff0c;安全保卫工作显得更加重要。港口码头的巡检现场如何高效、快捷地对…...

编程日记 2024/1/8 0:21:30

docker部署kibana

1&#xff0c;简介 官网 kibana 2&#xff0c;安装docker 参考 linux安装docker 3&#xff0c;准备 Kibana 配置文件 # 进入主节点配置文件目录 cd /export/server/docker/kibana/config # 编辑单机版配置文件 vi kibana.ymlkibana.yml内容 # 主机地址&#xff0c;可以是…...

编程日记 2024/1/8 0:20:29

【AI视野·今日CV 计算机视觉论文速览 第283期】Thu, 4 Jan 2024

AI视野今日CS.CV 计算机视觉论文速览 Thu, 4 Jan 2024 Totally 85 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computer Vision Papers LEAP-VO: Long-term Effective Any Point Tracking for Visual Odometry Authors Weirong Chen, Le Chen, Rui Wang, Marc P…...

编程日记 2024/1/8 0:19:28

sort实现自定义排序方法详解

使用 sort 实现自定义排序 目录 使用 sort 实现自定义排序1.sort 的基本用法2.sort 实现自定义排序3.结构体重载进行比较 1.sort 的基本用法 sort 库函数需要引入头文件algorithm,是一种排序算法&#xff0c;使用的排序逻辑可以看成是效率很高的快速排序或其的改进版本。平均时…...

编程日记 2024/1/8 0:12:22

【攻防世界】Reverse——secret-galaxy-300 writeup

由main函数查看相关代码&#xff0c;但是代码中并没有直接的关于flag的信息&#xff1a; int __cdecl main(int argc, const char **argv, const char **envp) {__main();fill_starbase(&starbase);print_starbase((int)&starbase);return 0; } void __cdecl fill_sta…...

编程日记 2024/1/8 0:11:20

Github Copilot 快速入门

GitHub Copilot 是一个由 GitHub 推出的人工智能编程助手&#xff0c;旨在帮助开发者通过自动代码建议和补全来提高编程效率和质量。作为一个人工智能配对程序员&#xff0c;它能够理解你的代码意图&#xff0c;并提供相关的代码片段&#xff0c;以帮助你更快地编写代码。这种技…...

编程日记 2024/1/8 0:10:20

c# wpf 的触发器，触发器Trigger种类，每个触发器的使用说明

触发器是一种强大的声明性机制&#xff0c;用于根据指定条件更改控件的外观或行为。触发器主要分为以下几种类型&#xff1a; Property Trigger 说明&#xff1a;当绑定到控件某个依赖属性的值发生改变时&#xff0c;Property Trigger会执行预定义的一组设置。例如&#xff0c;…...

编程日记 2024/1/8 0:09:19

计算机毕业设计 SpringBoot的乡村养老服务管理系统 Javaweb项目 Java实战项目 前后端分离 文档报告 代码讲解 安装调试

&#x1f34a;作者&#xff1a;计算机编程-吉哥 &#x1f34a;简介&#xff1a;专业从事JavaWeb程序开发&#xff0c;微信小程序开发&#xff0c;定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事&#xff0c;生活就是快乐的。 &#x1f34a;心愿&#xff1a;点…...

编程日记 2024/1/8 0:08:18

AMP 通讯RPMsg

参考 RPMsg&#xff1a;协议简介_rpmsg协议-CSDN博客 【软件架构】【通信】S32G IPCF - 知乎 openamp https://www.cnblogs.com/sky-heaven/p/14085800.html virtualIO 虚拟化技术 — VirtIO 虚拟设备接口标准 - 知乎 Virtio-fs介绍与性能优化_guest docker Docker Docs 扫…...

编程日记 2024/1/8 0:07:17

【ECMAScript】WebSocket模拟HTTP功能的实践：Promise+WebSocket+EventEmitter+Queue

1. 前言 本篇将结合Promise、WebSocket、EventEmitter和Queue&#xff0c;做一次实践&#xff1a;用WebSocket来模拟HTTP的功能。先不用关心它的用处&#xff0c;就当一次对知识点的整合吧。 2. MockHTTP 方法说明request(params, callback?) 功能&#xff1a;发起请求&…...

编程日记 2024/1/8 0:04:14

Linux 软raid - - Barrier

什么是Barriers 在linux软raid中&#xff0c;用来处理正常IO和同步IO的并发问题&#xff0c;可以简单理解为专用于软raid的锁。 软raid在做resync/recovery&#xff0c;或者配置操作时需要raise 屏障&#xff0c;于此同时必须暂停正常IO。 barrier是可以被多次raise的一个计数…...

编程日记 2024/1/8 0:01:12

航空公司管理系统（迷你版12306）

要求 今天分享一个之前辅导留学生的作业&#xff0c;作业要求如下&#xff1a; Project E: Airways Management System Overall description: Your team is employed by an Airways company for the implementation of a computer system responsible for a large part of th…...

编程日记 2024/1/7 23:59:10

嵌入式硬件电路原理图之跟随电路

描述 电压跟随电路 电压跟随器是共集电极电路&#xff0c;信号从基极输入&#xff0c;射极输出&#xff0c;故又称射极输出器。基极电压与集电极电压相位相同&#xff0c;即输入电压与输出电压同相。这一电路的主要特点是&#xff1a;高输入电阻、低输出电阻、电压增益近似为…...

编程日记 2024/1/7 23:57:08

学习录

概述 这几年在迷茫中看了不少资料&#xff0c;有觉得写得很棒的&#xff0c;也有写的很糟糕的。所以一直想写这块的总结来进行归纳&#xff0c;同时也希望能给其他处于迷茫中的朋友提供一份高质量的资料列表(也许一个读者也没有)&#xff0c;以下清单个人觉得值得反复看以及思…...

编程日记 2024/1/7 23:56:07

MongoDB索引详解

概述 索引是一种用来快速查询数据的数据结构。BTree 就是一种常用的数据库索引数据结构&#xff0c;MongoDB 采用 BTree 做索引&#xff0c;索引创建 colletions 上。MongoDB 不使用索引的查询&#xff0c;先扫描所有的文档&#xff0c;再匹配符合条件的文档。使用索引的查询&…...

编程日记 2024/1/7 23:55:06

一文搞定JVM内存模型

鲁大猿&#xff0c;寻精品资料&#xff0c;帮你构建Java全栈知识体系 www.jiagoujishu.cn 运行时数据区 内存是非常重要的系统资源&#xff0c;是硬盘和 CPU 的中间仓库及桥梁&#xff0c;承载着操作系统和应用程序的实时运行。JVM 内存布局规定了 Java 在运行过程中内存申请、…...

编程日记 2024/1/7 23:54:05

月报总结｜Moonbeam 12月份大事一览

一转眼已经到年底啦。本月&#xff0c;Moonbeam基金会发布四个最新战略重点&#xff1a;跨链解决方案、游戏、真实世界资产&#xff08;RWA&#xff09;、新兴市场。其中在新兴市场方面&#xff0c;紧锣密鼓地推出与巴西公司Grupo RO的战略合作。 用户教育方面&#xff0c;为了…...

编程日记 2024/1/7 23:53:04

现有网络模型的使用及修改（VGG16为例）

VGG16 修改默认路径 import os os.environ[TORCH_HOME] rD:\Pytorch\pythonProject\vgg16 # 下载位置太大了&#xff08;140多G&#xff09;不提供直接下载 train_set torchvision.datasets.ImageNet(root./data_image_net, splittrain, downloadTrue, transformtorchvis…...

编程日记 2024/1/7 23:49:00

MacOS M1/M2 Go Debug 配置

前言 换电脑&#xff0c;Go 环境带来一些麻烦&#xff0c;耽误很多时间&#xff0c;稍作记录。 原始电脑是 Mac 旧款&#xff0c;CPU x86 构型&#xff0c;新电脑 M2&#xff0c;因为旧电脑里本地文件很多&#xff0c;为了简化搬迁&#xff0c;还是用了 Mac 自带的迁移&#x…...

编程日记 2024/1/7 23:46:59

paddlehub 文本检测使用

PaddleHub负责模型的管理、获取和预训练模型的使用。 参考&#xff1a;https://github.com/PaddlePaddle/PaddleHub/tree/develop/modules/image/text_recognition/chinese_text_detection_db_server import paddlehub as hub import cv2 # from utils import cv_show import…...

编程日记 2024/1/7 23:40:54

负载均衡概述

负载均衡 负载均衡 建立在现有网络结构之上&#xff0c;它提供了一种廉价有效透明的方法扩展网络设备和服务器的带宽、增加吞吐量、加强网络数据处理能力、提高网络的灵活性和可用性。 四层负载均衡 vs 七层负载均衡 四层负载均衡&#xff08;目标地址和端口交换&#xff09;…...

编程日记 2024/1/7 23:39:52

C# WinForm MessageBox自定义按键文本 COM组件版

c# 更改弹窗MessageBox按钮文字_c# messagebox.show 字体-CSDN博客 需要用到大佬上传到百度云盘的Hook类&#xff0c;在大佬给的例子的基础上改动了点。 应用时自己加GUID和ProgID。 组件实现&#xff1a; using System; using System.Collections.Generic; using System.L…...

编程日记 2024/1/7 23:37:50

基于SpringBoot微信小程序的宠物美容预约系统设计与实现

博主介绍&#xff1a;✌全网粉丝30W,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌ 主要内容&#xff1a;SpringBoot、Vue、SSM、HLM…...

编程日记 2024/1/7 23:33:47

在 docker 容器中配置双网卡，解决通讯的问题

目录 1. 查看当前网络信息 2. 创建自定义网络桥 3. 创建双网卡模式 4. 删除默认网卡 已经创建好了的 Docker 容器&#xff0c;要修改它的IP比较麻烦&#xff0c;网上找了几种不同的方法&#xff0c;经过试验都没有成功&#xff0c;下面通过配置双网上来解决 IP 的问题。…...

编程日记 2024/1/7 23:29:43

uniapp中uview组件库CircleProgress 圆形进度条丰富的使用方法

目录 #内部实现 #平台差异说明 #基本使用 #设置圆环的动画时间 #API #Props 展示操作或任务的当前进度&#xff0c;比如上传文件&#xff0c;是一个圆形的进度环。 #内部实现 组件内部通过canvas实现&#xff0c;有更好的性能和通用性。 #平台差异说明 AppH5微信小程…...

编程日记 2024/1/7 23:27:42

Linux操作系统基础(12)：Linux的Shell解释器

1. Shell的介绍 在Linux中&#xff0c;Shell 是一种命令行解释器&#xff0c;它是用户与操作系统内核之间的接口&#xff0c;它负责解释用户输入的命令&#xff0c;并将其转换成系统调用或其他操作系统能够执行的指令。 Shell 提供了一种交互式的方式来与操作系统进行通信&am…...

编程日记 2024/1/7 23:23:37

Android开发编程从入门到精通，安卓技术从初级到高级全套教学

一、教程描述 本套教程基于JDK1.8版本&#xff0c;教学内容主要有&#xff0c;1、环境搭建&#xff0c;UI布局&#xff0c;基础UI组件&#xff0c;高级UI组件&#xff0c;通知&#xff0c;自定义组件&#xff0c;样式主题&#xff1b;2、四大组件&#xff0c;Intent&#xff0…...

编程日记 2024/1/7 23:22:34