1200字范文 > 大学生期末网页大作业：蛋糕甜品网站设计——餐厅美食蛋糕甜品推荐网页设计(4页) HTM

大学生期末网页大作业：蛋糕甜品网站设计——餐厅美食蛋糕甜品推荐网页设计(4页) HTM

时间：2019-02-16 11:58:37

HTML5期末大作业：餐饮美食蛋糕甜品网站设计——餐厅美食蛋糕甜品推荐网页设计(4页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

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

>>>🍅 点击进入🍅 >>>300例HTML期末大作业源码

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。总共4个页面。

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品布局：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：餐饮美食蛋糕甜品网站设计——餐厅美食蛋糕甜品推荐网页设计(4页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品作品介绍一、作品展示1.首页2.餐厅概念3.本周推出4.菜单二、文件目录三、代码实现四、web前端(学习资料)五、源码获取六、更多源码

一、作品展示

1.首页

2.餐厅概念

3.本周推出

4.菜单

二、文件目录

三、代码实现

<!doctype html><html><head><meta charset="utf-8"><title>绿茵阁</title><link href="style/index.css" rel="stylesheet" type="text/css"></head><body><div class="bigbox"><div class="nav"><div class="xiao-nav"><ul class="xiaoheng"><li></li><li></li><li></li></ul></div><ul class="nav-zi"><li class="nownav" id="aa" ><a href="#a1">首页<span><img src="images/diandian.png" width="9" height="9" alt=""/></span></a></li><li id="bb"><a href="#a2">餐厅概念<span><img src="images/diandian.png" width="9" height="9" alt=""/></span></a></li><li id="cc"><a href="#a3">本周主推<span><img src="images/diandian.png" width="9" height="9" alt=""/></span></a></li><li id="dd"><a href="#a4">菜单<span><img src="images/diandian.png" width="9" height="9" alt=""/></span></a></li></ul></div> <div class="smallbox1" id="a1"><div class="logo-zi"></div></div> <div class="banner"><div class="searchbox"><div class="search_butt" id="anniudj"></div><div class="form_hezi" id="ssbox"><input type="text" placeholder="输入关键字"><input type="button" value="搜索" id="ssbut"></div></div> <div class="yintao"><p>聚浓情尽欢笑</p></div><figure id="full_feature" class="swipslider"><ul class="sw-slides"><li class="sw-slide"><img src="images/banner1.jpg" width="1920" height="417" alt=""/></li><li class="sw-slide"><img src="images/banner-2.jpg" width="1920" height="417" alt=""/></li> <li class="sw-slide"><img src="images/banner-3.jpg" width="1920" height="417" alt=""/></li></ul><div class="logo"></div> </figure></div><div class="red-black" id="a2"></div><div class="xiasmallbox" ></div> <div class="maxbox" ><div class="xian-box"><div class="xian1"></div><div class="canting"> 餐 厅 概 念  <img src="images/dianidan.jpg" width="9" height="9" alt=""/></div><div class="xian2"></div></div><div class="gainian">广州市绿茵阁餐饮连锁有限公司成立于1989年<br>是中国最大的西餐连锁企业之一<br>品牌定位于贵族西餐本土化大众化和创新饮食文化是西餐市场化的创立者和西餐连锁化的缔造者<br>全国餐饮百强企业<br>全国100最佳特色餐厅</div><div class="xian3"></div><ul class="three-pic"><li><img src="images/page2-tu1.png" width="400" height="300" alt=""/></li><li class="tu2"><img src="images/page2-tu2.png" width="338" height="234" alt=""/></li><li class="tu3"><img src="images/page2-tu3.png" width="500" height="400" alt=""/></li></ul><div class="xian4" id="a3"></div>   <div class="xian5" ></div><div class="zhutui"> 本 周 主 推  <img src="images/dianidan.jpg" width="9" height="9" alt=""/></div><div class="xian6"></div><div class="dazhe">本周主推菜品一律八折<br>西餐和本土消费者的传统口味，不断进行菜品更新<br>保持出品的独创性之时融入文化元素扩张美食的吸引力，是发掘中国西餐元素的创始者餐厅<br></div></div> <div class="bolang"> <ul class="six-tu"><li class="aaa"><a href="#"><img src="images/one.png" width="178" height="178" alt=""/ class="one"></a><div class="hong-t"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div><h6><a href="#">芝士焗饭</a></h6></li><li class="bbb"><a href="#"><img src="images/two.png" width="178" height="178" alt=""/ class="two"></a><h6><a href="#">碳烤猪扒</a></h6><div class="hong-t2"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div> </li><li class="ccc"><a href="#"><img src="images/three.png" width="178" height="178" alt=""/ class="three"></a><h6><a href="#">黑椒牛柳</a></h6><div class="hong-t3"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div> </li><li class="ddd"><a href="#"><img src="images/four.png" width="178" height="178" alt=""/ class="four"></a><h6><a href="#">白雪千层慕斯</a></h6><div class="hong-t4"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div> </li><li class="eee"><a href="#"><img src="images/five.png" width="178" height="178" alt=""/ class="five"></a><h6><a href="#">秘制牛小排</a></h6><div class="hong-t5"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div> </li><li class="fff"><a href="#"><img src="images/six.png" width="178" height="178" alt=""/ class="six"></a><h6><a href="#">沙朗小排</a></h6><div class="hong-t6"><div class="heng-shang"></div><div class="heng-xia"></div><a href="#"><span>详情</span></a></div> </li></ul></div><div class="smallbox2"><div class="shuigui"></div><span class="shuigui"><img src="images/shuiguo.png" width="647" height="324" alt=""/></span><div class="video"><video src="images/vidio-bg.mp4" autoplay loop width="398" height="216" alt="" /></video><h5 id="a4">精选上等食材，用心烹制</h5></div></div><div class="smallbox3" > <div class="box03"> <div class="xian7"></div><div class="caidan"> 菜     单  <img src="images/dianidan.jpg" width="9" height="9" alt=""/></div><div class="xian8"></div></div><ul class="nav-xia"><li id="q1" class="nownav1">主食</li><li id="q2">缤纷小食</li><li id="q3">咖啡</li><li id="q4">套餐</li></ul><div class="juanjuan"></div><div class="three-tu-big"><ul class="three-tu"><li class="one1"><img src="images/tu1.png" width="380" height="300" alt=""/><div class="x-hong-1"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>惠林顿牛排沙拉</strong></li><li class="one2"><img src="images/tu2.png" width="380" height="300" alt=""/><div class="x-hong-2"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span> </div><strong>惠林顿牛排沙拉</strong></li><li class="one3"><img src="images/tu3.png" width="380" height="300" alt=""/><div class="x-hong-3"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>惠林顿牛排沙拉</strong></li></ul> <ul class="three-tu2"><li class="one1"><img src="images/xiaoshi-1.png" width="380" height="300" alt=""/><div class="x-hong-1"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>薯条拼盘</strong></li><li class="one2"><img src="images/xiaoshi-2.png" width="380" height="300" alt=""/><div class="x-hong-2"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span> </div><strong>草莓酸奶蛋糕</strong></li><li class="one3"><img src="images/xiaoshi-3.png" width="380" height="300" alt=""/><div class="x-hong-3"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>CUP CATE</strong></li></ul> <ul class="three-tu3"><li class="one1"><img src="images/kf-1.png" width="380" height="300" alt=""/><div class="x-hong-1"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>   美式咖啡</strong></li><li class="one2"><img src="images/kf-2.png" width="380" height="300" alt=""/><div class="x-hong-2"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span> </div><strong>   拿铁咖啡</strong></li><li class="one3"><img src="images/kf-3.png" width="380" height="300" alt=""/><div class="x-hong-3"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>   摩卡咖啡</strong></li></ul> <ul class="three-tu4"><li class="one1"><img src="images/tu1.png" width="380" height="300" alt=""/><div class="x-hong-1"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>惠林顿牛排沙拉</strong></li><li class="one2"><img src="images/tu2.png" width="380" height="300" alt=""/><div class="x-hong-2"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span> </div><strong>惠林顿牛排沙拉</strong></li><li class="one3"><img src="images/tu3.png" width="380" height="300" alt=""/><div class="x-hong-3"><div class="x-heng-shang"></div><div class="x-heng-xia"></div><span>详情</span></div><strong>惠林顿牛排沙拉</strong></li></ul> </div> </div>  <div class="red"></div><ul class="yejiao"><li><img src="images/black.png" width="71" height="10" alt=""/><br><span>绿茵阁（光谷天地店）<br>地址：洪山区关山大道光谷天地3楼<br>营业时间：早 8:00——晚11:00<br>订餐热线： 8231488</span></li><li><img src="images/black.png" width="71" height="10" alt=""/><br><span>绿茵阁（光谷国际店）<br>地址：洪山区民族大道光谷国际4楼<br>营业时间：早 8:00——晚11:00<br>订餐热线： 8231437</span></li><li><img src="images/black.png" width="71" height="10" alt=""/><br><span>绿茵阁（佳丽广场店）<br>地址：江夏区中山大道佳丽广场3楼<br>营业时间：早 8:00——晚11:00<br>订餐热线： 8231479</span></li><li><img src="images/black.png" width="71" height="10" alt=""/><br><span>绿茵阁（天紫广场店）<br>地址：武昌区中南一路天紫广场1楼<br>营业时间：早 8:00——晚11:00<br>订餐热线： 8231466</span></li> </ul> </div><div class="backtop"><a href="#a1">Top</a></div><ul class="yc-nav"><li><a href="#a1">首页</a></li><li><a href="#a2">公司概念</a></li><li><a href="#a3">本周主推</a></li><li><a href="#a4">菜单</a></li></ul></body></html>