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

HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)

news 文章来源：https://blog.csdn.net/weixin_42283461/article/details/139613077 2024/11/30 13:37:00

🎉不定期分享源码，关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取

一、作品介绍

🏷️本套采用HTML+CSS，使用Javacsript代码实现 图片轮播切换，共有4个页面。

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>曹氏鸭脖</title><link rel="stylesheet" href="css/style.css">
</head>
<body><nav><div class="nav"><div class="logo"><img src="img/logo1.png" alt=""></div><ul><li><a href="index.html" class="on">首页</a></li><li><a href="pp.html">关于品牌</a></li><li><a href="stores.html">店铺展示</a></li><li><a href="contact.html">联系我们</a></li></ul><div class="logo-2"><img src="img/logo2.png" alt=""></div></div></nav><div class="banner"><div class="tu"><img src="img/banner6.png" alt=""></div></div><div class="about"><div class="tu"><img src="img/about.png" alt=""></div><div class="tu-2"><img src="img/tu.png" alt=""><p>湖南曹氏鸭脖餐饮管理有限公司成立于2016年，是一家专业从事卤味食品经营和加盟培训的新型餐饮管理公司，旗下有“曹氏鸭脖”“曹司令”两大品牌，企业从经营卤菜的小摊开始逐步走向公司系统化经营，致力成为中国影响力的新派卤味餐饮管理企业。我们秉承规范管理，标准服务，合作共赢的经营理令，引进了大批优秀人才，组建了精干务实的管理团队，同时联手国内知名战略合作伙伴，通过运用先进的市场管理手段，整合各种优势资源，全面创造互利共赢的发展格局。多年来，我们以稳定良好的产品品质，优质的服务质量及良好的品牌形象，深受广大消费者喜爱，我们执忱欢迎五湖四海的朋友前来总部和各培训服务中心实地考察，品尝我们的美食!如果你执爱卤味事业，如果您想小本投资并成功创业，那么请您拨打加盟热线:400-618-3450，我们将以最大的热情期待您的来电!</p></div></div><div class="banner-2"><img src="img/banner7.png" alt=""></div><div class="banner-3"><img src="img/banner1.png" alt=""><img src="img/banner5.png" alt=""><img src="img/banner3.png" alt=""><img src="img/banner4.png" alt=""><img src="img/banner5.png" alt=""></div><div class="product"><h2><span>产品</span>中心</h2><p>PRODUCT CENTER</p><div class="tu"><img src="img/caipin1.png" alt=""><img src="img/caipin2.png" alt=""><img src="img/caipin3.png" alt=""><img src="img/caipin4.png" alt=""></div><h3><span><</span><span>></span></h3></div><footer><img src="img/footer.png" alt=""><div class="tx"><h2>曹氏鸭脖</h2><h2>400-618-3450 <span>（点击拨打）</span></h2><div class="tab"><a href="pp.html">关于品牌</a><a href="stores.html">店铺展示</a><a href="contact.html">联系我们</a></div><div class="cop">Copyright2022湖南曹氏鸭脖餐饮管理有限公司 版权所有 湘ICP备16019844号-251LA统计 技术支持:鱼竹科技 站点地图</div></div></footer><script src="./js/script.js"></script>
</body>
</html>

五、源码获取

🥇 ~ 关注我，点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
💙2.想要获取本文源码，点击前往吧

相关文章：

HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)

&#x1f389;不定期分享源码&#xff0c;关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 &#x1f3f7;️本套采用HTMLCSS&#xff0c;使用Javacsript代码实现 图片轮播切换&#xff0c;共有4个页面。 二、…...

编程日记 2024/6/14 4:56:39

SCI二区|鲸鱼优化算法（WOA）原理及实现【附完整Matlab代码】

目录 1.背景2.算法原理2.1算法思想 3.结果展示4.参考文献5.代码获取 1.背景 2016年&#xff0c;S Mirjalili受到自然界座头鲸社会行为启发&#xff0c;提出了鲸鱼优化算法&#xff08;Whale Optimization Algorithm, WOA&#xff09;。 2.算法原理 WOA模拟了座头鲸的社会行为…...

编程日记 2024/6/14 4:55:38

人脸匹配——OpenCV

人脸匹配 导入所需的库加载dlib的人脸识别模型和面部检测器读取图片并转换为灰度图比较两张人脸选择图片并显示结果比较图片创建GUI界面运行GUI主循环运行显示全部代码 导入所需的库 cv2&#xff1a;OpenCV库&#xff0c;用于图像处理。 dlib&#xff1a;一个机器学习库&#x…...

编程日记 2024/6/14 4:54:37

韩顺平0基础学java——第22天

p441-459 异常exception 选中代码块&#xff0c;快捷键ctraltt6&#xff0c;即trt-catch 如果进行了异常处理&#xff0c;那么即使出现了异常&#xff0c;但是会继续执行 程序过程中发生的异常事件分为两大类&#xff1a; 异常体系图※ 常见的运行异常&#xff1a;类型转换…...

编程日记 2024/6/14 4:52:35

神经网络介绍及教程案例

神经网络介绍及教程&案例 神经网络&#xff08;Neural Networks&#xff09;是机器学习和人工智能中的一种关键技术&#xff0c;模仿了人类大脑的工作方式&#xff0c;能够处理复杂的数据和任务。以下是神经网络的一些基础介绍&#xff1a; 基本概念 神经元&#xff08;N…...

编程日记 2024/6/14 4:51:34

16个不为人知的资源网站,强烈建议收藏！

整理了16个不为人知的资源网站&#xff0c;涵盖了课程学习、办公技能、娱乐休闲、小说音乐等多种资源&#xff0c;强烈建议收藏&#xff01; #学习网站 1、中国大学MOOC icourse163.org/ 这是一个汇集了国内顶尖大学免费课程资源的平台&#xff0c;众多985工程院校如北京大…...

编程日记 2024/6/14 4:48:30

pandas获取某列最大值的所有数据

第一种方法&#xff1a; 按照某列进行由大到小的排序&#xff0c;然后再进去去重&#xff0c;保留第一个值&#xff0c;最终保留的结果就是最大值的数据 # 由大到小排序 data_frame data_frame.sort_values(bycolumn_a, ascendingFalse)# 按照column_b列去重保留第一条&#…...

编程日记 2024/6/14 4:39:20

App UI 风格展现非凡创意

App UI 风格展现非凡创意...

编程日记 2024/6/14 4:37:18

rocketmq-5.1.2的dleger高可用集群部署

1、背景 原先为5.0.0版本&#xff0c;因检查出有漏洞&#xff0c;升级到5.1.2版本。 【Rocketmq是阿里巴巴在2012年开发的分布式消息中间件&#xff0c;专为万亿级超大规模的消息处理而设计&#xff0c;具有高吞吐量、低延迟、海量堆积、顺序收发等特点。在一定条件下&#xf…...

编程日记 2024/6/14 4:35:15

无线网络与物联网技术[1]之近距离无线通信技术

无线网络与物联网技术 近距离无线通信技术WIFIWi-Fi的协议标准Wi-Fi的信道Wi-Fi技术的术语Wi-Fi的组网技术Ad-hoc模式无线接入点-APAP&#xff1a;FAT AP vs FIT AP Wi-Fi的特点与应用Wi-Fi的安全技术 Bluetooth蓝牙技术概论蓝牙的技术协议蓝牙的组网技术微微网piconet(了解)散…...

编程日记 2024/6/14 4:33:13

Codeforces Round 952 (Div. 4)

题解写到博客园了&#xff0c;懒得复制过来了了&#xff0c;放个链接 https://www.cnblogs.com/yxcblogs/p/18243276 推广一下自己记录的算法编程竞赛模板仓库 GitHub - yxc-s/programming-template: This repository contains C programming templates optimized for competi…...

编程日记 2024/6/14 4:31:11

spark MLlib (DataFrame-based) 中的聚类算法Bisecting K-Means、K-Means、Gaussian Mixture

Bisecting K-Means 核心原理&#xff1a; Bisecting K-Means 是一种层次 K-Means 聚类算法&#xff0c;基于 Steinbach、Karypis 和 Kumar 的论文《A comparison of document clustering techniques》&#xff0c;并对 Spark 环境进行了修改和适应。 该算法通过递归地将数据集…...

编程日记 2024/6/14 4:30:09

天降流量于雀巢？元老品牌如何创新营销策略焕新生

大家最近有看到“南京阿姨手冲咖啡”的视频吗&#xff1f;三条雀巢速溶咖啡入杯&#xff0c;当面加水手冲&#xff0c;十元一份售出&#xff0c;如此朴实的售卖方式迅速在网络上走红。而面对这一波天降的热度&#xff0c;雀巢咖啡迅速做出了回应&#xff0c;品牌组特地去到了阿…...

编程日记 2024/6/14 4:28:07

新疆在线测宽仪配套软件实现的9大功能！

在线测宽仪可应用于各种热轧、冷轧板带材的宽度尺寸检测&#xff0c;材质不限&#xff0c;木质、钢制、铁质、金属、纸质、塑料、橡胶等都可以进行无损非接触式的检测&#xff0c;在各式各样的产线应用中&#xff0c;有些厂家&#xff0c;需要更加详尽完备的分析信息&#xff0…...

编程日记 2024/6/14 4:27:06

考研计组chap3存储系统

目录 一、存储器的基本概念 80 1.按照层次结构 2.按照各种分类 &#xff08;41&#xff09;存储介质 &#xff08;2&#xff09;存取方式 &#xff08;3&#xff09;内存是否可更改 &#xff08;4&#xff09;信息的可保存性 &#xff08;5&#xff09;读出之后data是否…...

编程日记 2024/6/14 4:26:05

杨氏矩阵和杨辉三角的空间复杂度较小的解题思路

文章目录 题目1 杨氏矩阵题目2 杨辉三角 题目1 杨氏矩阵 有一个数字矩阵&#xff0c;矩阵的每行从左到右是递增的&#xff0c;矩阵从上到下是递增的&#xff0c;请编写程序在这样的矩阵中查找某个数字是否存在。 要求&#xff1a;时间复杂度小于O(N); 思路: 我们可以通过题目…...

编程日记 2024/6/14 4:24:02

【第六篇】SpringSecurity的权限管理

一、权限管理的实现 服务端的各种资源要被SpringSecurity的权限管理控制可以通过注解和标签两种方式来处理。 放开了相关的注解后在Controller中就可以使用相关的注解来控制了 JSR250注解 /*** JSR250*/ @Controller @RequestMapping("/user") public class UserC…...

编程日记 2024/6/14 4:23:00

未来工作场所：数字化转型的无限可能

探索技术如何重塑我们的工作环境与协作方式 引言 在21世纪的第三个十年&#xff0c;数字化转型已不再仅仅是科技公司的专利&#xff0c;它如同一股不可阻挡的潮流&#xff0c;深刻地渗透到了每一个行业的血脉之中。从灵活的远程办公模式到工作流程的智能化重构&#xff0c;技术…...

编程日记 2024/6/14 4:21:59

Landsat8的质量评估波段的一个应用

Landsat8一直是遥感界的热门话题。这不仅延续了自1972年以来NASA连续对地观测&#xff0c;而且这颗卫星为科学界带来了一些新的东西——质量评估波段&#xff08;the Quality Assessment (QA) Band&#xff09;。根据USGS Landsat Missions webpage&#xff0c;“QA通过标示哪个…...

编程日记 2024/6/14 4:20:57

OpenZeppelin Ownable合约 怎么使用

文章目录 智能合约的访问控制Ownable合约使用方法 智能合约的访问控制 熟悉OpenZeppelin的智能合约库的开发者都知道这个库已经提供了根据访问等级进行访问限制的选项&#xff0c;其中最常见的就是Ownable合约管理的onlyOwner模式&#xff0c;另一个是OpenZeppelin的Roles库&a…...

编程日记 2024/6/14 4:19:56

vue3框架基本使用(基础指令)

一、响应式数据 1.ref ref可以定义 基本类型的响应式数据&#xff0c; 也可以定义对象类型响应式数据 <template><h1>{{ name }}</h1><button click"test">修改姓名</button> </template><script setup lang"ts"…...

编程日记 2024/6/14 4:18:54

ubuntu20.04设置共享文件夹

ubuntu20.04设置共享文件夹 一&#xff0c;简介二&#xff0c;操作步骤1&#xff0c;设置Windows下的共享目录2&#xff0c;挂载共享文件夹3&#xff0c;测试是否挂载成功 一&#xff0c;简介 在公司电脑上&#xff0c;使用samba设置共享文件夹&#xff0c;IT安全部门权限不通…...

编程日记 2024/6/14 4:16:51

三十五、 欧盟是如何对法律政策环境进行评估的？

我国对于如何评估数据接收方所在法律政策环境尚无明确详细的指引&#xff0c;故在实践中&#xff0c;为了进一步提升合规水平&#xff0c;企业也可同步参考在数据隐私保护法治方面领先的欧盟标准。 在欧盟法院于 2020 年 7 月作出 Schrems II案件的判决后&#xff0c;为保证境外…...

编程日记 2024/6/14 4:15:50

项目实战--文档搜索引擎

在我们的学习过程中&#xff0c;会阅读很多的文档&#xff0c;例如jdk的API文档&#xff0c;但是在这样的大型文档中&#xff0c;如果没有搜索功能&#xff0c;我们是很难找到我们想查阅的内容的&#xff0c;于是我们可以实现一个搜索引擎来帮助我们阅读文档。 1. 实现思路 1…...

编程日记 2024/6/14 4:14:49

计算机视觉基础课程知识点总结

图像滤波 相关: 核与图像同向应用&#xff0c;不翻转。 卷积: 核在应用前翻转&#xff0c;广泛用于信号处理和深度学习&#xff08;现在常说的二维卷积就是相关&#xff09;。 内积: 向量化的点积操作&#xff0c;是相关和卷积的一部分。 模板匹配&#xff1a;通过在图像中…...

编程日记 2024/6/14 4:13:48

编译原理：语法分析

目录 引言上下文无关文法 CFG: Context-Free Grammar定义推导方法最左推导和最右推导 分析树分析树->抽象语法树常见的上下文无关文法文法设计二义性文法扩展巴科斯范式&#xff1a;EBNF extended Backus Normal Form 文法和语言分类相关术语直接推导推导*推导句型、句子、语…...

编程日记 2024/6/14 4:12:47

React 中的 Lanes

React 中有一个 Lane 的概念&#xff0c;Lane 就像高速路上的不同车道&#xff0c;具有不同优先级&#xff0c;在 React Lane 通过一个 32 位的二进制数来表示。越小优先级别越高&#xff0c;SyncLane 级别最高。用二进制存储的方式&#xff0c;可以通过逻辑操作快速判断 Lane …...

编程日记 2024/6/14 4:10:44

【复旦邱锡鹏教授《神经网络与深度学习公开课》笔记】线性分类模型损失函数对比

本节均以二分类问题为例进行展开&#xff0c;统一定义类别标签 y ∈ { 1 , − 1 } y\in\{1,-1\} y∈{1,−1}&#xff0c;则分类正确时 y f ( x ; w ) > 0 yf(x;w)>0 yf(x;w)>0&#xff0c;且值越大越正确&#xff1b;错误时 y f ( x ; w ) < 0 yf(x;w)<0 yf(x;…...

编程日记 2024/6/14 4:08:42

数组(C语言)(详细过程！！！)

目录 数组的概念 一维数组 sizeof计算数组元素个数 二维数组 C99中的变⻓数组 数组的概念 数组是⼀组相同类型元素的集合。 数组分为⼀维数组和多维数组&#xff0c;多维数组⼀般比较多见的是二维数组。 从这个概念中我们就可以发现2个有价值的信息&#xff1a;(1)数…...

编程日记 2024/6/14 4:07:40

视频生成模型 Dream Machine 开放试用；微软将停止 Copilot GPTs丨 RTE 开发者日报 Vol.224

开发者朋友们大家好&#xff1a; 这里是 「RTE 开发者日报」 &#xff0c;每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享 RTE&#xff08;Real-Time Engagement&#xff09; 领域内「有话题的 新闻 」、「有态度的 观点 」、「有意思的 数据 」、「有思考的 文…...

编程日记 2024/6/14 4:06:39

做网站必须用tomcat/什么网站都能进的浏览器

CODE大全告诉你java是否开始没落了&#xff01; 22 岁&#xff0c;对于一个技术人来说可谓正当壮年。但对于一门编程语言来说&#xff0c;情况可能又有不同。各类编程语言横空出世&#xff0c;纷战不休&#xff0c;然而 TIOBE 的语言排行榜上&#xff0c;Java 却露出了明显的颓…...

编程日记 2024/11/30 13:32:39

2017年做网站维护总结/软文营销定义

分享第一份Java基础-中级-高级面试集合 Java基础&#xff08;对象线程字符接口变量异常方法&#xff09; Java中级开发&#xff08;底层Spring相关Redis分布式设计模式MySQL高并发锁线程&#xff09; Java高级“程序猿”&#xff08;高并发Redis缓存分布式消息队列高可用微服务…...

编程日记 2024/11/30 11:31:17

上海建设银行公司网站/梅州网络推广

第12章 RSS阅读器 现象描述&#xff1a; 源代码运行后效果如图&#xff1a; 但是当点击任意一个ListItem后&#xff0c;本来应该打开浏览此Item详细内容的Activity&#xff0c;可是程序崩溃了&#xff0c;如图&#xff1a; 原因分析&#xff1a; 单步调试后&#xff0c;发现程…...

编程日记 2024/11/30 5:55:04

做网站需要用到什么技术/国外推广渠道平台

文章目录Java 最初版本只为最常用的数据结构提供了很少的一组类&#xff1a;Vector、 Stack、Hashtable、BitSet 与 Enumeration 接口。 随着 Java SE 1.2 的问世&#xff0c;设计人员感到是推出一组功能完善的数据结构的时机了。面对一大堆相互矛盾的设计策略&#xff0c;他们…...

编程日记 2024/11/30 5:35:54

php怎么做超链接到其他网站/常德政府网站市民留言

毕业前攻克这本基础书吧&#xff0c;虽然不一定做这个&#xff0c;但是这个方向还是很不错的。全书共计21章&#xff0c;这里主要记录要点和自己做的习题解答。 编译环境是debian6.0.6xfce4&#xff0c;用的ide是codeblocks 12.11&#xff08;刚发布&#xff0c;手感不错&#…...

编程日记 2024/11/30 0:48:01

美国疫情最新数据/手机网站关键词seo

<head> <base target"_blank" /> </head><body> <a href"http://www.w3school.com.cn">W3School</a> </body> 为页面上所有链接规定默认目标转载于:https://www.cnblogs.com/xlj-code/p/7327645.html...

编程日记 2024/11/29 20:36:59