《第二课 网站设计.doc》由会员分享，可在线阅读，更多相关《第二课 网站设计.doc（3页珍藏版）》请在金锄头文库上搜索。
1、第二课 网站设计教学目标：要求学生了解网站建设的基本内容，通过设计自己的主题网站，体验设计在建站中的重要性，依据主题设计好网站的栏目和结构。教学内容分析：本课设计思路：首先，以“党在我心中”为例，让学生对栏目设置有一个理性的认识，明确栏目设置是规划主题网站不可忽视的一步。其次，在“版面设计”这一节中，以练习为辅，让学生上网浏览网站，并画出不同的版面布局图；在总结几种类型的版面布局时，激发学生绘制个人的主题网站的布局图的潜能。教学内容：1.栏目设置 2.目录的结构设计 3.版面设计教学重点：栏目设置、版面设计教学难点：1.栏目设置时，注意四个事项。2.绘制网页的版面布局图。课时数：1课时一、结构
2、设计设计网站的结构时，注意以下几个方面：首先把网站的内容列举出来，根据内容列一个结构化的蓝图。先把每个页面当成一个固定点，像设计数据结构那样在草纸上做一个结构化的蓝本图。根据实际情况设计各个页面之间的链接。先根据内容把目录设计成为树型，一般级数不要太多，尽可能少于四级目录。然后再到每一点，把与页面相关的内容再做一个链接，增加浏览者的浏览效率，增强网页的连贯性。如果内容太多，绘制一幅导航图也是非常必要的。1.栏目设置在初写一篇文章时，先拟好 提纲 ，确定 主题思想 ，围绕写作 线索 ，层次要 清晰 。思考：虹艳初次学习制作网页，经过一段时间的设计，她的网站设计玩毕，于是她打算展示作品给她的同学们
3、看。可是，同学们看了这个网站后，分不清头绪，感觉这个网站好似补衣服一样，主题不明确，网站结构不精晰，目录庞杂。是什么原因导致设计的网站是一个失败的作品？（1）栏目是一个网站的大纲索引，索引体现网站的主题。例：观看“党在我心中”网站，填写表格。栏目设置子栏目名称内容描述首页突出各模块的重点。80年历程80年光辉历程回顾19781997年的党的历史事件。80年成就80年辉煌成就介绍19781997年我国取得的优异成绩。80年历史红船上诞生以图片展示80年党的历史。抗日先锋队解放全中国历史的考验介绍新世界80年纪实80年沧海纪实介绍党80年的重大历史。创新思维党史智力检测以练习形式巩固党的知识给我留
4、言方便访问者发表个人意见。（2）栏目设置安排注意事项： 紧扣主题 栏目设置中显示有吸引力的内容 方便浏览和查询有一个类似于FAQ之类的说明性的栏目练习：根据各小组主题网站对栏目设置进行交流、评价，从以下三个方面讨论：紧扣主题、突出重点、浏览方便。选出栏目设置最佳的小组。2.目录结构设计（1）版面结构：一种能够让浏览者清楚、容易地理解作品传达的信息的东西，通俗地讲，也就是将不同元素巧妙排列的方式。（2）版面以布局为主，布局以浏览为方式，将图片和文字排放在页面的不同位置。（3）设计版面时把文字、图片、空白当作一个整体，采用平面分割，调动全部面积来构建整个版面。（4）常见页面布局样式厂字型、口字型、自由式练习：（1）上网浏览三个网站，画出3个不一样的版面布局图，模仿图4-5。（注：标明网址、网站名称）（2）网上布局类型多样，各小组讨论选出最佳方案，根据小组主题网站的内容和栏目结构，绘制出一个创意的版面布局图。
