<!DOCTYPE html>
<html>
<head>
<title>饮食文化</title>
<link rel="stylesheet" href="../../../pro2/default.css">
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script type="text/javascript" >
var sign = 2;
//显示轮播图片
function showPic(index) {
//轮播效果,中当前显示的图片
var focusImg = document.getElementById("focusImg");
//图片路径
var imgSrc = "images/foodlogo";
imgSrc =imgSrc+ index + ".jpg";
//更换轮播图片
focusImg.src = imgSrc;
}
//对轮播图片进行计算处理
function setCurrentPic() {
showPic(sign);
sign++;
if (sign == 4) {
sign = 1;
}
}
//窗体加载时,指定显示的图片
window.onload = function () {
showPic(1);
}
//设置定时器
window.setInterval("setCurrentPic()",2000);
</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<header>
<!-- 顶部 start-->
<div class="header-nav">
<div role="navigation">
<a href="#" rel="home" class="hd-logo" title="美食餐厅"></a>
<ul class="hd-nav">
<li><a href="index.html" name="index">网站首页<span><i class="iconfont "></i></span></a></li>
<li><a href="about.html" name="about">饮食文化<span><i class="iconfont "></i></span></a></li>
<li><a href="productlist.html" name="productlist">特色菜品展示<span><i class="iconfont "></i></span></a></li>
<li><a href="article.html" name="article">美食资讯<span><i class="iconfont "></i></span></a></li>
<li><a href="contact.html" name="contact">有何建议<span><i class="iconfont "></i></span></a></li>
</ul>
<div class="motai"></div>
<ul>
<li><a><i class="iconfont search-botton"></i></a></li>
<li><a>中文</a></li>
<li><a>En</a></li>
<li><a><i class="iconfont nav-bottom"></i></a></li>
</ul>
</div>
<div class="search-box">
<form method="post" action="#" id="search-keyword">
<input type="text" name="search-keyword" placeholder="请输入您想查询的内容">
</form>
</div>
</div>
<!-- 顶部 end-->
<!--轮播图片 start-->
<div class="header-carousel container">
<div id="myCarousel" class="carousel slide">
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/foodlogo1.jpg" style="width:100%;" alt="First slide" id="focusImg">
</div>
</div>
</div>
</div>
<!--轮播图片 end-->
</header>
<!--饮食文化 start-->
<main>
<div class="main-head">
<br>
<p><span>饮食文化</span></p>
</div>
</main>
<div class="main-all-width">
<div class="main-about-body">
<div><img src="images/tea.jpg"></div>
<div><img src="images/food8.png"></div>
</div>
<div class="main-about-footer">
<p class="chinese">饮食文化是一个国家和民族物质文明和精神文明发展的标尺,是一个民族文化本质特征的集中体现,也是考察一个民族的历史文化与心理特征的社会化石。中国饮食文化在华侨华人的文化传承与文化认同、以及在传播中华文化方面都曾发挥了不可替代的重要作用。</p>
<p class="english">Dietary culture is a yardstick for the development of material and spiritual civilization of a country and a nation, a concentrated reflection of the essential characteristics of a nation's culture, and a social fossil for investigating the historical, cultural and psychological characteristics of a nation. Chinese catering culture has played an irreplaceable role in the cultural inheritance and identification of overseas Chinese, as well as in the dissemination of Chinese culture.</p>
</div>
</div>
<!--饮食文化 end-->
<main>
<div class="main-head">
<br>
<p><span>饮食习俗特点</span></p>
</div>
<div class="main-we-provide">
<ul>
<li><span><img src="images/breakfast.jpg" alt=""></span>
<br>
<h2>以热食、熟食为主</h2>
<p style="font-family: 楷体">这和中国文明开化较早和烹调技术的发达有关。中国古人认为:“水居者腥,肉臊,草食即膻。”热食、熟食可以“灭腥去臊除膻”(《吕氏春秋·本味》)。中国人的饮食历来以食谱广泛、烹调技术的精致而闻名于世。史书载,南北朝时,梁武帝萧衍的厨师,一个瓜能变出十种式样,一个菜能做出几十种味道,烹调技术的高超,令人惊叹。</p></li>
<li><span><img src="images/lunch1.png" alt=""></span>
<br>
<h2>聚食制</h2>
<p style="font-family: 楷体">聚食制的起源很早,从许多地下文化遗存的发掘中可见,古代炊间和聚食的地方是统一的,炊间在住宅的中央,上有天窗出烟,下有篝火,在火上做炊,就食者围火聚食。这种聚食古俗,一直至后世。聚食制的长期流传,是中国重视血缘亲属关系和家族家庭观念在饮食方式上的反映。</p></li>
<li><span><img src="images/lunch2.png" alt=""></span>
<br>
<h2>食具</h2>
<p style="font-family: 楷体">在食具方面,中国人的饮食习俗的一大特点是使用筷子。筷子,古代叫箸,在中国有悠久的历史。《礼记》中曾说:“饭黍无以箸。”可见至少在殷商时代,已经使用筷子进食。筷子一般以竹制成,一双在手,运用自如,即简单经济,又很方便。许多欧美人看到东方人使用筷子,叹为观止,赞为一种艺术创造。实际上,东方各国使用筷子其源多出自中国。中国人的祖先发明筷子,确实是对人类文明的一大贡献。</p></li>
</ul>
</div>
</main>
<main>
<div class="main-head">
<p><span>中西差异</span></p>
</div>
<div class="main-team">
<div class="main-about-footer">
<p class="chinese" >餐饮产品由于地域特征、气候环境、风俗习惯等因素的影响,会出现在原料、口味、烹调方法、饮食习惯上的不同程度的差异。正是因为这些差异,餐饮产品具有了强烈的地域性。中西文化之间的差异造就了中西饮食文化的差异,而这种差异来自中西方不同的思维方式和处世哲学。中国人注重“天人合一”,西方人注重“以人为本”。</p>
</div>
<ul>
<li>
<h2>不同观念</h2>
<p style="font-family: 楷体">对比注重“味”的中国饮食,西方是一种理性饮食观念。不论食物的色、香、味、形如何,而营养一定要得到保证,讲究一天要摄取多少热量、维生素、蛋白质等等。即便口味千篇一律,也一定要吃下去——因为有营养。这一饮食观念同西方整个哲学体系是相适应的。形而上学是西方哲学的主要特点。<br>在中国的烹调术中,对美味追求几乎达到极致,遗憾的是,当我们把追求美味作为第一要求时,我们却忽略了食物最根本的营养价值,我们的很多传统食品都要经过热油炸和长时间的文火饨煮,使菜肴的营养成分受到破坏,许多营养成分都损失在加工过程中了。因而一说到营养问题,实际上就触及到了中国饮食文化的最大弱点。
</p></li>
<li class="main-
在本项目中,"Web前端设计与开发"的期末作品主要展示了如何利用HTML和Web技术来构建一个关于中华传统美食的静态网站。这个网站包含了8个精心设计的页面,每个页面都聚焦于中国丰富多彩的美食文化,通过精美的图片和布局吸引用户,使他们能够沉浸在中华美食的视觉盛宴中。 我们来深入了解一下HTML(HyperText Markup Language),它是网页内容的基础构造语言。在本项目中,HTML用于创建页面的结构,定义标题、段落、图像、链接等元素。开发者可能运用了HTML5的最新特性,如语义化标签(如<header>、<nav>、<section>、<article>和<footer>),这些标签有助于提高页面的可读性和搜索引擎优化。此外,还可能使用了<figure>和<figcaption>来组合图像和其描述,增强了页面内容的组织性。 接着,我们讨论Web设计的视觉呈现。在"中华传统美食之旅"这个主题中,开发者可能使用了高质量的图片资源,通过CSS(Cascading Style Sheets)来实现图片的美观展示。CSS允许开发者控制页面的样式,包括颜色、字体、布局以及响应式设计,确保网站在不同设备上都能良好显示。可能采用了背景图像、浮动元素、相对定位和绝对定位等技巧来布局图片,使之更符合美食主题的视觉体验。 此外,页面的交互性也是现代Web前端开发的重要组成部分。虽然这是一个静态项目,但开发者可能利用JavaScript或者jQuery等库,为网站添加了一些基本的交互效果,如图片滑动展示、鼠标悬停效果或点击触发的动画。这不仅可以提升用户体验,也能让静态页面显得更为生动有趣。 在项目结构方面,根据文件名称列表"期末作品",我们可以推测项目文件可能包含HTML文件、CSS文件、JavaScript文件,以及图片和其他媒体资源。这些文件通常会按照一定的目录结构组织,比如将HTML文件放在根目录下,CSS和JavaScript文件放在单独的子目录,而图片则放在images目录中。这样的结构有利于代码管理和维护。 这个"web前端设计与开发"的期末作品不仅展示了HTML和CSS的基本应用,还体现了开发者对视觉设计和用户体验的理解。通过这个项目,学习者可以实践并巩固Web前端开发的关键技能,同时也展现了对中国传统文化的热爱和传播。
- 1
- 2
- #完美解决问题
- #运行顺畅
- #内容详尽
- #全网独家
- #注释完整
- 粉丝: 91
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- VS数据存储+图片上传功能
- 基于ssm的快餐店点餐结算系统的设计与实现源码(java毕业设计完整源码+LW).zip
- 基于ssm的学费管理系统的设计与实现源码(java毕业设计完整源码+LW).zip
- 基于ssm的学生社团管理系统源码(java毕业设计完整源码+LW).zip
- MR-J4系列驱动的一键整定的使用
- 深入解析IP地址转换方法及实用案例
- 艾利和iriver Astell&Kern SP2000T V1.30升级固件
- 基于ssm的图书馆书库管理系统源码(java毕业设计完整源码+LW).zip
- 07.Mask高级操作与描边效果.rar
- 艾利和iriver Astell&Kern SP2000T V1.32升级固件
- 阀门自动组装设备sw18可编辑全套技术资料100%好用.zip
- 基于ssm的校内二手商城交易系统源码(java毕业设计完整源码+LW).zip
- 基于ssm的个性化旅游攻略定制系统设计与实现源码(java毕业设计完整源码+LW).zip
- 自定义编译器 图形化编程 连线 指令块 积木
- 基于ssm的网络游戏交易系统的设计与实现源码(java毕业设计完整源码+LW).zip
- 在线学习培训源码java sringboot