下载文档原格式
03第3章制作图⽂混排⽹页.第3章制作图⽂混排⽹页图像也是⽹页中的主要元素之⼀，图像不但能美化⽹页，⽽且能够更直观地表达信息。
在页⾯中恰到好处地使⽤图像，能使⽹页更加⽣动、形象和美观。
【教学导航】3.1课前准备（1）在本地硬盘创建⽂件夹（2）启动Dreamweaver CS3通过Windows的【开始】菜单启动Dreamweaver CS3。
3.2课堂引导训练及评价【课堂引导训练任务描述】1、⽹页制作任务卡⽹页制作任务卡如表3-1所⽰。
表3-1⽹页制作任务卡⽹页制作任务跟踪卡如表3-2所⽰。
表3-2⽹页制作任务跟踪卡【⽹页效果展⽰】⽹页index0301.html的浏览效果如图3-1所⽰。
【任务完成过程】3.2.1应⽤“⾼级”⽅式创建站点“瀑泉游”【操作要求】应⽤【站点定义】对话框的“⾼级”⽅式创建站点“瀑泉游”。
50第3章制作图⽂混排⽹页图3-1图⽂混排⽹页的浏览效果【实施过程】（1）打开【管理站点】对话框（2）打开【站点定义】对话框（3）设置站点的“本地信息”在“分类”列表中单击选择“本地信息”选项，输⼊或选择以下各项：②在“本地根⽂件夹”⽂本框中输⼊根⽂件夹“D:\E游天下\03第3章制作图⽂混排⽹页\”。
③在“默认图像⽂件夹”⽂本框中输⼊“D:\E游天下\03第3章制作图⽂混排⽹页\task03-1\images\”。
也可以打开对话框选择⼀个⽂件夹。
④输⼊本机的HTTP地址，如http://172.16.7.26/Etour/。
（4）设置站点的“远程信息”在【管理站点】对话框中单击【完成】按钮，新建站点便完成。
3.2.2应⽤“⽂件”⾯板新建⽹页“index0301.html”【操作要求】应⽤“⽂件”⾯板在站点“瀑泉游”中新建⼀个⽹页⽂档“index0301.html”。
【实施过程】（1）打开“⽂件”⾯板如果“⽂件”⾯板处理隐藏状态，则单击菜单【窗⼝】→【⽂件】打开“⽂件”⾯板。
（2）新建⽹页⽂档在“⽂件”⾯板中站点“瀑泉游”的⽂件夹“task03-1”上单击右键，在弹出的快捷菜51Dreamweaver CS3⽹页制作案例教程单中单击【新建⽂件】菜单项，如图3-7所⽰。
授课题目：第三讲制作图文混排网页目的要求：学会通过“管理站点”对话框创建站点；学会通过【文件】面板创建网页；掌握设置页面背景图像的方法；掌握在网页中插入图像的方法；掌握在网页中插入鼠标经过图像的方法；掌握设置图像属性的方法；掌握制作图文混排网页的技巧重点难点：设置页面背景图像；在网页中插入图像；设置图像属性组织教学：点名考勤；复习；引入新课；讲解理论知识；实例演示；指导学生练习；总结总结复习导入新课：图像通常用来添加图形界面、具有视觉感染力的内容或交互式设计元素， Web页中通常使用的只有三种，即GIF、JPEG和PNG。
提问：1.如何设置页面的整体属性？2.如何在网页中输入与编辑文本？3.如何对网页文本进行格式化处理？教学方式、手段、媒介：教学手段：讲授、多媒体；媒介：教材授课内容：第三讲制作图文混排网页【操作准备】（1）创建所需的文件夹，拷贝所需的资源（2）启动Dreamweaver CS6【引导训练】【任务3-1】制作介绍中国瀑布的图文混排网页本单元“引导训练”的任务卡如表3-1所示。
表3-1单元3“引导训练”任务卡网页0301.html的浏览效果如图3-1所示。
图3-1图文混排网页的浏览效果【任务3-1-1】使用“管理站点”对话框创建站点“单元3”【任务描述】使用【管理站点】对话框创建1个名称为“单元3”的本地站点，站点文件夹为“Unit03”。
【任务实施】（1）打开【管理站点】对话框在Dreamweaver CS6的主界面，选择命令【站点】→【管理站点】，打开【管理站点】对话框。
（2）打开【站点设置对象】对话框在【管理站点】对话框中单击【新建站点】按钮，打开【站点设置对象】对话框。
在【管理站点】对话框“站点名称”文本框中输入站点名称“单元3”，在“本地站点文件夹”文本框中输入完整的路径名称“D:\网页设计与制作案例\Unit03\task03-1\”。
在【站点设置对象】对话框中单击【保存】按钮，保存创建的站点，返回【管理站点】对话框。
九寨沟介绍九寨沟位于中国四川省阿坝藏族羌族自治州九寨沟县境内，是中国著名的风景名胜区之一。
这个美丽的地方以其神奇的自然景观和丰富的生态环境而闻名于世。
下面我将为您详细介绍九寨沟的独特之处。
九寨沟是一个具有丰富生态景观的地方，被列为中国首批国家级自然保护区。
这里的主要景点包括长海、五花海、镜海、树正群海等。
这些湖泊都是由不同的地质构成形成的，因此各有其独特的颜色。
长海是九寨沟的一颗明珠，湖水呈现出浅黄色，宛如一面明镜，反射着周围山峦的美丽风景。
五花海则因湖底有不同颜色的沉积物而得名，湖水呈现出五彩斑斓的颜色，如同一幅色彩斑斓的画卷。
镜海是九寨沟最大的湖泊，湖水清澈如镜，能够倒影周围的山峦和树木，美不胜收。
树正群海则是最深的湖泊，湖底有一些被水冲刷形成的岛屿，增加了湖泊的魅力与神秘感。
除了湖泊，九寨沟还有许多瀑布和池塘。
五色池是九寨沟最著名的瀑布之一，由于矿物质的沉积作用，使得瀑布呈现出五种不同的颜色，美得令人难以置信。
还有诺日朗瀑布、犀牛海瀑布等等，每一个瀑布都具有其独特的魅力。
此外，还有许多小池塘，如箭竹海、兰海等，沿途可以欣赏到不同的自然景观，增加了旅行的乐趣和刺激。
九寨沟的景观非常丰富多样，每个季节都有不同的美景。
春季时，整个九寨沟被盛开的花朵包围，山谷里弥漫着花香。
夏季时，树木郁郁葱葱，山间溪流飞流直下，给人一种清凉的感觉。
秋季，九寨沟的树叶变得金黄，整个山谷变成美丽的金色世界。
冬季则是九寨沟最寂静的时候，白雪覆盖着山谷，景色如同仙境。
无论何时来九寨沟，都能欣赏到不同的景色，令人心旷神怡。
九寨沟的生态环境也得到了很好的保护。
这里是很多珍稀濒危动植物的栖息地，如大熊猫、金丝猴、水鹿等，这也是九寨沟作为国家级保护区的重要原因之一。
九寨沟的植被覆盖率很高，有许多珍贵的树木和草本植物，对维护地球的生态平衡起到了重要作用。
保护九寨沟的生态环境是每个人的责任，大家都应该共同努力，让这片美丽的地方永远保持原有的美丽。
单元3 制作图文混排网页【引导训练】【任务3-1】制作介绍九寨沟景区景点的图文混排网页【任务3-1-1】使用“管理站点”对话框创建站点“单元3”【任务描述】使用【管理站点】对话框创建1个名称为“单元3”的本地站点，站点文件夹为“Unit03”。
【任务实施】（1）打开【管理站点】对话框在Dreamweaver CC的主界面，选择命令【站点】→【管理站点】，打开【管理站点】对话框。
（2）打开【站点设置对象】对话框在【管理站点】对话框中单击【新建站点】按钮，打开【站点设置对象】对话框，如图3-3所示。
图3-3 【站点设置对象】对话框在【管理站点】对话框“站点名称”文本框中输入站点名称“单元3”，在“本地站点文件夹”文本框中输入完整的路径名称“D:\网页设计与制作案例\Unit03\”。
在【站点设置对象】对话框中单击【保存】按钮，保存创建的站点，返回【管理站点】对话框，如图3-4所示。
图3-4 新建站点“单元3”后的【管理站点】对话框在【管理站点】对话框中单击【完成】按钮，新建站点便完成。
【任务3-1-2】应用“文件”面板新建网页“0301.html”【任务描述】应用【文件】面板在站点“单元3”中新建1个网页文档“0301.html”。
【任务实施】（1）打开【文件】面板如果【文件】面板处理隐藏状态，则选择命令【窗口】→【文件】打开【文件】面板。
（2）新建网页文档在【文件】面板中站点“单元3”的文件夹“task03-1”上单击右键，在弹出的快捷菜单中单击【新建文件】菜单项。
然后输入新的网页文档名称“0301.html”，按回车键确认。
【任务3-1-3】设置页面的背景图像【任务描述】设置网页“0301.html”的背景图像为“bg-gray.png”。
【任务实施】（1）打开新建的网页文档“0301.html”在【文件】面板中双击网页文档名称“0301.html”，在Dreamweaver CC的文档窗口中打开该网页文档。
