《高中信息技术（选修）网络技术应用 网站设计教学设计.docx》由会员分享，可在线阅读，更多相关《高中信息技术（选修）网络技术应用 网站设计教学设计.docx（4页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、高中信息技术（选修）网络技术应用4. 2网站设计教学设计本节内容为教育科学出版社普通高中课程标准实验教科书网络技术应用 （选修）第四章“建立主题网站”的第二节“网站设计”，我主要介绍栏目设置 和版面设计，并安排学生根据自己的主题进行设计。【教学分析】一、教学重点及难点分析本节的重点有：栏目设置。本节的难点是：树立网站整体风格。二、教学目标分析1. 知识目标：让学生了解网站建设的前期准备工作；学会如何设计好一个网 站。2. 能力目标：提高学生分析能力、探究能力、组织能力。3. 情感目标：增进班级集体荣誉感，团队合作理念以及同学友谊。4. 价值目标：培养学生自信心及个性化发展。【教学资源】1. 硬
2、件：多媒体网络电脑室;软件：安装Macromedia Dreamweaver 4、 Microsoft FrontPagc等网页制作工具。2. 准备好设计表格发学生（电子）。【教学过程设计】一、引入打开儿个不同类型的优秀网站，让学生欣赏，学生分组讨论网站的设计风格、 整体规划、素材的运用、颜色的运用等特点，引发学生兴趣，并指出其实这些网 站我们都能制作，并有可能比它们做得更好，增加学生学习网站的信心。教师同学们，上节课你们已经确定了专题网站的主题，这节课我们就来 完成网站的设计，那么下节课，你们就可以开始动手来制作网站了。让学生对这个网站栏目进行分析表4-7 “机器人做学玩”网站栏目设置栏目名
3、称子栏目名称内容描述机器人博览成长历史回顾机器人的发展历史，关注机器人的未来发展趋势动态关注机器人概述各家定义介绍对机器人的各 种定义，展示FI前机器 人的几大种类分门别类机器人文化人机互动展现人类关于机器 人的种种联想，机器人 与人类的共同发展浮想联翩机器人比赛群雄逐鹿介绍近年来的机器 人制作赛事和机器人制 作的成功案例设计制作站点内服务网站地图方便访问者的浏 览，给浏览者留出发表 自己意见的空间版权申明论坛留言板这个网站按什么进行分灯的，它的栏目到底有多少？然后完成自己小组的栏 目设置：4. 2网站栏目设计根据小组的网站主题和内容，对网站的栏目进行设计。网站主题：栏目名称子栏目名称内容描述
4、（教师组织学生讨论，并让小组回答，每小组回答完后教师都作点评。）二、版面设计教师上网冲浪，会有大量的网页掠过我们的眼帘，但是能够吸引我们眼球 的只有那些有特色的网页，大量的网站引不起网民的兴趣，访问者寥寥无几，究 其原因，网站内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重 要的因素之一，版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信 息的东西，通俗地讲，也就是将不同元素巧妙排列的方式。布局就是以最适合浏 览的方式将图片和文字排放在页面的不同位置。讲解常用的几种页面布局样式:“厂”字型，“口”字型，自由式。“厂”字型：页面顶部为主菜单以及横条网站标志+广告，下面左面为主菜
5、单，右面显示内容的布局。优点：页面结构清晰，主次分明；缺点：呆板，如果 细节色彩上不注意，容易“看之无味：。“口“字型：页面一般上下各有一个广告条，左面是主菜单，右面放友情链 接等，中间是主要内容。优点：充分利用版面，信息量大，与其他页面的链接多， 切换方便；缺点：页面拥挤，不够灵活。自由式：又称为POP布局，页面布局像一张宣传海报，以一张精美图片作为 页面的设计中心，菜单栏目自由摆放。优点：漂亮、吸引人，适宜于艺术类网站； 缺点：显示速度慢文字信息量少。（教师要让学生广开思路，可小组讨论，也可一对一讨论，教师要明确指出需要分析与网站主题的关系。）三、树立网站整体风格网站标志如同商标一样，看见标志就让大家联想起你的网站。标准色彩标准字体收集素材四、学生评价每个小组的规划表都要上台展示给其它小组，让大家评价，小组成员可根据 评价结果完善最终网站规划表。五、教师评价小结教师对各小组网站规划表进行评价，同时指出优缺点。明确各小组的规划要 在年级内、班级内进行打分比赛，要求学生最终完善网站规划表。并把本班优秀 的规划表张贴在电脑室公示栏，让学生自己去评价。对这节课进行总体小结。指出这节课学生学习状态、讨论参与度、纪律情况 等，评价学生的优缺点，主要是鼓励学生对制作网站增强信心。【课余练习】教师提供一些优秀网站地址给学生上网进行比较参考，进一步完善设计。