《印象》味道美食网站.rar

收藏

资源目录
    文档预览:
    编号:20181030004003126    类型:共享资源    大小:12.09MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    印象 味道 美食 网站
    资源描述:
    《Web 基础实训》课程设计报告美食网站的设计与实现姓 名:梁莉朋班 级:1703学 号:2115170012完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-121 总体设计1.1功能模块设计该网站一共分为五个网页:设计理念、公司概况、产品展示、留言板、联系我们。下是该网站的功能模块图见下图2-1:图 2-1 系统模块图以下是各个网页具体实现功能介绍:1.设计理念网页(1)引言。(2)链接到公司概况网页。2.公司概况网页(1)公司简介。(2)查询关于美食的热点新闻。3.产品展示网页(1)产品分类。(2)展示部分产品。美食网站设计理念引言公司概况公司名称链接到公司主页公司简介查询热点新闻产品展示产品分类产品列表介绍公司理念提交留言公司logo留言板联系我们公司联系方式公司位置4.留言板网页(1)介绍公司理念。(2)实名制提交留言。5.联系我们网页(1)介绍公司的 logo 和 slogan。(2)介绍公司的地址和联系方式。2 系统实现2.1设计理念网页的实现本页面为引言,并介绍了公司的名称1.1.1 设计理念界面,如图所示:代码为:舌尖美食网---探索世界的美食#container{width:1210px;height:1100px;//border:1px solid #FFDEAD;margin:0px auto;}#main{//border:1px solid red;width:1100px;height:800px;background-image:url(“截图/timg14.jpg“);margin:15px auto;list-style:none;}#main_left{width:550px;height:740px;float:left;}#main_right{width:450px;height:740px;float:right;}#footer{width:1100px;height:100px;background-color:#FFFFE0;margin:0px auto;}#footer_link{text-align:center; padding-top:28px;list-style:none;color:black;font-size:50px; font-family:幼圆“}#footer_link a:link{color:black;text-decoration:none;}#footer_link a:visited{color:blue;}你对幸福的定义是什么?一句问候?一个拥抱?几句寒暄?或者是一份美食?我们公司秉承用美食传递幸福的理念我们坚信美食传递的不仅仅是五味还有满满的幸福感在我们公司你不仅仅可以获得味蕾上的满足还可以享受优质的服务得到心与身的放松希望我们公司能够成为你幸福的港湾期待与你的相遇!印象|专属于你的味道带你进入幸福的世界请点击上方2.2公司概况网页的实现用户进入主页面,显示公司的简介,并且可以查询国内外关于美食方面的热点新闻。此外还可以浏览本公司的部分美食。2.2.1 介绍公司界面代码为:舌尖美食网---探索世界的美食#container{width:1210px;height:1100px;border:1px solid #FFDEAD;margin:0px auto;}#header{height:145px;width:1200px;background-color: #FFFACD;background-repeat: no-repeat;margin:0px auto;}#header img{margin-top:65px;margin-left:177px;}#header_link{float:right;margin-top:96px;margin-right:150px;font-size:20px;}#header_link a:link{color:black;text-decoration:none;}#header_link a:visited{color:blue;}#main{height:835px;width:950px;margin:15px auto;border:1px solid #FFFFE0;}#main_top{height:380px;width:950px;background-image: url(截图/timg.jpg);}#main_top img{margin:0px 0px 0px 0px;}#text{font-size: 100px;color: white;font-family:“黑体“;padding-top:120px;text-align:center;}#main_left{height:420px;width:288px;padding-top:15px;font-size:15px;font-family:“楷体“;background-color: #FFFFE0;float:left;}#title1{font-size:25px;font-family:幼圆;list-style:none;}#main_link a:link{color:black;text-decoration:none;}#main_link a:visited{color:blue;}#title2{font-size:25px;font-family:幼圆;list-style:none;}#main_right{padding-top:0px;width:640px;height:435px;background-color: #FFFFE0;float:right;list-style:none;}#title3{font-size:25px;font-family:幼圆;list-style:none;}#main_right img{weight:150px;height:150px;float:left;}#main_right words{ float:right;}#words{font-size:15px;}#title4{font-size:25px;font-family:幼圆;list-style:none;}#footer{width:950px;height:70px;margin:0px auto;background-color:grey;}设计理念 | 公司概况| 产品展示 | 留言板 | 联系我们
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:《印象》味道美食网站.rar
    链接地址:http://www.gold-doc.com/p-255492.html
    收起
    展开