中华菜系网页实验报告

2023-10-25 09:59

本文主要是介绍中华菜系网页实验报告,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、实验目的和要求

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字)

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

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

收录于合集 #安卓期末大作业

 30个

上一篇中华传统文化网页作业报告下一篇闽南文化-实验报告

这篇关于中华菜系网页实验报告的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/281795

相关文章

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

Python使用DrissionPage中ChromiumPage进行自动化网页操作

《Python使用DrissionPage中ChromiumPage进行自动化网页操作》DrissionPage作为一款轻量级且功能强大的浏览器自动化库,为开发者提供了丰富的功能支持,本文将使用Dri... 目录前言一、ChromiumPage基础操作1.初始化Drission 和 ChromiumPage

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素(inspect element)”按钮三、在网页中选取需要的片段,锁定对应的元素四、复制被选中的元素五、粘贴到记事本,以`.html`为后缀命名六、打开`xxx.html`,优雅地复制 前言 在浏览网页的时候,有的网页内容无法复制。比如「360

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器

起点中文网防止网页调试的代码展示

起点中文网对爬虫非常敏感。如图,想在页面启用调试后会显示“已在调试程序中暂停”。 选择停用断点并继续运行后会造成cpu占用率升高电脑卡顿。 经简单分析网站使用了js代码用于防止调试并在强制继续运行后造成电脑卡顿,代码如下: function A(A, B) {if (null != B && "undefined" != typeof Symbol && B[Symbol.hasInstan

(入门篇)JavaScript 网页设计案例浅析-简单的交互式图片轮播

网页设计已经成为了每个前端开发者的必备技能,而 JavaScript 作为前端三大基础之一,更是为网页赋予了互动性和动态效果。本篇文章将通过一个简单的 JavaScript 案例,带你了解网页设计中的一些常见技巧和技术原理。今天就说一说一个常见的图片轮播效果。相信大家在各类电商网站、个人博客或者展示页面中,都看到过这种轮播图。它的核心功能是展示多张图片,并且用户可以通过点击按钮,左右切换图片。

【IPV6从入门到起飞】4-RTMP推流,ffmpeg拉流,纯HTML网页HLS实时直播

【IPV6从入门到起飞】4-RTMP推流,ffmpeg拉流,纯HTML网页HLS实时直播 1 背景2 搭建rtmp服务器2.1 nginx方案搭建2.1.1 windows 配置2.1.2 linux 配置 2.2 Docker方案搭建2.2.1 docker 下载2.2.2 宝塔软件商店下载 3 rtmp推流3.1 EV录屏推流3.2 OBS Studio推流 4 ffmpeg拉流转格式