《Web应用基础》课程结业报告

1. 项目内容
本次Web结业作业我所构建的是有关“火锅”
题材的网站,以HTML语言和CSS框架中的MDB搭建的火锅主题网页。

2. 开发过程
本人在做项目的时候将此项目分为六页,分别是“网站首页”、“火锅种类”、“火锅蘸料”、“火锅做法”、“火锅吃法”、“火锅健康”这六大板块。部分代码如下图所示:

<body>
<div class="da"><div class="ban"><img src="data:images/ban.jpg" width="1000" height="339"></div><div class="nav"><ul><li><a href="index.html">网站首页</a></li><li><a href="zhonglei.html">火锅种类</a></li><li><a href="zhanliao.html">火锅蘸料</a></li><li><a href="zuofa.html">火锅做法</a></li><li><a href="chifa.html">火锅吃法</a></li><li><a href="jiankang.html">火锅健康</a></li></ul></div><div class="xia"><h2>火锅吃法</h2><div class="yi"><img src="data:images/w.jpg" width="400" height="267" align="right" style=" margin-left:20px;"><p>火锅的吃法不同于中餐菜,不是将已烹调好的菜肴端到桌子上就可以吃;而是把一些半成品菜品端到桌上,由自己亲手操作(烹饪),自烫自食;菜品的烫(煮)食火候,就掌握在食客的手中。因此,食客必须了解火锅的吃法,才能吃得好。</p><p><strong>1、烫,在锅中烫熟。</strong></p><p> 其要决是:首先要区别各种用料,不是各种用料都是能烫食的。一般来说,质地嫩脆,顷刻即熟的用料涮:即将用料夹好适用于烫(涮)食,如鸭肠、腰片、肝片、豌豆苗、菠菜等;而质地稍密一些,顷刻不易熟的,要多烫一会儿,如毛肚、菌肝、牛肉片等;其次要观察汤卤变化,当汤卤滚沸、不断翻滚、并且汤卤上油脂充足时,烫食味美又可保温;再次,要控制火候,火候过头,食物则变老,火候不到,则是生的;第四,烫时必须夹稳食物,否则掉入锅中,则易煮老、煮化。</p><p><strong>2、煮:即把用料投入汤中煮熟。</strong></p><p>其要决是:首先要选择可煮的用料,如带鱼、肉丸、香菇等这些质地较紧密的,必须经过长时间加热才能食用的原料;其次,要掌握火候,有的煮久了要煮散、煮化。</p><p><strong>3、吃火锅的经验应是先荤后素.</strong></p><p>烫食时汤汁一定要滚开,要全部浸入汤汁中烫食;其次是喜欢麻辣味的,调节麻辣味,方法是:喜麻辣者,可从火锅边上油处烫食;反之则从中间沸腾处烫食;再次就是吃火锅时,必须配一杯茶,以开胃消食,解油去腻,换换口味,减轻麻辣之感。</p><p><strong>4.火锅中放中药同煎</strong></p><p>用中药石斛、元参、麦冬各10克,用纱布包好。放在火锅中同煮15-20分钟后,去纱布药包,即可食用。有滋阴降火生津作用,可防止吃火锅诱发的“上火”现象。</p><p><strong>5.火锅中放些蔬菜或豆腐</strong></p><p>蔬菜如菠菜、芹菜、油麦菜、青豆等。豆腐及其制品如老豆腐、百叶等。蔬菜中含大量维生素和叶绿素、豆腐中含有石膏成分,性都偏凉,均有清热泻火除烦等功效。可以防止吃火锅“上火”。</p><p><strong>6.火锅中加入少许啤酒</strong></p><p>在火锅中加入2匙啤酒,可使火锅汤汁醇香味美,因啤酒中富含多种营养素,不仅能均衡营养,而且是防止火锅“上火”妙法。</p><p><strong>7.在品尝火锅后,吃些水果</strong></p><p>吃火锅后,隔20-30分钟,吃些凉性水果,如梨、苹果、橙子等,可防“上火”,但不要吃发热的橘子。</p></div><div class="clearit"></div></div><div class="foot">制作人:任子欣(计算机类1901班)</div>
</div>
</body>
</html>

网页效果展示:


这里只展示了一部分的网页效果。

3.遇到的问题

  • 没有美术功底,在对网页进行布局设计的时候并不是那么完美,网页布局美感不足。

  • 在选取图片的时候,每张图片的分辨率和大小不一,在网页上展示出来十分不美观。

  • 对技术应用不是很熟悉。

  • 在确定主题的时候花了一点时间。
    4.解决方法

  • 找到一些美术专业的同学,让他们帮忙设计一下页面布局;

  • 针对图片大小不一致导致展示难看的问题,我选择用photoshop强行将它们改成一样的大小;

  • 自己再次在棋歌网站上学习HTML,巩固知识;

  • 主题的问题,因为实在没什么想法,最开始也准备介绍游戏的,但考虑到还是需要一些实实在在的东西,最终就决定为自己的家乡写点东西,就选择了火锅。
    5.成果展示



(这只是一部分效果图)
6.期末总结
通过半学期对WEB的学习,我对前端开发有了一定的了解,以前一直以为计算机专业就是搞程序开发的,但这学期学了制作网页以后,我才发现这个专业的乐趣所在,但我现在所学的也只是皮毛,以后还有很长的一段学习路程,如果想把这个领域的知识学好,一定要认真学习,前端虽然入门容易但是想要深入学习也需要为之付出巨大努力。要是向我一样只会点皮毛那是没什么用的,应该继续向动态网站前进,学习新的框架。也许这种可视化的开发更容易让人有成就感。在制作过程中,虽然遇到了一些困难,但在网络上有很多学习资料,通过查找学习,就能够解决大部分问题。通过这次的学习,我对web设计的知识有了更加深刻的了解,我对web开发产生了浓厚的兴趣,尽管自身依然存在着很多不足,但我相信通过进一步学习,我能制作更加复杂更加美观更具创新的web页面。web课程虽然结束了,但以后还有更长的一段路需要走,这是不可避免的,在以后我会继续学习web的相关知识,以后能更加熟练地运用web技术,争取做一个合格的前端开发人员。

2021-06-10相关推荐

  1. 梦想CAD控件 2021.06.10更新

    下载地址:https://www.mxdraw.com/ndetail_20176.html 1.修改在C#语言中,直接New一个临时标注对象不能修改它的属性问题 2.修改CAD布局转模型时,有对象丢 ...

  2. 2021/06/10| AMA:区块链的内力与招式,RChain VS 其他链

    邀请嘉宾:莫给机狂 主持人及收录:光之十一 红包小助理:蓝精灵 同步小助手:冰河.小七.徐Rose 莫给机狂:大家好,我叫莫给机狂.简单介绍一下自己.莫给机狂,RChain合作社中国社区成员,毕业于浙 ...

  3. 2021年10月国产数据库排行榜:达梦反超OceanBase夺榜眼,TDSQL实现“四连增”,数据生态加速建设

    2021年10月国产数据库排行榜已在墨天轮发布,本月共有150家数据库参与排名.我们可以用"半江瑟瑟半江红"来形容10月份数据库分数涨跌情况.除去分数没有变化的数据库,分数上涨和下 ...

  4. AI正在模仿人类大脑!2021年10篇顶会论文:大脑也在「无监督」学习

    编辑:桃子 小咸鱼 [导读]神经科学会成为人工智能「超进化」的关键吗?只要模拟大脑,神经网络就可以获得相似或相同的智能.近日,神经科学家Patrick Mineault就2021年无监督学习的大脑模型 ...

  5. 2021 年 10 月 TIOBE 指数榜:Python 超越 C 语言成 20 多年来的新霸主

    TIOBE 更新了 2021 年 10 月份编程语言指数排行榜. 榜单中共对 100 种编程语言进行了评级排名,其中 Python 成为 "20 多年来的新语言霸主",以 11.2 ...

  6. Mculover666的博客文章导航(嵌入式宝藏站)(2021.06.17更新)

    一.MCU系列 1. 开发环境 [Keil MDK](一)Keil MDK 5.28 的下载.安装.破解 [Keil MDK](二)Keil MDK中芯片器件包的安装 [Keil MDK](三)Kei ...

  7. 【离散数学】 SEU - 28 - 2021/06/11 - Lattice and Boolean Algebra

    Discrete Mathematical Structures (6th Edition) 2021/06/09 - Lattice and Boolean Algebra Lattice and ...

  8. 2021.06.03合并石子+能量项链

    2021.06.03合并石子+能量项链 题目描述 在一个圆形操场的四周摆放 N 堆石子,现要将石子有次序地合并成一堆,规定每次只能选相邻的2堆合并成新的一堆,并将新的一堆的石子数,记为该次合并的得分. ...

  9. 2021年10月份 中国最具影响力的50位钧瓷匠人排行榜

    2021年10月份 中国最具影响力的50位钧瓷匠人排行榜 数据来源 钧瓷内参钧瓷数据库 排名算法 上榜和排名算法与10项规则有关,其中和个人的知名度,影响力,用户评价,平台指数正相关: 制作流程 协同 ...

  10. 李迟2021年10月知识总结

    本文为 2021 年 10 月知识总结. 研发编码 C / C++ 无. golang 写了数字签名.数字信封的测试示例,了解了 RSA .AES 加解密,知道 AES 的密钥长度必须大于16字节. ...

最新文章

  1. MATLAB中深度学习的数据集合
  2. C#导出EXCEL的几种方法
  3. js/jq判断鼠标滚轮方向
  4. web前端项目--用hbuilder调试app项目
  5. SoaBox 1.1.6 GA 发布,SOA 模拟环境
  6. 11. 旋转数组的最小数字
  7. 20155229《网络对抗技术》Exp9:Web安全基础
  8. 基于Netty自己动手实现Web框架
  9. php图书管理系统外文文献,JSP图书管理系统论文+源码+英文文献翻译+参考文献 第10页...
  10. 人工智能学习资源汇总
  11. 德国研究生分数计算机,申请德国研究生看什么成绩
  12. 【CG物理模拟】风筝模拟
  13. WOL远程开机,实际落地成功。
  14. 牛客 游戏(概率DP)
  15. d3成神之路(三):折线图
  16. 基于simulink的转速反馈单闭环直流调速系统
  17. 既要懂技术还要脾气“辣”,这一岗位年年涨薪,火爆了~
  18. 《一次别离》:幸好还有《古兰经》
  19. Java裁剪音乐,利用IO流
  20. 张小龙:神一样的人物,做啥啥成功,替腾讯立下赫赫战功

热门文章

  1. pg_auto_failover 之四 manual failover
  2. C++ 实现文件分割、合并
  3. 长租公寓如何管理水电及租金?
  4. Unicast与Multicast
  5. 《新参者-加贺恭一郎》、《麦田里的守望者》杂记
  6. 大富豪5.3全网首发,真正的5.3正版破解授权,不是高防端
  7. 浏览器如何工作How browsers work翻译
  8. Windows Server 2016-增强IPAM
  9. java 字体变形_字符串变形-Java
  10. 大数据论文_01_GFS(个人总结)