文档介绍：第3章制作图文混排网页图像也是网页中的主要元素之一,图像不但能美化网页,而且能够更直观地表达信息。在页面中恰到好处地使用图像,能使网页更加生动、形象和美观。【教学导航】教学目标(1)学会通过“管理站点”对话框创建站点(2)学会应用“高级”方式创建站点(3)学会通过“文件”面板创建网页(4)掌握设置页面背景图像的方法(5)掌握在网页中插入图像的方法(6)掌握在网页中插入鼠标经过图像的方法(7)掌握设置图像属性的方法(8)掌握制作图文混排网页的技巧本章重点(1)设置页面背景图像(2)在网页中插入图像(3)设置图像属性本章难点(1)应用“高级”方式创建站点(2)插入鼠标经过图像教学方法任务驱动法、分组讨论法、三步训练法课时建议6课时(含课堂同步训练) 课前准备(1)在本地硬盘创建文件夹(2)启动DreamweaverCS3通过Windows的【开始】菜单启动DreamweaverCS3。 课堂引导训练及评价【课堂引导训练任务描述】1、网页制作任务卡网页制作任务卡如表3-1所示。表3-1 网页制作任务卡任务编号03-1任务名称制作图文混排网页网页主题瀑布游计划工时min网页制作任务描述(1)应用【站点定义】对话框的“高级”方式创建站点“瀑泉游”(2)应用“文件”面板新建网页“”(3)设置网页的背景图像(4)将Word文档“”导入到网页“”中(5)设置网页中文本的格式(6)在网页中插入多幅图像(7)在网页中插入鼠标经过图像(8)设置图像属性网页布局结构分析页面自然布局、无导航栏网页色彩搭配分析文本主体颜色:#000000,其他文本颜色:#0000FF、#00FFFF、#FF0000网页组成元素分析主要包括图像、鼠标经过图像、标题文本、正文文本等网页元素任务实现流程分析创建站点→新建网页→设置页面背景图像→导入Word文档→插入图像、设置图像属性→插入鼠标经过图像且设置其属性→预览网页效果配盘素材导引原始文件位置:start\03第3章制作图文混排网页\task03-1最终文件位置:result\03第3章制作图文混排网页\task03-12、网页制作任务跟踪卡网页制作任务跟踪卡如表3-2所示。表3-2 网页制作任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态【网页效果展示】-1所示。【任务完成过程】 应用“高级”方式创建站点“瀑泉游”【操作要求】应用【站点定义】对话框的“高级”方式创建站点“瀑泉游”。图3-1 图文混排网页的浏览效果【实施过程】(1)打开【管理站点】对话框(2)打开【站点定义】对话框(3)设置站点的“本地信息”在“分类”列表中单击选择“本地信息”选项,输入或选择以下各项:①在“站点名称”文本框中输入所创建站点的名称“瀑泉游”②在“本地根文件夹”文本框中输入根文件夹“D:\E游天下\03第3章制作图文混排网页\”。③在“默认图像文件夹”文本框中输入“D:\E游天下\03第3章制作图文混排网页\task03-1\images\”。也可以打开对话框选择一个文件夹。④输入本机的HTTP地址,如/。(4)设置站点的“远程信息”在【管理站点】对话框中单击【完成