参赛网站制作过程介绍.ppt

知味小吃坊 参赛网站制作过程介绍重庆南开中学作者 万山川 任骋翔 刘韬指导教师 田震 网站制作过程 设计思想 在了解到 中华名小吃 这个主题之后 我们三人认真地思考着三个问题 一 中华名小吃体现出了什么精神 二 我们应该给网页赋予何种内涵 三 我们的网页要传达出什么主题 设计思想一 中华名小吃体现出了什么 为了弄清这一系列问题 我们在图书馆收集资料 在网上查阅信息 对长辈询问调查 并且对重庆本地小吃进行了实地探访 最终我们得出问题的答案 民俗 风土人情地域 小吃间的地域差异民族 中华民族的精神 设计思想二 我们应该给网页赋予什么 得出中华名小吃体现出了什么后 我们便详细的研究我们应该给网页赋予什么 1 网页风格2 网页主干3 网页板块 设计思想二 我们应该给网页赋予什么 网页风格首先我们想到的是使用纯正的中国元素 我们设想了两种网页的风格 一是用水墨风格 二是使用运用中国红 经过反复斟酌 我们最终选择了中国红 我们需要突出中华名小吃这个主题 作为一个主题性网站 有别于商业性网站 其最大的特点就是网站的引导性 引导浏览者领会主题 因此 我们使用Flash作为网页的载体 以更好地表现其主题 设计思想二 我们应该给网页赋予什么 网页风格水墨风格与中国红 设计思想二 我们应该给网页赋予什么 网页主干结合中华名小吃的体现的民俗 地域 民族这三个特点 我们商量得出了网页的三个主干 滋味 小吃的味道风味 小吃与地理意味 小吃的精神 设计思想二 我们应该给网页赋予什么 网页板块我们确定了网页的五个栏目 追本溯源 小吃的由来访食民间 探访小吃滋味食府揽胜 探访中的照片八方名点 全国各地风味坊间小记 总结感悟 版权索引 设计思想三 我们的网页要传达什么 既然网页的主角是小吃 我们就应当把小吃的美味传达出来 要把小吃形式的丰富多彩传达出来 但是 我们所制作的网页不能仅仅停留在传达小吃的美味上 为什么主题是 中华名小吃 而不是 中国名小吃 因为 中华 更能体现中华民族的文化与精神 于是我们想到了传达小吃与中华民族的文化与精神的关系 以弘扬中华文化 我们发现 这才是我们需要传达的重点 设计思想三 我们的网页要传达什么 小吃的美味与丰富 1 通过 八方名点 中全国小吃地图精心收集的159个小吃资料与图片传达 2 通过 坊间小记 中去磁器口与洪崖洞寻访的游记与感悟传达 设计思想三 我们的网页要传达什么 小吃与中华民族的文化与精神的关系 重点 1 通过 追本溯源 探究小吃的由来 体现小吃与文化的密不可分 2 通过 访食民间 探访小吃滋味 探寻小吃与人民生活的联系 3 通过 坊间小记 总结感悟 分析小吃与中华民族的文化与精神的关系 网站制作过程 探究过程 在收集了一定数量有关小吃的资料后 考虑到我们精力有限 且中华名小吃数不胜数 我们制定了如下探究计划 1 重庆本地小吃实地探究 万山川 任骋翔 探究磁器口 洪崖洞与重庆好吃街的小吃 收集原创资料 加深对重庆小吃的理解与认识 2 全国各地小吃网上探究 任骋翔 刘韬 万山川 拓宽视野 了解全国各地小吃 与重庆小吃对比 找异同 分析原因 探究过程1 重庆本地小吃实地探究 3月7日在磁器口探寻 探究过程1 重庆本地小吃实地探究 3月7日在磁器口探寻 探究过程1 重庆本地小吃实地探究 3月14日在洪崖洞探寻 探究过程1 重庆本地小吃实地探究 3月14日在洪崖洞探寻 探究过程1 重庆本地小吃实地探究 3月21日在重庆好吃街探寻 探究过程1 重庆本地小吃实地探究 重庆本地小吃实地探究成果 通过两次重庆本地小吃实地探究 我们体会到了浓重的民俗气息 体会到一些重庆小吃的特点与所蕴含的文化精神 就此 我们写下了六千余字的探寻记录与感悟总结 其中探寻记录包括对合川桃片 古镇陈麻花 香脆椒 糍粑 佬麻小面的探访过程 对磁器口与洪崖洞小吃的感受以及打糍粑经历及感受 探究过程1 重庆本地小吃实地探究 重庆本地小吃实地探究成果 感悟总结通过分析与思考得出 中华小吃 百姓的美食中华小吃 市井的万花筒中华小吃 为中华文化添彩中华的小吃蕴含着一种劳动人民勤劳朴实的精神中华小吃体现出一种中华民族的包容精神 探究过程2 全国各地小吃网上探究 探究过程2 全国各地小吃网上探究 探究过程2 全国各地小吃网上探究 全国各地小吃网上探究成果 经过整整一周的网上探究 我们三人查找遍了全国33个省市自治区的小吃 从网络上找出了全国33个省市自治区总计159种小吃的资料 每个省市区4至7个 并将每种小吃的资料梳理为250字左右的简介 以方便阅读 同时每种小吃都配以图片 以增加生动性 探究过程2 全国各地小吃网上探究 全国各地小吃网上探究成果 为了尊重他人的劳动成果 同时方便读者查找资料 我们在网络上查找资料时 尽量记录下资料的来源 以下是我们收集到的资料来源 探究过程2 全国各地小吃网上探究 全国各地小吃网上探究成果 资料来源 探究过程2 全国各地小吃网上探究 全国各地小吃网上探究成果 大量收集全国各地小吃的资料使我们我们对全国小吃都有了大致的了解 对我们分析中国各地小吃的异同有了很大的帮助 我们把梳理出的资料应用在我们的网页上 在 八方名点 中制作出了一幅全国小吃地图 探究过程2 全国各地小吃网上探究 全国各地小吃网上探究成果 全国小吃地图 网站制作过程 使用的软硬件 软件AdobePhotoshop 图像处理 MicrosoftWord 文字编辑 MicrosoftPowerPoint 演示制作 AdobeFlash 页面制作 突出网站视觉效果 AdobeDreamweaver 搭载网页 使用的软硬件 硬件数码相机 CanonPowershotG3 NikonCOOLPIXP80电脑 自己家的电脑与学校电脑运行环境WindowsXPInternetExplorer6FlashPlayer9 0 网站制作过程 制作过程 1 图片与文字处理 任骋翔 刘韬 2 版式制作 万山川 3 网页的导入 万山川 任骋翔 刘韬 制作过程1 图片与文字处理 制作过程1 图片与文字处理 使用AdobePhotoshopCS处理我们拍摄与从网上收集到的照片 一般对照片进行调整色阶 调整曲线等色彩上的加工 对从网上收集到的照片进行裁减以适应网页版式 一共处理自己拍摄照片192幅 应用到网上的照片32幅 使用MicrosoftWord2007编辑文字资料 再将编辑文字资料导入AdobePhotoshopCS 将其输出为PNG格式 以方便Flash调用 一共处理自己撰写文字六千余字 制作过程2 版式制作 制作过程2 版式制作 依照讨论出的风格用Photoshop设计版式 尽量注意界面的简洁与美观 通过Flash将设计好的版式及处理好的图片及素材制作成动画或加入网页中 同时调整各个素材与图片的布局以保持美观 制作过程3 网页的导入 使用Dreamweaver将网页导入 使其成为htm格式 发现问题导入网页后 我们发现网页在浏览时极其不顺畅 尤其是刚载入好网页各种元件键入画面的时刻 画面几乎无法动弹 制作过程3 网页的导入 解决问题经过仔细分析 我们发现是网页版式中的背景扫描线设计占用了大量的系统资源 经过大家的商量 我们决定将背景扫描线设计在网页当中删除 以提高速度 制作过程3 网页的导入 解决问题图为万山川正在删除扫描线 网站制作过程 创新之处与自我评估 创新之处对重庆小吃较为细致的研究对小吃文化内涵的研究制作全国小吃地图 并对各地小吃进行对比 照出异同 全篇使用Flash制作 运用显著的中国元素 增添民族气息 创新之处与自我评估 自我评估优点 我们认为这个网页设计美观 清新 资料较为翔实 覆盖面较广 而且体现出了我们探寻的足迹 缺点 由于使用Flash制作 且资料众多 导致这个网页过于庞大 不便传播 同时 使用Flash制作网页较为繁琐 制作速度不及传统网页 网站制作过程 参赛心得 1 学会合作 分歧 探寻 统一 分享 2 了解小吃3 了解重庆 了解中国文化4 为中华文化而自豪 参赛心得1 学会合作 分歧在合作的过程中 分歧是难免的 令我们最记忆犹新的是我们对于版式设计的分歧 我们的网页只能用一种风格 要么是水墨风格 要么是中国红 任骋翔 刘韬偏爱中国红 而万山川更喜欢水墨风格 探寻为了达到统一 我们开始探寻 我们为此专门制作了两种版式 参赛心得1 学会合作 参赛心得1 学会合作 水墨风格 中国红 参赛心得1 学会合作 统一当分歧产生 我们更需要学会接纳 让我们的团队更统一 更团结 当我们做出了两种版式后 考虑了很久 我们终于达成了一致 选择中国红 参赛心得1 学会合作 分享集体 因分享而快乐 在制作网页的过程中 最快乐的事情莫过于把自己做好的一部分与大家分享 最惊喜的事情莫过于看到队友又为我们的网页添一块厚实的 砖 参赛心得1 学会合作 通过这次合作制作网页 我们学会了合作 我们学会了包容 学会了接纳 学会了提出自己的观点 学会了团结一心战胜挫折 我们辛苦并快乐着 参赛心得2 了解小吃 通过寻访与查找资料 我们了解了全国各地一百多种小吃 现在若有人问起某地的特色小吃 我们简直可以做他们的 活字典 3 了解重庆 了解中国文化通过走访磁器口 洪崖洞 我们更