3网站规划与设计一.doc

课 题“北京欢迎您”网站规划与设计授课日期2012年9月3日课型专业技术课时 数4节【教学目标及要求】知识目标: l 确定网站的主题和内容l 确定网站的风格、色彩及布局l 创建网站结构并绘制网页效果图l 在ireworks中制作网站的ogo及其他用到的图像l 在Flash中制作网站的Banner能力目标:通过“北京欢迎您”网站的规划设计，网站ogo、横幅广告及其他图像的制作，初步了解网页三剑客的基本制作，通过三个软件的使用，让学生明白软件与软件之间的应用和配合存在紧密联系，优秀的网站建立是多个软件熟悉应用的结果，德育目标:通过学习，让学生明白合作的重要性。【教学重点与难点】l ireworks基本操作l 在ireworks中制作网站的ogol 在Flash中制作网站Banner【教学方法】演示法、案例教学法【教学教具或教学媒体形式】计算机机房1间教学过程教学内容时间分配及互动设计【导入新课】通过上周学习，我们初步接触网页制作，对网页的基本理论知识有个基本了解，从现在开始，我们通过“北京欢迎您”网站来将理论知识运用到实践中去。10分钟【新课讲授】项目：“北京欢迎您”网站初期规划一、网站初期规划：根据网站的主题确定网站的内容、风格和结构等。、确定“北京欢迎您”网站的主题和内容、确定“北京欢迎您”网站的风格、色彩和布局、创建网站的结构并绘制网页效果图。项目：用ireworks制作网站的ogo步骤：新建ireworks文档步骤：绘制边框步骤：制作底图步骤：制作文字步骤：保存文件并导出素材项目：用ireworks和LASH制作网站的横幅广告anner. 子项目1：用ireworks制作网站anner的背景图像步骤1：新建ireworks文档步骤：制作天安门图像区步骤：制作长城图像区步骤：保存文件并导出anner.的背景图像子项目2：利用FLASH制作网站anner动画效果步骤1：新建FLASH文档步骤：制作背景图步骤：制作中文字光线划过效果动画步骤：制作英文文字从左向右逐渐出现的效果步骤5：保存文件并导出影片项目4：用用ireworks制作网站栏目“北京2008”的anner.步骤1：新建ireworks文档步骤：制作背景底图步骤：制作背景图像天坛、长城步骤：制作特效文字步骤5：保存文件并导出为JPEG格式图4分钟问题一： 怎么创建网站的结构图？30分钟问题二： ireworks里面的虑镜怎么样的导入？问题三： 网站的标识和横幅广告的标准尺寸？60分钟20分钟问题四：网站的页面布局一般会用什么工具？ 【课堂小结】1、 网站的初期规划2、 Firleworks的运用3、 Flash制作网站Banner10分钟【课堂练习】项目1项目4【布置作业】1、 根据自己的喜好确定一个网站的主题歌，并且规划、设计网站的栏目、主色调，并且绘制首页的布局图。利用相关的软件制作用到的图像，动画。2、 预习项目5-10板书设计:（略）教学后记：通过制作背景图和横幅广告从而认识并且熟悉FIREWORKS的基本操作，但应用能力有待加强。第一次制作网站素材，许多学生无从下手。通过引导之后，学生逐渐理解网站的布局，并