外链论坛

 找回密码
 立即注册
搜索
查看: 56|回复: 3

html5学生dw网页设计大作业,hbuilder仿茅台集团网页设计模板

[复制链接]

2993

主题

119

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99159256
发表于 2024-7-27 20:43:51 | 显示全部楼层 |阅读模式

仿茅台集网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计。

网页有搜素框 导航栏 js照片轮播;

网页由网站首页,机构简介,机构发展历程,最新资讯动态构成

详细效果图展示:

首页html代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>茅台集团</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <link href="css/index.css" rel="stylesheet" type="text/css"/> <link href="css/base.css" rel="stylesheet" type="text/css"/> </head> <body> <!--顶部--> <div class="top"> <b><img src="images/logo.gif" /></b> <ul> <li> <a href="#">设为首页</a> <div class="line2"></div> <a href="#">保藏网站</a> <div class="line2"></div> <a href="#">联系咱们</a> </li> <div class="text2"> <input type="text" class="text" /> <input type="image" src="images/Button.gif" class="imag"/> </div> </ul> </div> <!--导航--> <div class="nav"> <ul> <li> <a href="index.html" > 首页</a> </li> <li> <a href="summary.html" > 机构简介</a> </li> <li> <a href="Products.html" >机构发展</a> </li> <li> <a href="News.html" >最新信息</a> </li> </ul> </div> <!--banner--> <div class="banner" style="width:1000px;margin:auto"> <ul> <p><img src="images/banner2.gif" /></p> <p><img src="images/banner3.gif" /></p> <div><span class="current"></span><span></span><span></span></div> </ul> </div> <!--整体容器--> <div class="Container"> <!--机构简介--> <ul class="summary_title"> <b><img src="images/icon.gif" /></b> <p>机构简介</p> <span>COMPANY INTRODUCTION</span> </ul> <div class="summary"> <b><img src="images/p3.gif" width="100" /></b> <ul> <p><span>中国贵州茅台酒厂(集团)有限责任机构</span>  中国贵州茅台酒厂(集团)有限责任机构(以下简叫作茅台集团)是国家特大型国有企业,总部位置于贵州遵义市茅台镇,平均海拔 423 米,占地约1.5万亩,其中茅台酒地理标志制品守护地域面积为15.03平方千米,员工3.6万余人。 </p> </ul> </div> <div class="Box"> <!--最新信息--> <div class="news"> <div class="news_title"> <b><img src="images/icon2.gif" /></b> <span>最新信息</span> <a>NEWS</a> </div> <div class="news_text"> <a href="#">MORE </a> <b><img src="images/p1.gif" width="200" /></b> <ul> <li><img src="images/Point.gif" />茅台集团举行辛丑年(2021)“端午祭麦”仪式 <span>[2021-6.17]</span> </li> <p>6月14日,农历五月初五,早上8时28分,茅台集团辛丑年(2021)“端午祭麦”仪式在“茅酒之源”酿酒工业遗址广场举行,这标志着辛丑年茅台酒制曲生产的起始。茅台集团党委委员、副总经理万波参加仪式。 </p> </ul> </div> <div class="clear"></div> </div> <!--联络咱们--> <div class="Contact"> <div class="news_title"> <span>联络咱们</span> <a>CONTACT US</a> </div> <div class="Contact_text"> <b><p><input type="submit" value="在线咨询" class="sub" /></p></b> <ul> <span></span> <li>机构叫作:中国贵州茅台酒厂(集团)有限责任机构</li> <li>机构位置:贵州省仁怀市茅台镇</li> <li>邮箱位置[email protected]</li> <li>邮政编码:564501 </li> </ul> </div> </div> </div> <!--底部--> <div class="clear"></div> <div class="bottom"> <ul> <li><a href="">首页</a></li> <li class="line"></li> <li><a href="">机构简介</a></li> <li class="line"></li> <li><a href="">机构发展</a></li> <li class="line"></li> <li><a href="">最新信息</a></li> <li class="line"></li> <li><a href="">视频</a></li> <li class="line"></li> </ul> <p class="bottom_text">版权所有:茅台集团</p> </div> </body> <script src="js/js.js" type="text/javascript"></script> </html>
回复

使用道具 举报

2886

主题

2万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979645
发表于 2024-10-9 05:38:15 | 显示全部楼层
楼主发的这篇帖子,我觉得非常有道理。
回复

使用道具 举报

3057

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108867
发表于 2024-10-9 09:16:39 | 显示全部楼层
对于这个问题,我有不同的看法...
回复

使用道具 举报

2987

主题

2万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96066070
发表于 2024-10-16 18:51:22 | 显示全部楼层
你说得对,我们一起加油,未来可期。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-5 20:48 , Processed in 0.073216 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.