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.0
var 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.0
var 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.01
var 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.0
var 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&fm=21&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> </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="images/about.jpg" width="224" height="166" /></td>
<td width="765" align="left" valign="top" bgcolor="lightpink"><p> </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> </a><a href="gongyiliuc.html"><font color=#000000>制作工艺</font> </a><a href="./caidan.html"><font color=#000000>菜单</font> </a><a href="./mdian.html"><font color=#000000>门店</font> </a><a href="./naichawenhau.html"> <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>
看到这里了就 [点赞+好评+收藏] 三连 支持下吧！
更多推荐
HTML5期末大作业：奶茶网页设计——奶茶店9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
发布评论