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

《2022年七年级信息技术上册规划与设计网站教案新人教版 .pdf》由会员分享，可在线阅读，更多相关《2022年七年级信息技术上册规划与设计网站教案新人教版 .pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、学方法对比教学法，探究学习法，讨论交流四、教学设计教学过程教师活动学生活动设计意图新课引入教师引导 : 现如今，网站已经广泛应用到社会的各行各业，渗透到各个领域。1. 那我们可以借助网站来做什么呢？2. 先让我们一起来欣赏几个优秀网站师生交流：网站提供 相关 内容 丰富 的信息，很漂亮，有的还 可以 与访 问者 交互等漫谈网站的作用新授一、教师安排学生阅读课本或教师讲解以下知识点：1、网站规划的基本过程网站设计是一项工程，我们需要一个具体规划，一般规划需要如下几个过程：认真阅读书本（ 或认 真听 教师 讲解）此部分内容仅要求了解，故无需深入讲解名师资料总结 - - -精品资料欢迎下载 - -

3、- - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 4 页 - - - - - - - - - 2、什么是网站的规划(1) 规划涉及的内容 (2)网站的要素二、引导学生规划自己的网站同样结合实例，展示教师的规划，并要求学生模仿，规划自己的网站，给出主题与相关页面内容等主题网站规划网页名称网页展示内容网页结构备注Index.htm 主题：三、网站的设计网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航

4、设计）等。请同学们再看看本课开头提供的几个优秀网站，并思考以下几个问题：（1）这些网站是怎样围绕主题展现内容的？（2）这些网站提供了哪些栏目及功能？（3）网站的链接有哪些特色，是否便捷？（4）网站主页的布局、色彩运用在哪些特点？1、网站的结构设计经验告诉我们，建立一个网站好比写一篇文章，首模仿教师网站内容，规 划自 己即 将要 设计 的网 站（ 包括 主题、页面内容等）需填写相关表格， 以指导日后网站设计认真阅读书本（ 或认 真听 教师 讲解）欣赏并回答学 生通 过前 面对 网站做的规划，设计网站结构，教师巡回指导。结合实例的分析，给学生以更直观的认识名师资料总结 - - -精品资料欢迎下载

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

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

7、平分辨率为1024（或以上）像素的电脑屏幕上浏览时，页面保持整齐，不允许出现横向的滚动条。学生分组完成任务教师巡回个别指导教 师对 学生 作品 作出评价总结本课名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 4 页 - - - - - - - - - 五、评价学生作业并总结本节课内容名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 4 页 - - - - - - - - -