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

《高中信息技术《网络技术应用》第四章 第二课 网站设计教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二课网站设计　　教学目标：　　要求学生了解网站建设的基本内容，通过设计自己的主题网站，体验设计在建站中的重要性，依据主题设计好网站的栏目和结构。　　教学内容分析：　　本课设计思路：首先，以“党在我心中”为例，让学生对栏目设置有一个理性的认识，明确栏目设置是规划主题网站不可忽视的一步。其次，在“版面设计”这一节中，以练习为辅，让学生上网浏览网站，并画出不同的版面布局图；在总结几种类型的版面布局时，激发学生绘制个人的主题网站的布局图的潜能。　　教学内容：　　1.栏目设置2.目录的结构设计3.版面设计　　教学重点：栏目设置、版面设计　　教学难点：1.

2、栏目设置时，注意四个事项。2.绘制网页的版面布局图。　　课时数：1课时　　一、结构设计　　设计网站的结构时，注意以下几个方面：　　首先把网站的内容列举出来，根据内容列一个结构化的蓝图。　　先把每个页面当成一个固定点，像设计数据结构那样在草纸上做一个结构化的蓝本图。　　根据实际情况设计各个页面之间的链接。　　先根据内容把目录设计成为树型，一般级数不要太多，尽可能少于四级目录。　　然后再到每一点，把与页面相关的内容再做一个链接，增加浏览者的浏览效率，增强网页的连贯性。　　如果内容太多，绘制一幅导航图也是非常必要的。　　1.栏目设置　　在初写一篇文章时

3、，先拟好提纲，确定主题思想，围绕写作线索，层次要清晰。　　思考：虹艳初次学习制作网页，经过一段时间的设计，她的网站设计玩毕，于是她打算展示作品给她的同学们看。可是，同学们看了这个网站后，分不清头绪，感觉这个网站好似补衣服一样，主题不明确，网站结构不精晰，目录庞杂。是什么原因导致设计的网站是一个失败的作品？　　（1）栏目是一个网站的大纲索引，索引体现网站的主题。　　例：观看“党在我心中”网站，填写表格。　　栏目设置　　子栏目名称　　内容描述　　首页　　　　突出各模块的重点。　　80年历程　　80年光辉历程　　回顾1978~1997年的党的历史事件。

4、　　80年成就　　80年辉煌成就　　介绍1978~1997年我国取得的优异成绩。　　80年历史　　红船上诞生　　以图片展示80年党的历史。　　抗日先锋队　　解放全中国　　历史的考验　　介绍新世界　　80年纪实　　80年沧海纪实　　介绍党80年的重大历史。　　创新思维　　党史智力检测　　以练习形式巩固党的知识　　给我留言　　　　方便访问者发表个人意见。　　　　（2）栏目设置安排注意事项：　　①紧扣主题②栏目设置中显示有吸引力的内容③方便浏览和查询　　④有一个类似于FAQ之类的说明性的栏目　　练习：根据各小组主题网站对栏目设置进行交流、评价，从以下三

5、个方面讨论：紧扣主题、突出重点、浏览方便。选出栏目设置最佳的小组。　　2.目录结构设计　　（1）版面结构：一种能够让浏览者清楚、容易地理解作品传达的信息的东西，通俗地讲，也就是将不同元素巧妙排列的方式。　　（2）版面以布局为主，布局以浏览为方式，将图片和文字排放在页面的不同位置。　　（3）设计版面时把文字、图片、空白当作一个整体，采用平面分割，调动全部面积来构建整个版面。　　（4）常见页面布局样式　　厂字型、口字型、自由式　　练习：　　判断题：在web页中，上下各有一个广告条，左面放该网站具有吸引力的内容，中间放主菜单。（）　　“厂”字型页面顶部

6、一般放置和，左下方放置，右下方显示内容的布局。　　网上还有哪些布局类型？　　“党在我心中”网站的页面布局样式是型。　　（5）版面布局步骤　　画创意草案、粗略布局、最后构思　　版面设计的基本方法：　　建议用一张白纸和一支铅笔将初步的设想画在纸上，不必讲究细腻工整，不必考虑细节功能，只要用线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个注意的作为继续创作的脚本。　　练习：　　（1）上网浏览三个网站，画出3个不一样的版面布局图，模仿图4-5。（注：标明网址、网站名称）　　（2）网上布局类型多样，各小组讨论选出最佳方案，根据小组主题网站的内容和栏目

7、结构，绘制出一个创意的版面布局图。