七年级信息技术上册第12课规划与设计网站教案新人教版.pdf

《七年级信息技术上册第12课规划与设计网站教案新人教版.pdf》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网站规划网站的设计一、教学目标1、知识与技能（1）了解网站规划的几个阶段和几个要点基本过程（2）掌握网站规划和设计的过程和方法。2、过程与方法（1）通过浏览与欣赏几个教师提供的主题网站的内容、结构、风格、质量，并进行对比，了解网站设计的内容、特点以及根据不同内容选择不同设计风格等（2）以个人或小组集体确立一个网站的主题，并围绕主题讨论即将设计的几个页面，规划每个页面大致需要反映的内容，从而了解规划的一般过程3、情感态度与价值观（1）通过网站主题的选择、讨论、规划，培养学生交流合作意识。（2）通过学生动手上网

2、收集与整理资料等实践活动，使学生养成分类管理的思想。二、教学重、难点网站规划和设计三、教学方法对比教学法，探究学习法，讨论交流四、教学设计教学过程教师活动学生活动设计意图教师引导:现如今，网站已经广泛应用到社会的各师生交流：网站提漫谈网站的作行各业，渗透到各个领域。供相关内容丰富的用1.那我们可以借助网站来做什么呢？信息，很漂亮，有的新课引入还可以与访问者交2.先让我们一起来欣赏几个优秀网站互等此部分内容仅一、教师安排学生阅读课本或教师讲解以下知识要求了解，故无点：需深入讲解新1、网站规划的基本过程认真阅读

3、书本授网站设计是一项工程，我们需要一个具体规划，一（或认真听教师讲般规划需要如下几个过程：解）模仿教师网站内容，规划自己即将要设结合实例的分计的网站（包括主析，给学生以更2、什么是网站的规划题、页面内容等）需直观的认识(1)规划涉及的内容(2)网站的要素填写相关表格，以指二、引导学生规划自己的网站导日后网站设计同样结合实例，展示教师的规划，并要求学生模仿，规划自己的网站，给出主题与相关页面内容等主题网站规划网页展示网页网页名称备注内容结构Index.htm认真阅读书本（或认真听教师讲主题：解）三、网站的设计

4、欣赏并回答网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。请同学们再看看本课开头提供的几个优秀网站，并思考以下几个问题：（1）这些网站是怎样围绕主题展现内容的？（2）这些网站提供了哪些栏目及功能？学生通过前面对网（3）网站的链接有哪些特色，是否便捷？站做的规划，设计网（4）网站主页的布局、色彩运用在哪些特点？站结构，教师巡回指1、网站的结构设计导。经验告诉我们，建立一个

5、网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。制作网站前要设计好网站的栏目，网站的栏目可以有多层，但并不是层数越多越好，以能够恰当地体现网站主题为好。此外，每个栏目应有一个大致的内容描述，以表达该栏目的设计思路。2、网页的版面设计(1)风格设计风格是指网站的整体形象给浏览者的综合感受。有的严肃计策，有的清爽温馨，有的深沉厚重，有的生动活泼，有的古朴典雅，有的豪迈奔放。风格设计与主题是密不可分的，是为突出主题服务的。(2)版面布局设

6、计网页要呈现的内容很多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等，需要进行合理的放置，让人看起来井井有条，主次分明。3、网页的交互设计网站它不是一个“被动”的媒体，和电视、电台等媒体不一样的是网页是需要我们用鼠标去点击的。浏览者点击连接，网页显示出需要的内容然后在传递给浏览者。这就是网页的交互性。四、任务布置请每个同学（或同桌两个合作，合作成员不能超过学生分组完成任务两个）设计制作一份网页作品。教师巡回个别指导1、要求：（1）主题自定；（2）总共要有10个页面或以上。（3）网页中的内容要紧密结

7、合作者的学习、生活教师对学生作品作实际或社会实践。出评价（4）在水平分辨率为1024（或以上）像素的电脑总结本课屏幕上浏览时，页面保持整齐，不允许出现横向的滚动条。五、评价学生作业并总结本节课内容