15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 大一html5期末大作业 :基于html实现健康美食网页设计题材

大一html5期末大作业 :基于html实现健康美食网页设计题材

时间:2023-10-01 16:24:01 | 来源:网站运营

时间:2023-10-01 16:24:01 来源:网站运营

大一html5期末大作业 :基于html实现健康美食网页设计题材:> Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 | 餐饮文化 | 等网站的设计与制作 | 美食主题网站 环境保护 | 保护地球 | 校园环保 | 垃圾分类 | 绿色家园 | 等网站的设计与制作HTML期末大学生网页设计作业 1. HTML:结构

  1. CSS:样式 在操作方面上运用了html5和css3, 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面; (2)css文件:css全部页面样式,文字滚动, 图片放大等; (3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个   (2)二级页面:从首页点击进入之后的页面叫做二级页面 (3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的 首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名 导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用. 网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示




在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述



HTML结构代码

<!DOCTYPE html><html><head><meta charset="utf-8"><link type="text/css" rel="stylesheet" href="css/css.css" /><title>健康美食</title></head><body><div class="header"> <div class="wrapin"><a href="#" class="logo"><img src="images/logo.jpg"></a> </div></div><div class="nav"> <ul class="wrapin"> <li><a href="index.html">首页</a></li> <li><a href="renwu.html">人物生平</a></li> <li><a href="chengjiu.html">主要成就</a></li> <li><a href="pingjia.html">人物评价</a></li> <li><a href="tupian.html">影像</a></li> </ul></div><div class="wrapin"> <div class="banner"><img src="images/banner.jpg" width="100%"></div> <div class="con"> <div class="word"> <div class="pic"><img src="images/pic1.jpg"></div> <div class="text"> <h3>健康美食</h3> <p>健康食品是我国对无污染、安全、优质食品的总称,是指产自优良生态环境、按照绿色食品标准生产、实行土地到餐桌全程质量控制,按照《绿色食品标志管理办法》规定的程序获得绿色食品标志使用权的安全、优质食用农产品及相关产品。 <br> 有一句公益广告是这么说的:“管住嘴,迈开腿。”这反映了当今社会的普遍问题:肥胖,过高的能量摄入,过低的消耗,让地球不堪重负啊!而却有很多人,忠心于炸货和烧烤中,你们有没有想过这些充满诱惑的所谓美食其实就是垃圾食品,尤其是路边小吃摊,卫生状况着实让人担忧。</p> </div> <div class="clear"></div> </div> <div class="ind_n1"> <h3>生前影像记录</h3> <div class="img_list2"> <ul> <li><img src="images/a1.jpg" width="100%" height="140"></li> <li><img src="images/a2.jpg" width="100%" height="140"></li> <li><img src="images/a3.jpg" width="100%" height="140"></li> <li><img src="images/a4.jpg" width="100%" height="140"></li> </ul> <div class="clear"></div> </div> </div> </div></div><div class="end">xxx版权所有</div></body></html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光 —————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识






关键词:题材,设计,健康,作业,实现

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭