教学设计2：网站设计.docx

《教学设计2：网站设计.docx》由会员分享，可在线阅读，更多相关《教学设计2：网站设计.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、页的版面布局图。课时数：1课时一、结构设计设计网站的结构时，注意以下几个方面：首先把网站的内容列举出来，根据内容列一个结构化的蓝图。先把每个页面当成一个固定点，像设计数据结构那样在草纸上做一个结构化 的蓝本图。根据实际情况设计各个页面之间的链接。先根据内容把目录设计成为树型，一般级数不要太多，尽可能少于四级目录。然后再到每一点，把与页面相关的内容再做一个链接，增加浏览者的浏览效 率，增强网页的连贯性。如果内容太多，绘制一幅导航图也是非常必要的。1.栏目设置在初写一篇文章时，先拟好提纲，确定主题思想，围绕写作线索，层次要清 晰。思考：虹艳初次学习制作网页，经过一段时间的设计，她的网站设计玩毕,

3、于是她打算展示作品给她的同学们看。可是，同学们看了这个网站后，分不清头 绪，感觉这个网站好似补衣服一样，主题不明确，网站结构不精晰，目录庞杂。 是什么原因导致设计的网站是一个失败的作品？(1)栏目是一个网站的大纲索引，索引体现网站的主题。例：观看“党在我心中”网站，填写表格。栏目设置子栏目名称内容描述首页突出各模块的重点。80年历程80年光辉历程回顾19781997年的党的历史事件。80年成就80年辉煌成就介绍19781997年我国取得的优异成绩。红船上诞生抗日先锋队80年历史解放全中国以图片展示80年党的历史。历史的考验介绍新世界80年纪实80年沧海纪实介绍党80年的重大历史。创新思维党史智

4、力检测以练习形式巩固党的知识给我留言方便访问者发表个人意见。(2)栏目设置安排注意事项：紧扣主题栏目设置中显示有吸引力的内容方便浏览和查询有一个类似于FAQ之类的说明性的栏目练习：根据各小组主题网站对栏目设置进行交流、评价，从以下三个方面讨 论：紧扣主题、突出重点、浏览方便。选出栏目设置最佳的小组。2.目录结构设计（1）版面结构：一种能够让浏览者清楚、容易地理解作品传达的信息的东 西，通俗地讲，也就是将不同元素巧妙排列的方式。（2）版面以布局为主，布局以浏览为方式，将图片和文字排放在页面的不 同位置。（3）设计版面时把文字、图片、空白当作一个整体，采用平面分割，调动 全部面积来构建整个版面。（

5、4）常见页面布局样式厂字型、字型、自由式练习：判断题：在web页中，上下各有一个广告条，左面放该网站具有吸引力的 内容，中间放主菜单。（）网上还有哪些布局类型？（5）版面布局步骤画创意草案、粗略布局、最后构思版面设计的基本方法：建议用一张白纸和一支铅笔将初步的设想画在纸上，不必讲究细腻工整，不 必考虑细节功能，只要用线条勾画出创意的轮廓即可。尽可能多画几张，最后选 定一个注意的作为继续创作的脚本。练习：上网浏览三个网站，画出3个不一样的版面布局图，模仿图4-5o （注: 标明网址、网站名称）网上布局类型多样，各小组讨论选出最佳方案，根据小组主题网站的内容 和栏目结构，绘制出一个创意的版面布局图。