网页制作教案及课件

《网页制作教案及课件》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、学生会成立以来，学生会搞了一系列的活动，而且都取得了较好的成绩。通过各部的相互努力，我们获得了不少经验。网页制作教案及课件本资料为woRD文档，请点击下载地址下载全文下载地址　　【第六章第一节网页制作】教案　　一、【教学目标】　　、理解网页与网站的概念　　2、掌握建立网站与建立网页的方法　　3、掌握页面文件与图片的保存　　二、【教学重点】　　掌握建立网站与建立网页的方法　　三、【难点、关键】　　．建站点的位置　　2．页面文件与图片的保存　　四、【教学方法】　　演示、任务驱动法　　五、【课时安排】3课时　　六、【教学环境】多媒体教育广播系统，Drea

2、mweaver软件　　七、【教学过程】　　第1课时　　1．导入新课　　师：上节课已经讲了信息集成（也就是网站建设）的一般过程包括四个阶段，现在请同学们回顾一下。团结创新，尽现丰富多彩的课余生活1。庆祝##系成立之时，我们学生会举办了一次“邀明月，共成长，师生同欢”茶话会。职教系部分老师和我系全体教师以及各班班委参加了此茶话会。学生会成立以来，学生会搞了一系列的活动，而且都取得了较好的成绩。通过各部的相互努力，我们获得了不少经验。　　生：学生作答。　　师：同学们平时都有喜欢上网，那大家知道网站与网页的区别吗？　　概念：　　网页：通常我们在www上所能

3、看到的每一个页面都称之为网页,它可以形象地比喻成一篇.　　网站：网站是多个网页的集合,即由多个网页通过彼此相连而构成的一个整体,可以形象地比喻成一本杂志或一本书.　　下面我们来学习如何用Dreamweaver这个软件制作网页。　　2．新课讲述　　在制作个人网站之前，应先确定网站的主题。XX奥运会即将来临，这是中国政治，经济等综合国力提升到另一台阶的盛事，我们中学生也得供献一分锦力本节课的主题是围绕“心系奥运”，资料（包括文字、图片、动画）等我已经为大家收集好，内容分类，网站的结构也规划好了，利用Dreamweaver这个工具来完成“心系奥运”这个网

4、站的建设　　一、启动Dreamweaver，认识其工作界面　　“开始”-“程序”-“macromediaDreamweaver8”　　Dreamweaver工作界面包括：菜单栏　　插入栏团结创新，尽现丰富多彩的课余生活1。庆祝##系成立之时，我们学生会举办了一次“邀明月，共成长，师生同欢”茶话会。职教系部分老师和我系全体教师以及各班班委参加了此茶话会。学生会成立以来，学生会搞了一系列的活动，而且都取得了较好的成绩。通过各部的相互努力，我们获得了不少经验。　　编辑窗口属性面板浮动面板组　　．菜单栏（包括10个菜单项）　

5、　符号所表示的含意　　黑色命令：表示该命令当前是可用的　　灰色命令：表示该命令当前是不可用的，需要满足一定的条件后才能使用。　　带有复选标记√的命令：表示该命令是一种可选择命令，若前面出现√标记，表示该命令正在使用；若没有√标记时，表示该命令没有被使用。　　带有三角形▼的命令：表示在该命令下还有下一级子菜单命令。　　带有省略号的…的命令：表示选择命令后会弹出一个相关的对话框。　　带有快捷键号的命令：表示该命令有一个快捷键，当按下该快捷键时，即可执行该命令。　　2．插入栏　　单击常用▼按钮，在弹出的下拉菜单中可以选择要插入的网页元素的类型　　3．编辑

6、窗口　　包括：项目选择标签，文档工具栏，水平标尺，垂直标尺，编辑区域，状态栏，垂直扩展按钮和水平扩展按钮。团结创新，尽现丰富多彩的课余生活1。庆祝##系成立之时，我们学生会举办了一次“邀明月，共成长，师生同欢”茶话会。职教系部分老师和我系全体教师以及各班班委参加了此茶话会。学生会成立以来，学生会搞了一系列的活动，而且都取得了较好的成绩。通过各部的相互努力，我们获得了不少经验。　　文档工具栏：代码按钮，拆分按钮，设计按钮，检查错误按钮，预览调试网页按钮，刷新设计视图按钮，用于隐藏文件内容，标尺，网格和辅助线按钮。　　4．属性面板　　用于查看各更改当前

7、选择对象的各种属性。　　二、新建站点　　为了有效地发挥Dreamweaver对网页的组织管理功能，通常在制作具体的网页之前，应先创建一个新站点，然后根据网站的具体结构制作网页。　　[例1-1]在D盘中建立一个名为“xinxiaoyun”的新站点。　　操作步骤：　　①单击“开始”按钮，将指针依次指向“程序（P）”“macromediaDreamweaver8”，并单击，即可启动Dreamweaver8；　　②　　入Dreamweaver8工作界面后，单击“站点”/“弹出站点管理”命令，弹出“管理站点”对话框；　　③　　单击“新建（N）”按钮，在弹出的

8、下拉菜单中选择“站点（w）”命令；　　④团结创新，尽现丰富多彩的课余生活1。庆祝##系成立之时，我们学生会举办了一次“邀明