• 这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」

项目：响应式零食网站项目 

作品描述：响应式零食网站HTML+CSS+JavaScript。主要包括的页面有网站首页，关于我们，产品中心，店面形象，新闻资讯，联系我们等多个页签。

视频链接：html+css写一个零食网站，源码请你直接拿走

实现技术：CSS+HTML+JS+H5+CSS3+jQuery；

作品演示

1.网站首页是这样的

 2.产品中心

3.网络营销

 4.案例展示

5.新闻资讯

6.联系我们

目录结构

代码展示

这里展示部分代码

<div class="barwrap clearfix">
	<a href="" class="logo"><img src="img/logo.png" /></a>
	<ul class="navbar">
		<li class="on">
			<a href="index.html">网站首页<b></b></a>
		</li>
		<li>
			<a href="">关于我们<b></b></a>
		</li>
		<li>
			<a href="details.html">产品中心<b></b></a>
		</li>
		<li>
			<a href="sale.html">销售网络<b></b></a>
		</li>
		<li>
			<a href="case.html">案例展示<b></b></a>
		</li>
		<li>
			<a href="news.html">新闻资讯<b></b></a>
		</li>
		<li>
			<a href="contact.html">联系我们<b></b></a>
		</li>
	</ul>
	<div class="div2">
		<h3>
			<strong>咨询服务热线</strong>
			<b>0551-88888888</b>
		</h3>
		<span class="zoom"><img src="img/zoom.png"/></span>
	</div>
</div>

做好的网页效果,如何通过发链接给别人看?

1.1解决部署上线~> 部署上线工具(永久免费使用)

1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~ 简单易懂, 简直神器 ~ 需要源码或者部署神器可在我主页联系获取

2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好~)

最后

博主为人老实，无偿解答问题，也会录制一些学习视频教同学们知识❤

如果对您有帮助，希望能给个👍/评论/收藏

您的三连~是对我创作最大的动力支持