文档内容
课题：网站规划与设计
教学目标：1、了解网站规划与设计对社会生活的影响
2、通过欣赏各类网站学会网站的规划与设计方法
3、培养对网站规划与设计的兴趣
教学重点：网站的规划与设计方法
教学难点：引导学生运用Dream weaver软件设计出一个网站
教学方法：演示法、讲授法、讨论法、练习法、实践法
教学准备：多媒体课件、各类网站图片
教学过程：
（一）设置情境，导入新课
1、教师播放央视网《中国民航局官方网站正式上线》的视频
并提出问题：刚才那段视频向我们展示了什么？
2、学生自由回答。
3、教师总结：刚才那段视频向我们展示了中国民航局局长冯正霖在航空工作领导小
组第四次会议上宣布中国民航局官方网站正式上线
如果让你来规划与设计一个网站，你觉得应该从何入手？
引入课题《网站规划与设计》
（二）仔细观察，感知网站规划与设计
1、教师展示福建省永春县人民政府与清华大学的官方网站并提出问题：
这些网站是怎样规划与设计的？
在规划与设计时首先要做什么？
2、学生独立思考回答
3、教师总结
（三）交流探讨，认识网站规划与设计
1、教师展示其他的网站并提出问题：
这些网站在内容规划与设计构思上有什么特点？
2、同桌交流讨论回答
3、教师总结
（四）布置活动
1、教师布置活动：规划与设计一个网站。简要介绍步骤。
2、学生同桌两人一小组，使用一台计算机动手设计。
3、教师巡回指导。
（五）交流评价，小结作业
1、展示作品，小组代表上台介绍
2、教师评价总结
3、教师布置课后作业：为学校图书馆设计一个网站，方便同学们在网上借阅图书
板书设计：
网站规划与设计
1、内容规划 2、设计构思尊敬的各位评委老师，上午好，我今天试讲的题目是网站规划与设计，接下来我将开始
我的试讲。
上课，同学们好，请坐，同学们，我们来欣赏一下大屏幕上的这段视频，大家认真看，一会
儿老师要提问题哟。好，谁能告诉老师，刚才那段视频向我们展示了什么？嗯，好，你来说，你
说：你看见很多中国民航局的领导在开会，好，请坐。这位女同学，你再来说一下，你还观察到
了什么？你说：民航局建立了一个官方网站，将各航班的起降信息都发布在网站上，方便乘
客查询与订购。你观察得很仔细，如果下次回答问题时声音再响亮一些，让其他同学都能听
到就更好了，请坐。这两位同学说的都很好，刚才那段视频展示的是中国民航局局长冯正霖
在航空工作领导小组第四次会议上宣布中国民航局官方网站正式上线。那老师要问问同学
们了，如果让你来规划与设计一个网站，你觉得应该从何入手呢？老师看到同学们都很疑惑，
不用着急，今天我们就一起来学习一下如何规划与设计网站（板书课题）
同学们，我们来欣赏大屏幕上福建省永春县人民政府与清华大学的官方网站，你们仔细
观察一下，看看这些网站是怎样规划与设计的呢？好，靠窗的这位女同学，你来说，你说：福
建省永春县人民政府针对农产品销售问题建立了《大地永春》的网站，对外发布农产品成熟
的信息，对内宣传国家关于农业的各项政策，普及种植农作物的各类知识，传递周边各大城
市的需求，仅一年时间果蔬贸易额就突破了一亿元，使农民尝到了现代信息技术的甜头。很
好，还有哪位同学想要补充一下？好，后面的这位男同学你来说，你说：你一紧张忘记了要说
什么，好，没关系，坐下想一想。旁边这位同学，你再来说说吧，你说：清华大学通过官方网站
实现了针对校外进修生的网络教学，各院系都有自己独立的主页，教授们时常在主页上更新
课程信息与学科动态，还建立了BBS论坛，学校师生不用见面就可以在论坛中自由发言讨论
研究成果。说得很好，请坐。刚才几位同学回答得都很正确，那么通过这些网站我们可以看出，
在规划与设计时，首先要做什么呀？对了，我们首先要考虑网站的功能，同学们可真聪明呀。
下面，我们再来看一看其他的网站，大家和同桌交流探讨一下，这些网站在内容规划与
设计构思上有什么特点？（板书“内容规划、设计构思”）好，左边的这位女同学，你来说，你
说：这个中国工商银行的网站向客户提供了丰富全面的线上金融服务，客户可以在网上打理
个人账户，进行方便快捷的在线交易，不用出门就能够缴纳水电燃气等生活费用，还可以进
行手机充值、医院挂号、学费贷款等业务。诶，刚才忘记问题的那位男同学，你现在有没有想
起来呀？那你现在来回答一下吧，你说：这个阿里巴巴旗下的闲鱼二手交易网站一打开就出
现一条悠闲快乐的黄色小鱼，还写着“让你的闲置游起来”的口号，人们可以在里面交换暂
时用不着的闲置物品，展示自己的DIY手工，搜索春节期间提供寄养服务的宠物店，还可以寻
找一起合租房屋的室友。你的观察能力可真强呀，很好，请坐。同学们，通过这两位同学的回
答，我们发现网络的力量已经影响到社会生活的方方面面，数字化的生存空间正给我们的生
活方式带来前所未有的变革。
老师啊今天也设计了一个网站，请同学们看微视频，视频中老师以医疗健康为主题设计
了一个网站，首先打开软件Dream weaver软件，Dream weaver软件全称为Adobe（鹅逗比）
Dream weaver ，中文名称为“梦想编织者”，是位于美国加利福尼亚的Adobe System公司
开发的基于PC系统的网站设计软件，主要应用于网页制作和管理，它的特点在于可以轻而
易举地制作出跨越浏览器限制的充满动感的网页。首先我们要为自己的网站新建一个站点，
点击菜单栏，这时会弹出一个对话框，我们在对话框中填写上站点的名称。接下来我们要为
新建的网站制作一个主页，首先设置主页的标题，观众可以在浏览器的搜索引擎（情）中搜索
这个标题，进而找到这个主页，所以标题对于网站的推广是非常重要的，一个好的标题不仅
要准确概括网站的内容，还要通俗易懂，简洁明快，便于搜索和记忆，在这里老师将主页的标
题设置为“好大夫在线”，其次我们来设置主页的外观，这其中包括文字字体、背景颜色、图
形搭配等等，外观的风格要符合网站的定位，比如政府的网站应该端庄严肃一些，体现出政府机关的形象，而商业网站则可以使用一些绚丽的色彩和时尚的画面来吸引消费者的眼球，
在这里，老师使用了较有亲和力的绿色调来装扮页面，这样可以使观众产生信任感，接下来
我们在主页中通过超链接的方式添加各类子页面，超链接就是当我们在主页上点击某一个
标题，就可以进入一个子页面，它可以是一篇文章、一幅照片、一段音乐，也可以是其他子页
面的目录，在这个“好大夫在线”的主页上，老师设置了医院查询、预约挂号、专家门诊和家
庭小药箱等模块的超链接，还设置了在线客服窗口和各科医生的电子邮箱，方便患者咨询。
最后就是网站的推广了，网站的推广有很多方式，可以通过与别的网站交互链接，比如A同
学的网站上可以添加B同学的超链接，而B同学的网站上也可以添加A同学们的超链接，还
可以将网站信息放到大的门户网站的导航页面上，比如谷歌、新浪、百度等，还可以将网站地
址发布到相关领域的专业论坛上，这些都可以增加网站的知名度，进而提升网站的访问量和
点击率。这样一个网站就设计完成了。同学们是不是已经迫不及待地想要设计一个属于自己
的网站了呢？那好，下面，我们就以同桌两人为一小组，使用一台计算机动手设计吧，同学们
可以自拟主题设计，在设计过程中，老师会巡视指导，有不明白的问题可以随时举手问老师，
好，开始吧。
（巡视）嗯，你的这个主页做的很漂亮，颜色也很好，但一定要注意与网站功能之间的关
系，嗯，继续吧。你们小组意见产生了分歧是不是，不知道该设置哪些超链接了，你们看看，你
们选的是什么主题，那这个主题适合设置哪些超链接，好，继续吧，加油。
时间差不多了，哪一组同学愿意上来展示一下你们的作品？好，第二小组，你们说：你们
通过小组讨论，首先确定了世界杯足球赛的主题，然后以足球场作为主页的背景图，上面放
置了许多球场上的照片，最后还设置了赛事进程、热点新闻、实况转播和明星球员等超链接。
嗯，总结得很全面。还有哪个小组愿意上来展示你们的作品？好，第三小组，你们说：你们想
要做一个关于时尚与美食的网站，但食品部分还没有做完，没关系，你们可以课后继续完成。
由于时间的关系呢，老师就不一一请每个小组上来展示了，不过，老师看到大家在练
习的过程当中都非常的认真，感到非常的欣慰。今天呢，我们欣赏了很多网站，也学习了如
何规划与设计网站，相信通过今天的学习，同学们的设计能力都得到了提升。课后呢，大家
可以利用今天所学的知识，试着独立为我们学校的图书馆设计一个网站，方便同学们在网上
借阅图书。好，今天的美术课就上到这里，同学们，下课。
尊敬的各位评委老师，我的试讲到此结束，感谢大家的耐心聆听。
