高中信息技术《网络技术应用》第四章第二课网站设计教案

第二课 网站设计

教学目标：

要求学生了解网站建设的基本内容，通过设计自己的主题网站，体验设计在建站中的重要性，依据主题设计好网站的栏目和结构。 教学内容分析：

本课设计思路：首先，以“党在我心中”为例，让学生对栏目设置有一个理性的认识，明确栏目设置是规划主题网站不可忽视的一步。其次，在“版面设计”这一节中，以练习为辅，让学生上网浏览网站，并画出不同的版面布局图；在总结几种类型的版面布局时，激发学生绘制个人的主题网站的布局图的潜能。 教学内容：

1.栏目设置 2.目录的结构设计 3.版面设计 教学重点：栏目设置、版面设计

教学难点：1.栏目设置时，注意四个事项。2.绘制网页的版面布局图。 课时数：1课时 一、结构设计

设计网站的结构时，注意以下几个方面：

首先把网站的内容列举出来，根据内容列一个结构化的蓝图。

先把每个页面当成一个固定点，像设计数据结构那样在草纸上做一个结构化的蓝本图。 根据实际情况设计各个页面之间的链接。

先根据内容把目录设计成为树型，一般级数不要太多，尽可能少于四级目录。 然后再到每一点，把与页面相关的内容再做一个链接，增加浏览者的浏览效率，增强网页的连贯性。

如果内容太多，绘制一幅导航图也是非常必要的。 1.栏目设置

在初写一篇文章时，先拟好 提纲 ，确定 主题思想 ，围绕写作 线索，层次要 清晰 。 思考：虹艳初次学习制作网页，经过一段时间的设计，她的网站设计玩毕，于是她打算展示作品给她的同学们看。可是，同学们看了这个网站后，分不清头绪，感觉这个网站好似补衣服一样，主题不明确，网站结构不精晰，目录庞杂。是什么原因导致设计的网站是一个失败的作品？

（1）栏目是一个网站的大纲索引，索引体现网站的主题。 例：观看“党在我心中”网站，填写表格。 栏目设置 子栏目名称 首页 80年历程 8 0年光辉历程 80年成就 8 0年辉煌成就 红船上诞生 抗日先锋队 80年历史 解放全中国 历史的考验 介绍新世界 80年纪实 8 0年沧海纪实 创新思维 党史智力检测 介绍党80年的重大历史。 以练习形式巩固党的知识 以图片展示80年党的历史。 内容描述 突出各模块的重点。 回顾1978~1997年的党的历史事件。 介绍1978~1997年我国取得的优异成绩。

给我留言

（2）栏目设置安排注意事项：

方便访问者发表个人意见。 ①紧扣主题 ②栏目设置中显示有吸引力的内容 ③方便浏览和查询 ④有一个类似于FAQ之类的说明性的栏目

练习：根据各小组主题网站对栏目设置进行交流、评价，从以下三个方面讨论：紧扣主题、突出重点、浏览方便。选出栏目设置最佳的小组。 2.目录结构设计

（1）版面结构：一种能够让浏览者清楚、容易地理解作品传达的信息的东西，通俗地讲，也就是将不同元素巧妙排列的方式。

（2）版面以布局为主，布局以浏览为方式，将图片和文字排放在页面的不同位置。 （3）设计版面时把文字、图片、空白当作一个整体，采用平面分割，调动全部面积来构建整个版面。

（4）常见页面布局样式 厂字型、口字型、自由式 练习：

判断题：在web页中，上下各有一个广告条，左面放该网站具有吸引力的内容，中间放主菜单。（ ）

“厂”字型页面顶部一般放置 和 ，左下方放置 ，右下方显示内容的布局。 网上还有哪些布局类型？

“党在我心中”网站的页面布局样式是 型。 （5）版面布局步骤

画创意草案、粗略布局、最后构思 版面设计的基本方法：

建议用一张白纸和一支铅笔将初步的设想画在纸上，不必讲究细腻工整，不必考虑细节功能，只要用线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个注意的作为继续创作的脚本。 练习：

（1）上网浏览三个网站，画出3个不一样的版面布局图，模仿图4-5。（注：标明网址、网站名称）

（2）网上布局类型多样，各小组讨论选出最佳方案，根据小组主题网站的内容和栏目结构，绘制出一个创意的版面布局图。

中国书法艺术说课教案

今天我要说课的题目是中国书法艺术，下面我将从教材分析、教学方法、教学过程、课堂评价四个方面对这堂课进行设计。

一、教材分析：

本文来源：https://www.bwwdw.com/article/rzbt.html