4.2网站设计-教科版高中信息技术选修三教案

用案日期：________年______月_______日 星期_______ 主备人： 课时：N0:_____ 教学课题 4.2网站设计 教学目标 (1)以网站欣赏为主线，使学生初步了解网站设计的基本内容。 (2)了解网站的栏目设置和版面设计，能依据主题对网站进行初步规划设计。 教学重难点 1、 主题网站的栏目设置和版面设计 2、 能依据主题对网站进行整体构思 教学方法 合作探究、讲练结合、任务驱动 教具 PPT课件；多媒体教学网络 教学过程 个案补充 新课导入： 在因特网这个信息的海洋中，我们经常会被一些内容丰富、创意新颖、设计独特的网站所吸引，今天我们就一起来欣赏四幅网页作品： 学生欣赏四幅网页，回答老师提出的问题，体会这四个网站给他们带来的不同感受。我们在网站设计时要注意哪些问题呢？ 新课教学： 提出问题： 请同学们回忆出黑板报的一般过程？ 【网站设计的一般过程介绍】 1、确定主题 2、栏目设置 3、版面设计 4、树立网站整体风格 5、素材的收集与整理 一、栏目设置： 案例分析：“机器人做学玩”网站的栏目设置 归纳出网站的栏目设置要点： ① 要紧扣主题，尽可能删除与主题无关的栏目。 ② 尽可能将网站最有吸引力的内容列在栏目中。 ③ 尽可能方便访问者的浏览和查询。如：设置“本站指南”或“网站地图”栏目，帮助初访者快速找到他们想要的内容。 二、版面设计： 我们网站的主题，栏目确定后，内容也就确定了，每部分的内容应该放在网页的什么位置呢？这就涉及到网站的版面布局这个问题了。 展示常见的版面布局样式: “厂字型”、“口字型”、“自由式” 设计版面的一般步骤： 1.创意草案；2.粗略布局；3.最后定案。 任务二：利用Frontpage 动手创作自己主题网站的版面布局图。 三、树立网站整体风格 在浏览网站的时候，我们会发现较好的网站往往都有其独特的风格，有粗犷豪放的，有清新秀丽的，有温文尔雅的，还有执著热情的。即使你只看到其中的一页，也可以分辨出是哪个网站的。这是因为同一个网站的网页往往都有统一的外观设计，具有自己独特的风格。我们该怎样树立自己网站的整体风格呢？ 1. 网站标志 树立网站整体风格的第一步是：设计、制作一个网站的标志(Logo)，将你的标志尽可能地放置在每个页面最突出的位置上，如页眉、页脚或者背景中