2021-06-10

最新推荐文章于 2024-10-07 17:45:00 发布

weixin_50909683

最新推荐文章于 2024-10-07 17:45:00 发布

阅读量170

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_50909683/article/details/117775175

版权

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

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

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

<body>
<div class="da">
  <div class="ban"><img src="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="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技术，争取做一个合格的前端开发人员。