2016网页制作与网络媒体策划教案 全套教案.doc

网页制作与网络媒体策划 课程 教 案 课程编号：012704 总学时：34 周学时：2 适用年级专业（学科类）：08广电 开课时间： 2010-2011学年第一学期 使用教材：巧学巧用DW8、FW8、FL8制作网页 （前沿电脑图像工作室，人民邮电出版社，2007） 授课教师姓名：熊 瑜 课题一 Dreamweaver（一）站点与网页的创建 1、教学目的: 1．了解网站的构成,及如何保存别人的网页,及网页中的元素 2．熟悉Dreamweaver界面 3．掌握站点的创建和网页的创建 2、教学重难点： 站点的创建和网页的创建 3、教学方法：讲授、演示 4、教学工具：计算机，Dreamweaver 8 5、教学学时：2 6、教学过程： 6.1引入 网站的构成，网页的构成，网页制作工具，网页三剑客各个软件在制作网站中的作用。 6.2教学内容 (一) 网站的构成,如何保存别人的网页及网页中的元素 (二) 熟悉Dreamweaver界面 (三) 站点的创建 (四) 网页的创建 6.3小结： 本次课主要介绍了： 网站的构成；如何保存别人的网页及网页中的元素；创建网站和网页，输入文本和插入图片。 6.4作业：制作一个简单的网页 7、后记： 8、讲义： 1.网页三剑客各个软件在制作网站中的作用 2.静态网站的制作流程 站点策划 准备所需的素材 确定整站风格和首页 建立站点——Dreamweaver 制作整站——Dreamweaver 整站测试及改进 上传发布 3.网站的构成,及如何保存别人的网页,及网页中的元素（flash的保存） 网页的构成 文字 图片(jpg、gif、png) 动画(Flash[swf]、) 声音(midi、wav、mp3) 视频 (mpg、rm、wmv) 链接 保存网页、或元素 文字保存 保存网页 文件－－另存为 保存图片 右键－－图片另存为 保存gif动画图片 右键－－图片另存为 保存Flash动画 IE临时文件夹 FLASH下载工具 4.熟悉一下DREAMWEAVER界面 F4隐藏所有面板 5.创建一个站点,及建立站点文件夹和文件 站点内文件及文件夹的命名注意事项及重命名 首页的命名规则(index.htm) 标题，页面设置 设置背景色 四边归零 6.内容输入 .字体的导入 .硬回车（Enter）和软回车（Shift+Enter）的区别，空格的输入 .图片的插入 课题二 Dreamweaver（二）表格的使用 1、教学目的: 1．掌握应用表格进行网页定位。 2．掌握在表格中插入图片。 3．制作运用到表格及图片的网页 2、教学重难点： 站点的创建和网页的创建 3、教学方法：讲授、演示 4、教学工具：计算机，Dreamweaver 8 5、教学学时：2 6、教学过程： 6.1引入 上次课程我们介绍了简单网页的制作，这次课程我们将详细介绍应用表格来进行网页的定位。 6.2教学内容 (一) 表格的使用 (二) 表格中对象的设置 6.3小结： 本次课主要介绍了应用表格来定位网页，以及单元格内容的相应设置。 6.4作业：制作运用到表格及图片的网页 7、后记： 8、讲义： 一、表格的插入，及相关属性设置 表格的作用，定位，排版 表格的插入，及相关属性设置 百分比和象素的区别 规格：最外层表格象素的大小(1024 x 768 小于10000，800 x 600 小于780) 填充，间距，边框 其它属性设置 添加删除行，列 二、单元格属性设置 合并：将选中的连续单元格合并成为一个单元格。 分割：将一个单元格分割成若干单元格。 水平对齐方式：分为（左）（中）（右）三种。 垂直对齐方式：分为（顶）（居中）（居底）（基线对齐） 三、细表格边框的制作 利用表格背景色和所有单元格背景色之间的不同来制作。 1、插入表格，设置表格间距为”1”。 2、选中表格，在属性面板中设置表格的背景颜色。 3、光标定位到第一个单元格里，按住Shift键单击最后一个单元格全选所有单元格，然后在属性面板中设置所有单元格的颜色。 4、保存，预览。 课题三 Dreamweaver（三）超链接的使用 1、教学目的: 1．掌握基本超链接 2．掌握图片热区超链接 3．掌握锚点超链接 4．了解其他类型超链接 2、教学重难点： 图片热区超链接 3、教学方法：讲授、演示 4、教学工具：计算机，Dreamweaver 8 5、教学学时：2 6、教学过程： 6.1引入 上次课我们介绍了应用表格来制作网页，这次课我们将介绍超链接的设置。 6.2教学内容 (一) 基本超链接 (二) 图片链接 (三) 描点链接 (四) 其他类型超链接 6.3小结：