中华菜系网页设计实验报告

一、实验目的和要求

1.提⾼学⽣掌握设计过程的熟练程度，把握⽹页设计的⽅法和思路，更好地将技术与艺术相结合。

2.将所学的基础理论、专业知识和基本技能综合运⽤于实践，提⾼实际能⼒和整体素质。

3.深化课程内容的掌握，将分散的知识点综合性的运⽤于⼀个整体的实例项⽬，培养学⽣综合运⽤和灵活运⽤所学知识的能⼒。

4.强化⽹页设计应⽤技能的练习。在所学内容的基础，⿎励创意的个性，培养学⽣的创新意识。

二、实验环境（所使用的平台和相关软件）

PC机1台、Photoshopcs3以上、dreamweavercs3以上、flashcs3以上

三、实验内容（实验内容的具体描述）

民以食为天，世界上任何一个国家都有一个传统的饮食文明与其它文明共同在历史中轮回。每个地区都有与众不同的饮食习惯和味觉倾向，而各自将这些精妙的技艺发展成了一种习俗， 一种文化，这使得无数食客流连在世界的每一个角落。

中国饮食文化涉及到食源的开发与利用、食具的运用与创新、食品的生产与消费、餐饮的服务与接待、餐饮业与食品业的经营与管理，以及饮食与国泰民安、饮食与文学艺术、饮食与人生境界的关系等，深厚广博。

从外延看，中国饮食文化可以从时代与技法、地域与经济、民族与宗教、食品与食具、消费与层次、民俗与功能等多种角度进行分类，展示出不同的文化品味，体现出不同的使用价值，异彩纷呈。中国饮食不但讲究“色、香、味”俱全，而且“滋、养、补”的特点。而随着社会的发展，菜式越来越丰富，吃法也是越来越多样。吃还是人们联系感情、社交活动的重要组成部分，社会交际应酬活动多在餐桌上完成。俗话说就是填饱肚子，就是一个“吃”字。形式比较原始，只解决人的最基本的生理需要。本人也是个吃货喜欢各大菜系的美食，结合自己的所吃所感做了个中华菜系网页。

四、实验步骤（设计思想和实现步骤）

设计主要包括以下几个页面：

  1）首页

      2）美食介绍

  3）中华菜系

  4）美食图片

5）在线留

收集素材，给图片和动画加上学号姓名，使用Dreamweaver CS6做出美食网页。

五、实验结果

1.首页（index.html）

页头：一个文字logo、nav导航菜单、一个大图banner

页中：

中间内容页分左右两部分：左侧侧边栏在各页面中是统一的，包含导航和图文广告；右侧包含美食图片和文化简介，文化简介栏目下方包含一个交互性的flash知识问答动画，有3道基础美食题目，右下角绿色箭头可以切换下一题。

页脚：版权声明

2 美食介绍

使用单列图文列表介绍八大菜系的代表美食

 

3 中华菜系

使用左图右文的方式介绍每个菜系的特点

4美食图片

div+css实现3行2列的美食图片

5留言：包含单选按钮、输入框。文本框、提交按钮的表单

• 实验心得（至少300字）

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。它不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。