站点创建于首页制作.docVIP

创建网站 制作首页 高邮市汤庄镇沙堰初级中学 陈玉萍 学习目标： 一、初步认识Dreamweaver软件。 二、初步掌握用Dreamweaver制作网页的基本操作步骤，学会输入文字，插入表格、水平线、图片、背景、音乐、滚动字幕等操作。 三、能制作一个图文并茂的网页。 教学过程： 一、导入 师：我知道同学们都非常喜欢上网，那你们能告诉我你们上网时一般都做些什么？（生答）当我们在网上浏览别人制作的一张张精美的网页时，是否想过自己也去制作一个精美网站供别人去浏览呢？（生答:想）那好，心动不如行动，咱们今天就用一款网页制作软件——Dreamweaver来制作一个关于动物保护方面的网页。 二、让我们先来了解一下Dreamweaver软件 Dreamweaver,简称“DW”，它是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件。它集网页设计、网站开发和站点管理功能于一身，利用它可以制作可视化、跨平台、跨浏览器限制充满动感的网页，是目前网站设计、开发、制作的首选工具。 过渡：了解了软件之后，我们发现此款软件功能非常强大，那本堂课我们就从最基本的学起，利用软件制作一个简单的网页，下面我们看一下本堂课的学习目标。 亮标（生齐读） 要完成目标，大家需要连闯四个关卡，你们有信心闯过所有关卡吗？（生答） 过渡：那好，我们来看看，我们要闯哪些关卡？（显示关卡） 下面就让我们进行闯关之旅吧！ 闯关之旅： 第一关：建立站点 过渡：同学们不仅要问，为什么要先建立站点呢? 要设计网站，首先要建立站点，其目的在于方便网页的管理、浏览及发布，便于网站存储位置的移动和维护。创建一个站点，在站点中制作网页及相关素材保存在站点的相关文件夹中。 那怎么建立站点？同学们利用教材49页探究，同学们讲解演示过渡：站点建立之后，现在来制作网站首页。（新建一个网页） 第一关很顺利，到第二关就有些难度了，同学们还要不要闯了？（生答）那我们就看看第二关要我们做些什么？（展示ppt第二关） [学生活动：思考回答问题，明白以下几点。 （1）网站包含多个网页，通过超级链接可以把不同的页面链接起来。 （2）网站的第一个页面称为主页，主页的文件名一般为index.htm，主页也是网页。 介绍Dreamweaver页面 编辑区的3种工作模式：设计、拆分、代码。 设计模式：一般用来编辑、修改网页，直观地显示网页设计效果。 拆分模式：将编辑窗口分为两个部分（代码窗口和设计窗口），方便查看被编辑的对象所对应的HTML语言代码。 代码模式：用来查看、修改HTML语言代码。 要预览我们所做的网站效果，可以按键盘上的F12来预览。 第二关：编辑网页（大家可以参照教材p49）（小组合作探究）组长可以分配任务 1、添加主题：输入文本：动物—人类的朋友，编辑文字，居中 2、插入水平线（起分隔作用） 3、插入图片、文字 4、添加背景、音乐 5、保存网页 ，可以按F12预览网页效果。 过渡：静态的网页很平淡，要加入一些动感元素，使得画面充满动态感。那我们就进入第三关 第三关：添加效果，参看教材57-59小组探究 1、插入flash动画（59） 2、制作交替显示的图像（58） 3、制作滚动字幕（57） 过渡：这些都弄好了，网页看起来不漂亮，那我们就要做美容师，给网页美化美化，下面我们进行最后一个关卡。请同学们完善自己所做的网页。 第四关：美化网页（强调：保存网页，按F12 预览） 六、制作网页 实践操作 七、展示作品，互相观看、交流。 评议优秀作品、展示并简单介绍。 八、全课总结。 这节课你有什么收获?学生总结。 师：同学们在短时间内不仅掌握了制作网页的基本方法，还自主探究、合作学习，大胆实践，发现了那么多的快捷方式，网页制作得漂亮极了。老师只想说：同学们Very good! 结束语：ppt展示 九、布置作业 1