小学信息技术：《网页制作》教案

　第1讲

　　第1章网页设计概述

　　第2章 Dreamweaver 8 入门

　　课时

　　2+2

　　教学

　　目的

　　使学生了解Dreamweaver 8的安装与运行，熟悉Dreamweaver 8的工作环境。

　　了解规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合。

　　教学

　　重点

　　难点

　　教学重点：让学生了解Dreamweaver 8的工作环境，掌握设计网站的目录结构。

　　教学难点：设计网站的目录结构。

　　教

　　学

　　过

　　程

　　一．思路：

　　通过实例讲解设计网站栏目和目录结构。演示Dreamweaver 8的安装过程及其工作环境，搜索、下载网页素材的方法。

　　二．要点

　　1．打开如新浪或搜狐网站讲解网站的栏目的规划；

　　2．通过自己的教学辅导网站讲解网站目录结构的设计；

　　3．演示Dreamweaver 8过程，讲解插入栏、文档工具栏、文档窗口、属性面板的功能和使用方法；

　　4．演示使用搜索引擎搜索、下载网页素材的方法，重点是图片素材、网页特效。

　　5．讲解通过FTP交作业的方法。

　　三．作业

　　《网页设计基础上机练习》，主要内容：

　　1．使用搜索引擎搜索网络资源

　　艘狐：http://www.sohu.com；百度：http://www.baidu.com.cn；Google：http://www.google.com等。

　　搜索内容(关键字)：“网页特效”、“素材库”、“网页设计教程”、“Flash动画”、“免费空间”等。

　　2．启动Dreamweaver 8熟悉他的工作环境。

　　3．练习通过FPT交作业的方法。

　　教学

　　后记

　　学生在保存图片素材时，很多保存的缩略图，而不是大图，上课时要给学生讲清楚；通过练习学会使用FPT交作业的方法。

　　第2讲

　　第3章 使用Dreamweaver 8创建站点

　　课时

　　2+2

　　教学

　　目的

　　使学生掌握规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合，掌握创建网站和建立网页的方法、步骤。

　　教学

　　重点

　　难点

　　教学重点：规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合，掌握创建网站和建立网页的方法、步骤。

　　教学难点：掌握创建网站和建立网页的方法、步骤。

　　教

　　学

　　过

　　程

　　一．思路：

　　通过实例进一步讲解设计网站栏目和目录结构的方法。演示建立本地站点的方法、创建网页的方法。

　　二．要点

　　1．通过一个网站的实例进一步讲解设计网站栏目和目录结构的方法，以及各栏目和目录结构的对应关系；

　　2．演示创建本地站点的方法：

　　(1)注意要先在硬盘（除C盘）上建立网站根目录（再做作业时用自己的“学号”），然后在^对面框中“本地根文件夹”处选择建立好的目录；否则网站目录容易建错地方；

　　(2)在网站目录（学号）下建立图像文件夹“images”,利用上次课学到的方法将找到图片素材保存在 “images” 文件夹中备用；

　　3．建立一个简单网页：输入网页标题；从“文件”面板中将文件夹“images”中的一张图片拖入到网页中；输入姓名学号，以INDEX.HTM为名保存在“学号”文件夹中；

　　4．从辅导网站上打开交作业窗口，在WINDOWS资源管理器中找到网站根文件夹（学号）进行复制，然后粘贴到交作业窗口中的相应文件夹（每次作业一个文件夹）中。

　　三．作业

　　《建立本地站点上机练习》，主要内容：

　　1．建立本地站点；

　　2．下载所给素材；

　　3．按照“样板”之作一个简单网页，以INDEX.HTM保存在网站根目录下，通过FPT交作业。

　　教学

　　后记

　　上课时要强调在建立网站时，一定要先建立网站文件夹，如果已存在同名的文件夹，要将文件夹清空。注意：网站所有文件夹和文件名一概不能使用汉字！另外要将作业交到每次作业的文件夹中。

　　第3讲

　　第4章 页面设置、CSS简介

　　课时

　　2+2

　　教学

　　目的

　　使学生掌握使用页面设置面板设置：网页背景颜色、背景图像、网页边距；CSS样式表的建立和使用方法。

　　教学

　　重点

　　难点

　　教学重点：页面属性设置，CSS样式表的建立和使用方法。

　　教学难点：CSS样式表的建立和使用方法。

　　教

　　学

　　过

　　程

　　一．思路：

　　首先演示通过“网页属性”^对面框设置网页属性的方法；然后通过事先建立好的CSS样式表演示他对提高网页制作效率的作用，最后讲解其制作方法。

　　二．要点

　　1．演示“网页属性”^对面框设置：网页背景色、背景图片，页面边距，网页默认字体、字号、颜色，超级链接外观；网页标题直接在文档窗口设置即可；

　　2．附加事先做好的样式表，演示他对设置同类网页的好处；

　　3．演示制作CSS样式表的方法：

　　(1)“选择器类型”选择“类”，输入样式“名称”，选择“新建样式表文件”，并命名、保存在网站的文件夹中；

　　(2)演示设置各级标题、正文的文字属性：在设置字体时，对于新安装的系统首先要编辑“字体列表”，然后设置：字体、字号、颜色、粗细、行高、修饰、等；

　　(3)在“区块”中可以设置：水平对齐方式；文字缩进量，如：对24号的文字缩紧2字符，应设置缩进48像素；

　　(4建立超级链接的样式，超级链接的样式不用选择，建好连接后会自动应用。

　　4．演示附加样式表文件，使用样式表文件格式化网页，建立超级链接；

　　三．作业

　　《页面设置与CSS样式表上机练习》，主要内容：

　　1．使用“网页属性”^对面框设置网页属性；

　　2．附加样式表，并用其格式化网页；

　　3．建立超级链接。

　　教学

　　后记

　　CSS样式表是制作大量同类网页的好帮手，可以大大提高网页制作的效率，而且如果需要修改网页某些地方的样式，只要修改样式表即可。但对于初学者来说比较复杂，这次作业只是使用，以后要自己建立。

　　第4讲

　　第5章 制作包含常见对象的网页

　　课时

　　2+2

　　教学

　　目的

　　使学生掌握掌握文字的输入、设置方法，水平线的插入、设置方法，在网页中插入图像，制作图像热点的方法，制作交换图像的方法，在网页中插入Flash影片的方法。

　　教学

　　重点

　　难点

　　教学重点：文字的输入编辑、格式化，插入图片、制作图像热点，制作交换图像，插入Flash影片。

　　教学难点：制作图像热点，制作交换图像。

　　教

　　学

　　过

　　程

　　一．思路：

　　首先讲解在网页中插入各种对象的方法，通过实例讲解他们在制作网页时的使用方法。

　　二．要点

　　1．演示输入文字、编辑、设置文字的方法，注意字体列表的编辑方法；

　　2．演示水平线的插入设置方法，注意颜色的设置；

　　3．演示插入图片的方法，制作图像热点的方法；

　　4．演示插入Flash影片的方法；

　　5．演示在各种对象上建立超级连接的方法；

　　6．演示交换图像（鼠标交换图像）的制作方法；

　　6．举例演示各种对象在网页中的中综合运用。

　　三．作业

　　《超级链接练习》，主要内容：

　　1．输入网页标题，设置标题的字体、字号、颜色、对齐方式等属性；

　　2．插入图片，在图片上制作热点，并链接到相应图片上；

　　3．制作交换图像并链接到一个网站；

　　3．输入姓名、学号，并进行设置，留下联系方式（设置邮件链接）。

　　教学

　　后记

　　本次课的内容都是网页制作最常用的元素，在制作网页时会经常用到，所以要熟练掌握。

　　第5讲

　　第6章 表格

　　课时

　　2+2

　　教学

　　目的

　　使学生掌握创建表格、编辑表格、设置表格属性和表格的嵌套方法，以及使用表格布局网页的方法。

　　教学

　　重点

　　难点

　　教学重点：创建表格、编辑表格、设置表格属性和表格的嵌套方法，使用表格布局网页的方法。

　　教学难点：表格的嵌套，使用表格布局网页。

　　教

　　学

　　过

　　程

　　一．思路：

　　首先讲解表格的创建、编辑、设置方法，表格的嵌套，最后用实例讲解用表格布局网页的方法。

　　二．要点

　　1．演示创建表格，增、减表格行列的方法，单元格合并、拆分的方法；

　　2．演示设置表格属性：表格宽度、表格的填充间距、表格线、对齐方式、表格背景；设置单元格属性：宽度、高度、对齐方式、背景；

　　3．演示表格嵌套的方法，它是进行网页布局的基础；

　　4．以实例演示使用表格布局网页的方法。

　　三．作业

　　《页面布局练习》，主要内容：

　　1．编辑布局表，注意表格的嵌套；

　　2．使用交换图像制作导航栏；

　　3．编辑格式化文本，制作网站超级链接。

　　教学

　　后记

　　表格的创建、编辑、嵌套是制作网页必不可少的布局方法，特别是表格的嵌套，一定要熟练掌握，否则是无法随心所欲的安排网页内容的。