网站规划与设计教案.pdf

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

1、1.11.1附件附件1 1：aceace与与GBT19011-2008GBT19011-2008标准主要差异性分析标准主要差异性分析课 题：网站规划：网站规划网站的设计网站的设计一、教学目标1、知识与技能（1 1）了解网站规划的几个阶段和几个要点基本过程）了解网站规划的几个阶段和几个要点基本过程（2 2）掌握网站规划和设计的过程和方法。）掌握网站规划和设计的过程和方法。2、过程与方法（1 1）通过浏览与欣赏几个教师提供的主题网站的内容、结构、风格、质量，并进行对比，了解网站设计的）通过浏览与欣赏几个教师提供的主题网站的内容、结构、风格、质量，并进行对比，了解网站设计的内容、特点以及根据不同内容

2、选择不同设计风格等内容、特点以及根据不同内容选择不同设计风格等（2 2）以个人或小组集体确立一个网站的主题，并围绕主题讨论即将设计的几个页面，规划每个页面大致需）以个人或小组集体确立一个网站的主题，并围绕主题讨论即将设计的几个页面，规划每个页面大致需要反映的内容，从而了解规划的一般过程要反映的内容，从而了解规划的一般过程3、情感态度与价值观（1 1）通过网站主题的选择、讨论、规划，培养学生交流合作意识。）通过网站主题的选择、讨论、规划，培养学生交流合作意识。（2 2）通过学生动手上网收集与整理资料等实践活动，使学生养成分类管理的思想。）通过学生动手上网收集与整理资料等实践活动，使学生养成分类管

3、理的思想。二、教学重、难点网站规划和设计网站规划和设计三、教学方法对比教学法，探究学习法，讨论交流对比教学法，探究学习法，讨论交流四、教学设计教学过程教师活动教师引导教师引导:现如今，网站已经广泛应用到社会现如今，网站已经广泛应用到社会学生活动师生交流：师生交流：网站提供相关内容网站提供相关内容丰富的信息，很漂丰富的信息，很漂亮，有的还可以与亮，有的还可以与访问者交互等访问者交互等设计意图漫谈网站的作漫谈网站的作用用新课引入的各行各业，渗透到各个领域。的各行各业，渗透到各个领域。1.1.那我们可以借助网站来做什么呢？那我们可以借助网站来做什么呢？2.2.先让我们一起来欣赏几个优秀网站先让我们一

4、起来欣赏几个优秀网站1d1d1.11.1附件附件1 1：aceace与与GBT19011-2008GBT19011-2008标准主要差异性分析标准主要差异性分析一、教师安排学生阅读课本或教师讲解以下知识一、教师安排学生阅读课本或教师讲解以下知识点：点：1 1、网站规划的基本过程、网站规划的基本过程网站设计是一项工程，我们需要一个具体规网站设计是一项工程，我们需要一个具体规划，一般规划需要如下几个过程：划，一般规划需要如下几个过程：认真阅读书本认真阅读书本（或认真听教师讲（或认真听教师讲解）解）模仿教师网站模仿教师网站内容，规划自己即内容，规划自己即将要设计的网站（将要设计的网站（包括主题、页面

5、内包括主题、页面内容等）需填写相关容等）需填写相关表格，以指导日后表格，以指导日后网站设计网站设计此部分内容仅此部分内容仅要求了解，故要求了解，故无需深入讲解无需深入讲解2 2、什么是网站的规划、什么是网站的规划(1)(1)规划涉及的内容规划涉及的内容(2)(2)网站的要素网站的要素结合实例的分结合实例的分析，给学生以析，给学生以更直观的认识更直观的认识二、引导学生规划自己的网站二、引导学生规划自己的网站同样结合实例，展示教师的规划，并要求学同样结合实例，展示教师的规划，并要求学新授生模仿，规划自己的网站，给出主题与相关页面生模仿，规划自己的网站，给出主题与相关页面内容等主题网站规划内容等主题

6、网站规划网页名称网页名称Index.htIndex.htmm主题：主题：三、网站的设计三、网站的设计网站设计的目的在于把需要表达的信息以恰网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。网站设计一般注，并为浏览者提供方便的访问。网站设计一般包括网站栏目结构设计、网页版面设计、网页的包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。链接设计（导航设计）等。请同学们再看看本课开头提供的几个优秀网请同学们再看看本课开头提供的几个优秀网站，并思考以下几个问题：站，并思考以下几个问题：

7、2d2d网页展示网页展示内容内容网页网页结构结构备注备注认真阅读书本认真阅读书本（或认真听教师讲（或认真听教师讲解）解）欣赏并回答欣赏并回答1.11.1附件附件1 1：aceace与与GBT19011-2008GBT19011-2008标准主要差异性分析标准主要差异性分析（2 2）这些网站提供了哪些栏目及功能？）这些网站提供了哪些栏目及功能？（3 3）网站的链接有哪些特色，是否便捷？）网站的链接有哪些特色，是否便捷？（4 4）网站主页的布局、色彩运用在哪些特点？）网站主页的布局、色彩运用在哪些特点？1 1、网站的结构设计、网站的结构设计经验告诉我们，建立一个网站好比写一篇文经验告诉我们，建立一

8、个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图清晰；也好比造一座高楼，首先要设计好框架图（1 1）这些网站是怎样围绕主题展现内容的？）这些网站是怎样围绕主题展现内容的？纸，才能使楼房结构合理。纸，才能使楼房结构合理。制作网站前要设计好网站的栏目，网站的栏目可制作网站前要设计好网站的栏目，网站的栏目可以有多层，但并不是层数越多越好，以能够恰当以有多层，但并不是层数越多越好，以能够恰当地体现网站主题为好。此外，每个栏目应有一个地体现网站主题为好。此外，每个栏目应有一个大致的内容描述，以表达该栏目的设计

9、思路。大致的内容描述，以表达该栏目的设计思路。2 2、网页的版面设计、网页的版面设计(1)(1)风格设计风格设计风格是指网站的整体形象给浏览者的综合感风格是指网站的整体形象给浏览者的综合感受。有的严肃计策，有的清爽温馨，有的深沉厚受。有的严肃计策，有的清爽温馨，有的深沉厚重，有的生动活泼，有的古朴典雅，有的豪迈奔重，有的生动活泼，有的古朴典雅，有的豪迈奔放。风格设计与主题是密不可分的，是为突出主放。风格设计与主题是密不可分的，是为突出主题服务的。题服务的。(2)(2)版面布局设计版面布局设计(3)(3)网页要呈现的内容很多，概括起来可分为标题信网页要呈现的内容很多，概括起来可分为标题信息、栏目

10、信息、内容信息、附加信息等，需要进息、栏目信息、内容信息、附加信息等，需要进行合理的放置，让人看起来井井有条，主次分明行合理的放置，让人看起来井井有条，主次分明。3 3、网页的交互设计、网页的交互设计网站它不是一个网站它不是一个“被动被动”的媒体，和电视、电的媒体，和电视、电台等媒体不一样的是网页是需要我们用鼠标去点台等媒体不一样的是网页是需要我们用鼠标去点击的。击的。浏览者点击连接，网页显示出需要的内容然后在浏览者点击连接，网页显示出需要的内容然后在传递给浏览者。这就是网页的交互性。传递给浏览者。这就是网页的交互性。四、任务布置四、任务布置请每个同学（或同桌两个合作，合作成员不请每个同学（或

11、同桌两个合作，合作成员不能超过两个）设计制作一份网页作品。能超过两个）设计制作一份网页作品。1 1、要求：、要求：（1 1）主题自定；）主题自定；3d3d学生通过前面学生通过前面对网站做的规划，对网站做的规划，设计网站结构，教设计网站结构，教师巡回指导。师巡回指导。1.11.1附件附件1 1：aceace与与GBT19011-2008GBT19011-2008标准主要差异性分析标准主要差异性分析（2 2）总共要有）总共要有1010个页面或以上。个页面或以上。（3 3）网页中的内容要紧密结合作者的学习、）网页中的内容要紧密结合作者的学习、生活实际或社会实践。生活实际或社会实践。（4 4）在水平分辨率为）在水平分辨率为10241024（或以上）像素的（或以上）像素的电脑屏幕上浏览时，页面保持整齐，不允许出现电脑屏幕上浏览时，页面保持整齐，不允许出现横向的滚动条。横向的滚动条。五、评价学生作业并总结本节课内容五、评价学生作业并总结本节课内容学生分组完成任务学生分组完成任务教师巡回个别指导教师巡回个别指导教师对学生作品作教师对学生作品作出评价出评价总结本课总结本课精品文档 word 文档可以编辑！谢谢下载！4d4d