2024年教师招聘面试高中美术逐字稿5、网站规划与设计

课题：网站规划与设计教学目标：1、了解网站规划与设计对社会生活的影响2、通过欣赏各类网站学会网站的规划与设计方法3、培养对网站规划与设计的兴趣教学重点：网站的规划与设计方法教学难点：引导学生运用Dreamweaver软件设计出一个网站教学方法：演示法、讲授法、讨论法、练习法、实践法教学准备：多媒体课件、各类网站图片教学过程：设置情境，导入新课1、教师播放\o"[新闻日日睇]岭东职业技术学校班级网站设计赛"央视网《中国民航局官方网站正式上线》的视频并提出问题：刚才那段视频向我们展示了什么？2、学生自由回答。3、教师总结：刚才那段视频向我们展示了中国民航局局长冯正霖在航空工作领导小组第四次会议上宣布中国民航局官方网站正式上线如果让你来规划与设计一个网站，你觉得应该从何入手？引入课题《网站规划与设计》仔细观察，感知网站规划与设计教师展示福建省永春县人民政府与清华大学的官方网站并提出问题：这些网站是怎样规划与设计的？在规划与设计时首先要做什么？2、学生独立思考回答3、教师总结交流探讨，认识网站规划与设计教师展示其他的网站并提出问题：这些网站在内容规划与设计构思上有什么特点？2、同桌交流讨论回答3、教师总结布置活动1、教师布置活动：规划与设计一个网站。简要介绍步骤。2、学生同桌两人一小组，使用一台计算机动手设计。3、教师巡回指导。（五）交流评价，小结作业1、展示作品，小组代表上台介绍2、教师评价总结3、教师布置课后作业：为学校图书馆设计一个网站，方便同学们在网上借阅图书板书设计：网站规划与设计1、内容规划2、设计构思尊敬的各位评委老师，上午好，我今天试讲的题目是网站规划与设计，接下来我将开始我的试讲。上课，同学们好，请坐，同学们，我们来欣赏一下大屏幕上的这段视频，大家认真看，一会儿老师要提问题哟。好，谁能告诉老师，刚才那段视频向我们展示了什么？嗯，好，你来说，你说：你看见很多中国民航局的领导在开会，好，请坐。这位女同学，你再来说一下，你还观察到了什么？你说：民航局建立了一个官方网站，将各航班的起降信息都发布在网站上，方便乘客查询与订购。你观察得很仔细，如果下次回答问题时声音再响亮一些，让其他同学都能听到就更好了，请坐。这两位同学说的都很好，刚才那段视频展示的是中国民航局局长冯正霖在航空工作领导小组第四次会议上宣布中国民航局官方网站正式上线。那老师要问问同学们了，如果让你来规划与设计一个网站，你觉得应该从何入手呢？老师看到同学们都很疑惑，不用着急，今天我们就一起来学习一下如何规划与设计网站（板书课题）同学们，我们来欣赏大屏幕上福建省永春县人民政府与清华大学的官方网站，你们仔细观察一下，看看这些网站是怎样规划与设计的呢？好，靠窗的这位女同学，你来说，你说：福建省永春县人民政府针对农产品销售问题建立了《大地永春》的网站，对外发布农产品成熟的信息，对内宣传国家关于农业的各项政策，普及种植农作物的各类知识，传递周边各大城市的需求，仅一年时间果蔬贸易额就突破了一亿元，使农民尝到了现代信息技术的甜头。很好，还有哪位同学想要补充一下？好，后面的这位男同学你来说，你说：你一紧张忘记了要说什么，好，没关系，坐下想一想。旁边这位同学，你再来说说吧，你说：清华大学通过官方网站实现了针对校外进修生的网络教学，各院系都有自己独立的主页，教授们时常在主页上更新课程信息与学科动态，还建立了BBS论坛，学校师生不用见面就可以在论坛中自由发言讨论研究成果。说得很好，请坐。刚才几位同学回答得都很正确，那么通过这些网站我们可以看出，在规划与设计时，首先要做什么呀？对了，我们首先要考虑网站的功能，同学们可真聪明呀。下面，我们再来看一看其他的网站，大家和同桌交流探讨一下，这些网站在内容规划与设计构思上有什么特点？（板书“内容规划、设计构思”）好，左边的这位女同学，你来说，你说：这个中国工商银行的网站向客户提供了丰富全面的线上金融服务，客户可以在网上打理个人账户，进行方便快捷的在线交易，不用出门就能够缴纳水电燃气等生活费用，还可以进行手机充值、医院挂号、学费贷款等业务。诶，刚才忘记问题的那位男同学，你现在有没有想起来呀？那你现在来回答一下吧，你说：这个阿里巴巴旗下的闲鱼二手交易网站一打开就出现一条悠闲快乐的黄色小鱼，还写着“让你的闲置游起来”的口号，人们可以在里面交换暂时用不着的闲置物品，展示自己的DIY手工，搜索春节期间提供寄养服务的宠物店，还可以寻找一起合租房屋的室友。你的观察能力可真强呀，很好，请坐。同学们，通过这两位同学的回答，我们发现网络的力量已经影响到社会生活的方方面面，数字化的生存空间正给我们的生活方式带来前所未有的变革。老师啊今天也设计了一个网站，请同学们看微视频，视频中老师以医疗健康为主题设计了一个网站，首先打开软件Dreamweaver软件，Dreamweaver软件全称为Adobe（鹅逗比）Dreamweaver，中文名称为“梦想编织者”，是位于美国加利福尼亚的Adobe

System公司开发的基于PC系统的网站设计软件，主要应用于网页制作和管理，它的特点在于可以轻而易举地制作出跨越浏览器限制的充满动感的网页。首先我们要为自己的网站新建一个站点，点击菜单栏，这时会弹出一个对话框，我们在对话框中填写上站点的名称。接下来我们要为新建的网站制作一个主页，首先设置主页的标题，观众可以在浏览器的搜索引擎（情）中搜索这个标题，进而找到这个主页，所以标题对于网站的推广是非常重要的，一个好的标题不仅要准确概括网站的内容，还要通俗易懂，简洁明快，便于搜索和记忆，在这里老师将主页的标题设置为“好大夫在线”，其次我们来设置主页的外观，这其中包括文字字体、背景颜色、图形搭配等等，外观的风格要符合网站的定位，比如政府的网站应该端庄严肃一些，体现出政府机关的形象，而商业网站则可以使用一些绚丽的色彩和时尚的画面来吸引消费者的眼球，在这里，老师使用了较有亲和力的绿色调来装扮页面，这样可以使观众产生信任感，接下来我们在主页中通过超链接的方式添加各类子页面，超链接就是当我们在主页上点击某一个标题，就可以进入一个子页面，它可以是一篇文章、一幅照片、一段音乐，也可以是其他子页面的目录，在这个“好大夫在线”的主页上，老师设置了医院查询、预约挂号、专家门诊和家庭小药箱等模块的超链接，还设置了在线客服窗口和各科医生的电子邮箱，方便患者咨询。最后就是网站的推广了，网站的推广有很多方式，可以通过与别的网站交互链接，比如A同学的网站上可以添加B同学的超链接，而B同学的网站上也可以添加A同学们的超链接，还可以将网站信息放到大的门户网站的导航页面上，比如谷歌、新浪、百度等，还可以将网站地址发布到相关领域的专业论坛上，这些都可以增加网站的知名度，进而提升网站的访问量和点击率。这样一个网站就设计完成了。同学们是不是已经迫不及待地想要设计一个属于自己的网站了呢？那好，下面，我们就以同桌两人为一小组，使用一台计算机动手设计吧，同学们可以自拟主题设计，在设计过程中，老师会巡视指导，有不明白的问题可以随时举手问老师，好，开始吧。（巡视）嗯，你的这个主页做的很漂亮，颜色也很好，但一定要注意与网站功能之间的关系，嗯，继续吧。你们小组意见产生了分歧是不是，不知道该设置哪些超链接了，你们看看，你们选的是什么主题，那这个主题适合设置哪些超链接，好，继续吧，加油。时间差不多了，哪一组同学愿意上来展示一下你们的作品？好，第二小组，你们说：你们通过小组讨论，首先确定了世界杯足球赛的主题，然后以足球场作为主页的背景图，上面放置了许多球场上的照片，最后还设置了赛事进程、热点新闻、实况转播和明星球员等超链接。嗯，总结得很全面。还有哪个小组愿意上来展示你们的作品？好，第三小组，你们说：你们想要做一个关于时尚与美食的网站，但食品部分还没有做完，没关系，你们可以课后继续完成。由于时间的关系呢，老师就不一一请每个小组上来展示了，不过，老师看到大家在