HTML5期末大作业：奶茶网页设计——奶茶店9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

HTML+CSS+JavaScript（毕业设计）
常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, 可满足大学生网页大作业和毕业网页设计需求!

临近期末, 很多同学苦于没有参考的资料，或者下载的资料不全、代码有问题、数据有问题等等,造成一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
作品介绍

1.用 HTML 结构标记（或 div 标记）+CSS 进行布局定位（如在 1024×768下全屏显示无横向滚动条）。

2.作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网站页面标题、创意设计制作的 Logo 图标和 Banner 广告符合网站主题。

4.首页栏目数量不少于 3 个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。

5.网站内容具有原创性，内容充实，特效且运用合理。

6.网站整体色系符合视觉习惯，布局合理美观，结构层次清楚，目录结构清晰，文件及文件夹命名规范。

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE ><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一口奶茶</title>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}function MM_findObj(n, d) { //v4.01var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {background-color: pink;
}
.td {font-family: "宋体";font-weight: bold;color:deeppink;letter-spacing: normal;background-color:lavenderblush;
}
.tr {font-family: "宋体";color:black;background-color: lightpink;
}
.p {color:black;background-color:#FFFFFF;text-indent: 2px;font-size: 16px;}
a:link {color: #0000CC;text-decoration: none;
}
a:hover {color: #990000;text-decoration: underline;
}
-->
</style>
<link href="css/23.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:visited {text-decoration: none;
}
a:active {text-decoration: none;
}
.STYLE1 {font-size: 24px}
-->
</style></head><body onload="MM_preloadImages('images/09fa513d269759ee688d8b9bb2fb43166c22df85.jpg','images/1c950a7b02087bf48299f8b0f3d3572c11dfcf76.jpg','images/U9600P1332DT20130321154032.jpg','images/9f510fb30f2442a7dac52a97d243ad4bd113023c - 副本 - 副本.jpg','images/u=4165745054,3539089830&amp;fm=21&amp;gp=0.jpg','images/b7003af33a87e950a68a033c16385343faf2b4c5.jpg','images/267f9e2f07082838a22cb3e9ba99a9014c08f12e.jpg')">
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td height="30" align="right" bgcolor=pink><a href="yhzc.html"><font color=red>用户注册*</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="lxwm.html"><font color=#000000>联系我们</font></a></td></tr><tr><td height="40" align="center" bgcolor=#FFFFFF><table width="1000" border="0"><tr><td width="225"><img src="data:images/about.jpg" width="224" height="166" /></td><td width="765" align="left" valign="top" bgcolor="lightpink"><p>&nbsp;</p><p class="p">一口奶茶饮料有限公司——始建于1993年，2002年经改制后组建的有限公司,现有员工220余人
其中专科以上人员26人，占地面积2.7万平方米，日生产能力达300余吨，综合设计年生产能力10万吨，资信等级为AA+级，公司现有蛋白饮料果蔬汁饮一口奶茶饮料有限公司——始建于1993年，2002年经改制后组建的有限公司,现有员工220余</br>文化：XXX饮料文化体系，是从饮料多年的发展精髓与历史积淀中提炼而成。分为使命、愿景、核 心价值观和个人核心能力四个层面，形成自上到下、统一共识的文化价值，使全体加多宝同仁将其根 植于心，落实于行。
</p></td></tr></table></td></tr>
<tr><td height="40" align="center" background="pages/yswh.html" bgcolor="#00FF66" class="td" ><a href="index.html"><font color=#000000>网站首页</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="gongyiliuc.html"><font color=#000000>制作工艺</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="./caidan.html"><font color=#000000>菜单</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="./mdian.html"><font color=#000000>门店</font>&nbsp;&nbsp;&nbsp;</a><a href="./naichawenhau.html">&nbsp;&nbsp;&nbsp;&nbsp;<font color=#000000>奶茶文化</font></a></td></tr><tr></tr><tr></tr><tr></tr><tr><td height="30" align="left" bgcolor="#FFFFFF" class="td"><table width="1000" border="0"><tr><td width="686"><marquee><img src="./images/1.jpg" width="300" height="250" /> <img src="./images/2.jpg" width="300" height="250" /> <img src="./images/3.jpg" width="300" height="250" /> <img src="./images/4.jpg" width="300" height="250" /> <img src="./images/5.jpg" width="300" height="250" /> <img src="./images/6.jpg" width="300" height="250" /></marquee></td></tr></table></td></tr><tr><td height="40" class="td STYLE1">本店招牌：</td></tr><tr><td height="20"><table width="1000" border="0"><tr><td><img src="./images/2.jpg" name="Image11" width="480" height="360" border="0" id="Image11" /></td><td><img src="./images/5.jpg" name="Image6" width="480" height="360" border="0" id="Image6" /></td></tr><tr><td><img src="./images/6.jpg" name="Image13" width="480" height="360" border="0" id="Image13" /></td><td><img src="./images/4.jpg" name="Image12" width="480" height="360" border="0" id="Image12" /></a></td></tr><tr><td><img src="./images/3.jpg" name="Image9" width="480" height="360" border="0" id="Image9" /></a></td><td><img src="./images/1.jpg" name="Image10" width="480" height="360" border="0" id="Image10" /></td></tr></table></td></tr><tr><td height="30" align="center" bgcolor=#BABABA>版权所有(一口奶茶)</td></tr>
</table></body>
</html>

看到这里了就 [点赞+好评+收藏] 三连支持下吧！