dw网页花设计课件2.ppt

通过本章学习，应该掌握以下内容： 1.Dreamweavercs4概述 2.用dreamweavercs4制作基本的网页 ;一、 Dreamweavercs4概述;;;;注意： 删除站点只是删除了根文件夹和dreamweaver 之间的关联，但是文件夹本身及其里面的内 容仍然存在。;;二、制作基本的网页;二、处理段落;2、特殊字符;3、插入日期;4、插入水平线;5、文本的编辑;6.文字的其他设置;（3）设置文本滚动 marquee……/marquee 属性： Align:居左、居中、居右、靠上、靠下 Bgcolor:设置背景颜色 direction 表示滚动的方向，值可以是left，right，up，down，默认为left behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动） loop 表示循环的次数，值是正整数， 默认为无限循环(loop=-1) ;scrollamount 表示运动速度，值是正整数，默认为6,单位是像素。 scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒 。 height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度 hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 onmouseover=this.stop() 表示当鼠标移上区域的时候滚动停止， onmouseout=this.start()当鼠标移开的时候又继续滚动。 ;;跟踪图像： 可以在“跟踪图像”文本框中指定复制设计时作为参考的图像。该图像只供参考，当文件在浏览器中显示时并不出现。 调节“透明度”，确定跟踪图像的不透明度，从完全透明到完全不透明。;注意：设置“跟踪图像”之后，若再设置页面背景图像，则在设计视图中看不到页面背景图像，预览时才能看到。;9、项目列表和编号列表;三、插入图像;;;2、插入图像 (1)插入菜单|图像 (2)插入面板|常用|图像 操作举例 3、设置图像属性 注意： （1）图片文件最好独立存放于单独的文件夹。 （2）图片文件名尽量不使用汉字和特殊符号，否则可能导致图片在浏览器中不能显示。 ;4、插入其他图像元素 （1）插入图像占位符 准备好将最终图像添加到web页面之前使用的图形，在使用浏览器时，它将显示为一个红叉。 方法：插入面板|常用|插入图片下拉按钮|图像占位符 插入菜单|图像对象|图像占位符 ;（2）插入鼠标经过图像插入|图像对象|鼠标经过图像;举例：;（3）插入导航条功能：实现网页的导航方法：插入|图像对象|导航条;举例：;四、插入超级链接;超级链接由两部分组成：链接载体和链接目标。 链接载体：页面中引导浏览者去单击某个超级链接的载体，是一种指针。 许多页面元素都可以作为链接的载体，如文本、图像等。 链接目标:超级链接的指向位置或文件URL。 它可以是任意的网络资源，如：页面、图像、声音、各种文件、程序、E-mail,甚至是页面中的某个位置（即锚点）。 ;链接目标的分类：;注意：当页面上无框架时， _top、 _parent、 _self这几个选项的表现是一样的，都是在原来的窗口打开网页。;1、文字链接;2、图像链接;3、使用图像地图; 创建圆形热点 创建矩形热点 创建多边形热点 移动热点区域 ;4、内部链接与外部链接;5、电子邮件链接;6、命名锚点链接;（1）创建锚记 “插入”菜单|命名锚记 或者 “插入”面板|常用|命名锚记 （2）创建链接 相同页面的链接：#锚记名称 不同页面的链接：链接目标路径#锚记名称 (再讲);8、空链接;9、脚本链接;10、Dreaweaver3种链接路径;五、插入多媒体;注意：用户浏览器端必须拥有辅助应用程序才能查看常见的视频格式， 如real player、QuickTime和Windows Media Player等。 ;2、添加背景音乐;3、插入视频;4、插入Flash对象;3种不同的Flash文件类型;;;插入flash动画的具体步骤：;注意：在该窗口中，Flash文件不会显示，更不会播放，而是一个Flash占位符。;;（二）插入FLashPaper;（三）插入Flash视频FLV文件;六、插入表格 ;;;七、创建框架页面;（一）框架的创建;;;（二）保存框架;(三)编辑框架;;;;注意：;（四）框架中的超级链接;注意：;八、HTML的基本语法;实际上，HTML文件仅由