南京师范大学招生办-河南中医学院分数线

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


四、教学设计
教学过程 教师活动 学生活动
师生交流： 网站提
供相关内容丰富的
信息，很漂亮，有的
还可以与访问者交
互等
设计意图
漫谈网站的作
用
教师引导:现如今，网站已经广泛应用到社会的各
行各业，渗透到各个领域。
1.那我们可以借助网站来做什么呢？

新课引入

2.先让我们一起来欣赏几个优秀网站

一、教师安排学生阅读课本或教师讲解以下知识
点：
新 1、网站规划的基本过程
授 网站设计是一项工程，我们需要一个具体规划，一
般规划需要如下几个过程：



认真阅读书本
（或认真听教师讲
解）


此部分内容仅
要求了解，故无
需深入讲解

模仿教师网站内容，

规划自己即将要设

计的网站（包括主
2、什么是网站的规划
题、页面内容等）需
(1)规划涉及的内容 (2)网站的要素
填写相关表格，以指
二、引导学生规划自己的网站
导日后网站设计
同样结合实例，展示教师的规划，并要求学生

模仿，规划自己的网站，给出主题与相关页面内容


等主题网站规划

网页展示网页

网页名称 备注
内容 结构




m











认真阅读书本
（或认真听教师讲
主题：
解）
三、网站的设计
欣赏并回答
网站设计的目的在于把需要表达的信息以恰

当的方式组织并呈现在网上，设法吸引人们的关


注，并为浏览者提供方便的访问。网站设计一般包

括网站栏目结构设计、网页版面设计、网页的链接

设计（导航设计）等。

请同学们再看看本课开头提供的几个优秀网站，并


思考以下几个问题：

（1）这些网站是怎样围绕主题展现内容的？


（2）这些网站提供了哪些栏目及功能？
学生通过前面对网
（3）网站的链接有哪些特色，是否便捷？
站做的规划，设计网
（4）网站主页的布局、色彩运用在哪些特点？
站结构，教师巡回指
1、网站的结构设计
导。
经验告诉我们，建立一个网站好比写一篇文章，首








结合实例的分
析，给学生以更
直观的认识

先要拟好提纲，文章才能主题明确，层次清晰；也
好比造一座高楼，首先要设计好框 架图纸，才能使
楼房结构合理。
制作网站前要设计好网站的栏目，网站的栏目可
以有多层，但并不是层数越多越好，以能够恰当地
体现网站主题为好。此外，每个栏目应有一个大致的内容描述，以表达该栏目的设计思路。
2、网页的版面设计
(1)风格设计
风格是指网站的整体形象给浏览者的综合感受。有
的严肃计策，有的清爽温馨，有的深沉厚重，有的< br>生动活泼，有的古朴典雅，有的豪迈奔放。风格设
计与主题是密不可分的，是为突出主题服务的。
(2) 版面布局设计
网页要呈现的内容很多，概括起来可分为标题信
息、栏目信 息、内容信息、附加信息等，需要进行
合理的放置，让人看起来井井有条，主次分明。
3、网页的交互设计
网站它不是一个“被动”的媒体，和电视、电台
等媒体不一样 的是网页是需要我们用鼠标去点击
的。 浏览者点击连接，网页显示出需要的内容然
后在传递给浏览者。这就是网页的交互性。
四、任务布置
请每个同学（或同桌两个合作，合作成员不能超过
两个）设计制作一份网页作品。
1、要求：
（1）主题自定；
（2）总共要有10个页面或以上。
（3）网页中的内容要紧密结合作者的学习、生活
实际或社会实践。

（ 4）在水平分辨率为1024（或以上）像素的电脑
屏幕上浏览时，页面保持整齐，不允许出现横向的< br>滚动条。
































学生分组完成任务
教师巡回个别指导





教师对学生作品作
出评价


总结本课

五、评价学生作业并总结本节课内容

二、在任何事情上都不要觉得自己受了多大的委屈，哭哭啼啼和别别扭扭改变不了糟糕的 现状。心子开一点，认真地该干啥干啥，反倒走得顺畅许多。扛得住多少东西，最后就会得到多
少东西， 大致就是这么个理儿吧。
三、生命本没有意义，你要能给他什么意义，他就有什么意义。与其终日 冥想人生有何意义，不如试用此生做点有意义的事。
四、爱怕沉默。太多的人，以为爱到深处是无言。其实，爱是很难描述的一种情感，需要详尽的表达和传递。
五、有些路，只能一个人走。
六、有一种落差是，你配不上自己的野心，也辜负了所受的苦难。
七、有些决定，只需要一分钟，可是，却会用一辈子，去后悔那一分钟。
八、“忽然想通了”,这 五个字说来简单，要做到可真不容易。我佛如来在菩堤树下得道，就因为他“忽然想通了”.达摩祖师面壁十八年 ，才总算“忽然想通了”.无论什么事，你只要能“忽然想
通了”,你就不会有烦恼，但达到这地步之前 ，你一定已不知道有过多少烦恼。
九、如果他总为别人撑伞，你何苦非为他等在雨中。
十、我对前任的感觉很简单，哪怕他的女朋友来我面前秀恩爱，我也不会觉得烦。就像在看别人吃一碗很香的卤肉 饭，吧唧嘴巴弄得很大声，但我自己心里是明白的：我吃过那种饭，其
实没那么好吃。
十 一、为什么我们总是不懂得珍惜眼前人？在未可预知的重逢里，我们以为总会重逢，总会有缘再会，总以为有机会 说一声对不起，却从没想过每一次挥手道别，都可能是诀别，每一声
叹息，都可能是人间最后的一声叹息 。
十二、我在最好的时候碰到你，是我的运气。可惜我没时间了。想想，说人生无悔，都是赌气的 话。人生若无悔，那该多无趣啊。我心里有过你。可我也只能到喜欢为止了。
十三、我说不出来为什么爱你，但我知道，你就是我不爱别人的理由。
十四、当你在转圈的时候，这个世界很大，当你勇往直前，这个世界就很小。
十五、现在男女之间的恋 爱，总是答应太快，结果分手也快。人性的规律是容易得到的就容易放弃。凡是通过努力得到的，不管是感情还是 物品，都会使人顿生珍惜之感。所以
在感情上，当

有人追求时，内心的一份矜持是必要的，即使心里很爱，也需要给追求者时间和难 度，这样两人走到一起才会珍惜感情、地久天长。
十六、我从来不会在分手很久后才会哭，因为不值。
十七、高兴呢，就允许自己高兴一天；难过呢，也允许自己难过一天。关键是这一天过去了，你得继续往前走。
十八、对于世界而言，你是一个人；但是对于某个人，你是TA的整个世界。
十九、我们渐渐的放开了对方的手
二十、为爱投入不应该被苛责，只是忘记自己却是爱情里的最大 弊病，也许，爱情里最好的状态不是牺牲与忍让，而是站在可以看到彼此的位置里，在对方的眼里可以看到最真实 的自己。

二十一、人生一世，总有个 追求，有个盼望，有个让自己珍视，让自己向往，让自己护卫，愿意为之活一遭，乃至愿意为之献身的东西，这就 是价值了。
二十二、“做自己”很难，但更难的是遇到能接受你“做自己”的人。
二十三、只有在你最落魄时，才会知道谁是为你担心的笨蛋，谁是形同陌路的混蛋。
二十四、老天在送你一个大礼物时，都会用重重困难做包装。
二十五、很奇妙的一种感觉是，曾经 的陌生人，突然之间成为了你的整个世界。我们不可能再有一个童年；不可能再有一个初中；不可能再有一个初恋 ；不可能再有从前的快乐、幸福、
悲伤、痛苦。昨天，前一秒，通通都不可能再回去。——生命原来是一 场无法回放的绝版电影！
二十六、有时阳光很好，有时阳光很暗，这就是生活。
二十七、再多的“我爱你”也抵不过一句“分手吧”
二十八、失望，有时候也是一种幸福。因为有 所期待，所以才会失望。因为有爱，才会有期待。所以纵使失望也是一种幸福，虽然这种幸福有点痛。
二十九、当生活给你设置重重关卡的时候，再撑一下，每次地咬牙闯关过后，你会发现想要的都在手中，想丢的都 留在了身后。
三十、人生没有真正的绝望。树，在秋天放下了落叶，心很疼。可是，整个冬天，它 让心在平静中积蓄力量。春天一到，芳华依然。只要生命还握在手心，人生就没有绝望。人有悲欢离
合， 月有阴晴圆缺。一时的成败得失对于一生来说，不过来了一场小感冒。心若累了，让它休息，灵魂的修复是人生永 不干枯的希望。

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


四、教学设计
教学过程 教师活动 学生活动
师生交流： 网站提
供相关内容丰富的
信息，很漂亮，有的
还可以与访问者交
互等
设计意图
漫谈网站的作
用
教师引导:现如今，网站已经广泛应用到社会的各
行各业，渗透到各个领域。
1.那我们可以借助网站来做什么呢？

新课引入

2.先让我们一起来欣赏几个优秀网站

一、教师安排学生阅读课本或教师讲解以下知识
点：
新 1、网站规划的基本过程
授 网站设计是一项工程，我们需要一个具体规划，一
般规划需要如下几个过程：



认真阅读书本
（或认真听教师讲
解）


此部分内容仅
要求了解，故无
需深入讲解

模仿教师网站内容，

规划自己即将要设

计的网站（包括主
2、什么是网站的规划
题、页面内容等）需
(1)规划涉及的内容 (2)网站的要素
填写相关表格，以指
二、引导学生规划自己的网站
导日后网站设计
同样结合实例，展示教师的规划，并要求学生

模仿，规划自己的网站，给出主题与相关页面内容


等主题网站规划

网页展示网页

网页名称 备注
内容 结构




m











认真阅读书本
（或认真听教师讲
主题：
解）
三、网站的设计
欣赏并回答
网站设计的目的在于把需要表达的信息以恰

当的方式组织并呈现在网上，设法吸引人们的关


注，并为浏览者提供方便的访问。网站设计一般包

括网站栏目结构设计、网页版面设计、网页的链接

设计（导航设计）等。

请同学们再看看本课开头提供的几个优秀网站，并


思考以下几个问题：

（1）这些网站是怎样围绕主题展现内容的？


（2）这些网站提供了哪些栏目及功能？
学生通过前面对网
（3）网站的链接有哪些特色，是否便捷？
站做的规划，设计网
（4）网站主页的布局、色彩运用在哪些特点？
站结构，教师巡回指
1、网站的结构设计
导。
经验告诉我们，建立一个网站好比写一篇文章，首








结合实例的分
析，给学生以更
直观的认识

先要拟好提纲，文章才能主题明确，层次清晰；也
好比造一座高楼，首先要设计好框 架图纸，才能使
楼房结构合理。
制作网站前要设计好网站的栏目，网站的栏目可
以有多层，但并不是层数越多越好，以能够恰当地
体现网站主题为好。此外，每个栏目应有一个大致的内容描述，以表达该栏目的设计思路。
2、网页的版面设计
(1)风格设计
风格是指网站的整体形象给浏览者的综合感受。有
的严肃计策，有的清爽温馨，有的深沉厚重，有的< br>生动活泼，有的古朴典雅，有的豪迈奔放。风格设
计与主题是密不可分的，是为突出主题服务的。
(2) 版面布局设计
网页要呈现的内容很多，概括起来可分为标题信
息、栏目信 息、内容信息、附加信息等，需要进行
合理的放置，让人看起来井井有条，主次分明。
3、网页的交互设计
网站它不是一个“被动”的媒体，和电视、电台
等媒体不一样 的是网页是需要我们用鼠标去点击
的。 浏览者点击连接，网页显示出需要的内容然
后在传递给浏览者。这就是网页的交互性。
四、任务布置
请每个同学（或同桌两个合作，合作成员不能超过
两个）设计制作一份网页作品。
1、要求：
（1）主题自定；
（2）总共要有10个页面或以上。
（3）网页中的内容要紧密结合作者的学习、生活
实际或社会实践。

（ 4）在水平分辨率为1024（或以上）像素的电脑
屏幕上浏览时，页面保持整齐，不允许出现横向的< br>滚动条。
































学生分组完成任务
教师巡回个别指导





教师对学生作品作
出评价


总结本课

五、评价学生作业并总结本节课内容

二、在任何事情上都不要觉得自己受了多大的委屈，哭哭啼啼和别别扭扭改变不了糟糕的 现状。心子开一点，认真地该干啥干啥，反倒走得顺畅许多。扛得住多少东西，最后就会得到多
少东西， 大致就是这么个理儿吧。
三、生命本没有意义，你要能给他什么意义，他就有什么意义。与其终日 冥想人生有何意义，不如试用此生做点有意义的事。
四、爱怕沉默。太多的人，以为爱到深处是无言。其实，爱是很难描述的一种情感，需要详尽的表达和传递。
五、有些路，只能一个人走。
六、有一种落差是，你配不上自己的野心，也辜负了所受的苦难。
七、有些决定，只需要一分钟，可是，却会用一辈子，去后悔那一分钟。
八、“忽然想通了”,这 五个字说来简单，要做到可真不容易。我佛如来在菩堤树下得道，就因为他“忽然想通了”.达摩祖师面壁十八年 ，才总算“忽然想通了”.无论什么事，你只要能“忽然想
通了”,你就不会有烦恼，但达到这地步之前 ，你一定已不知道有过多少烦恼。
九、如果他总为别人撑伞，你何苦非为他等在雨中。
十、我对前任的感觉很简单，哪怕他的女朋友来我面前秀恩爱，我也不会觉得烦。就像在看别人吃一碗很香的卤肉 饭，吧唧嘴巴弄得很大声，但我自己心里是明白的：我吃过那种饭，其
实没那么好吃。
十 一、为什么我们总是不懂得珍惜眼前人？在未可预知的重逢里，我们以为总会重逢，总会有缘再会，总以为有机会 说一声对不起，却从没想过每一次挥手道别，都可能是诀别，每一声
叹息，都可能是人间最后的一声叹息 。
十二、我在最好的时候碰到你，是我的运气。可惜我没时间了。想想，说人生无悔，都是赌气的 话。人生若无悔，那该多无趣啊。我心里有过你。可我也只能到喜欢为止了。
十三、我说不出来为什么爱你，但我知道，你就是我不爱别人的理由。
十四、当你在转圈的时候，这个世界很大，当你勇往直前，这个世界就很小。
十五、现在男女之间的恋 爱，总是答应太快，结果分手也快。人性的规律是容易得到的就容易放弃。凡是通过努力得到的，不管是感情还是 物品，都会使人顿生珍惜之感。所以
在感情上，当

有人追求时，内心的一份矜持是必要的，即使心里很爱，也需要给追求者时间和难 度，这样两人走到一起才会珍惜感情、地久天长。
十六、我从来不会在分手很久后才会哭，因为不值。
十七、高兴呢，就允许自己高兴一天；难过呢，也允许自己难过一天。关键是这一天过去了，你得继续往前走。
十八、对于世界而言，你是一个人；但是对于某个人，你是TA的整个世界。
十九、我们渐渐的放开了对方的手
二十、为爱投入不应该被苛责，只是忘记自己却是爱情里的最大 弊病，也许，爱情里最好的状态不是牺牲与忍让，而是站在可以看到彼此的位置里，在对方的眼里可以看到最真实 的自己。

二十一、人生一世，总有个 追求，有个盼望，有个让自己珍视，让自己向往，让自己护卫，愿意为之活一遭，乃至愿意为之献身的东西，这就 是价值了。
二十二、“做自己”很难，但更难的是遇到能接受你“做自己”的人。
二十三、只有在你最落魄时，才会知道谁是为你担心的笨蛋，谁是形同陌路的混蛋。
二十四、老天在送你一个大礼物时，都会用重重困难做包装。
二十五、很奇妙的一种感觉是，曾经 的陌生人，突然之间成为了你的整个世界。我们不可能再有一个童年；不可能再有一个初中；不可能再有一个初恋 ；不可能再有从前的快乐、幸福、
悲伤、痛苦。昨天，前一秒，通通都不可能再回去。——生命原来是一 场无法回放的绝版电影！
二十六、有时阳光很好，有时阳光很暗，这就是生活。
二十七、再多的“我爱你”也抵不过一句“分手吧”
二十八、失望，有时候也是一种幸福。因为有 所期待，所以才会失望。因为有爱，才会有期待。所以纵使失望也是一种幸福，虽然这种幸福有点痛。
二十九、当生活给你设置重重关卡的时候，再撑一下，每次地咬牙闯关过后，你会发现想要的都在手中，想丢的都 留在了身后。
三十、人生没有真正的绝望。树，在秋天放下了落叶，心很疼。可是，整个冬天，它 让心在平静中积蓄力量。春天一到，芳华依然。只要生命还握在手心，人生就没有绝望。人有悲欢离
合， 月有阴晴圆缺。一时的成败得失对于一生来说，不过来了一场小感冒。心若累了，让它休息，灵魂的修复是人生永 不干枯的希望。