Dw网页设计 课件2教学.pptVIP

一、 Dreamweavercs4概述 1、Dreamweavercs4的安装 下载安装程序； 进行安装 2、 Dreamweavercs4的工作区 （1）标题栏； （2）菜单栏； （3）插入面板组； （4）文档工具栏； （5）标准工具栏； （6）文档窗口； （7）状态栏； （8）属性面板； （9）浮动面板。 3、创建站点 （1）站点的分类 本地站点和远程站点 本地站点：网页制作者制作网页和测试网页的一个总的文件夹。不能在互联网中浏览。 远程站点：是本地站点的一个映射，结构基本相同，可以让任何上网的浏览者浏览的文件。 (2)创建本地站点 站点|新建站点 (3)管理站点 编辑站点； 复制和删除站点； 注意： 删除站点只是删除了根文件夹和dreamweaver 之间的关联，但是文件夹本身及其里面的内 容仍然存在。 4、用Dreamweavercs4创建文件 （1）主要的文件类型：HTML文件 （2）文件|保存（或者ctrl+s） （3）文件的命名一般使用英文字母和数字， 可以以数字开头，也不能在文件名中使用空格、特殊字符或标 点符号，文件名最好不要使用汉字，因为许多浏览器不支持汉字命名的文件。 二、制作基本的网页 一、文本标题 1共设置了6级标题,1—6级,每级标题的字体大小依次递减 2设置标题方法： （1）选中文本或段落； （2）格式|段落； 属性|格式，下拉菜单选项； 插入面板|文本 练习举例 二、处理段落 1、输入文本 （1）直接输入 （2）复制：定位光标，编辑|粘贴 （3）文件|导入|word文档 (4)把word文档直接转换html文件 2、特殊字符 （1）定位光标 （2）“插入”面板|文本|字符:其他字符| （3）“插入”菜单|HTML|特殊字符 （4）键盘 （5）软键盘 3、插入日期 （1）插入|日期 （2）常用|插入日期按钮 4、插入水平线 页面上可以使用一条或者多条水平线来分隔文本和对象。 方法：插入|HTML|水平线 更改水平线的颜色： hr color=green/ 5、文本的编辑 （1）方法：选中文本|属性 （2）改变文本的类型、样式和大小 （3）改变字体的颜色 （4）为文字设置更多的样式 6.文字的其他设置 （1）文本分段与换行 分段：enter 分行不分段：shift+enter （2）连续输入多个空格： 全角状态；ctrl+shift+空格； 编辑|首选参数|允许输入连续空格 （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()当鼠标移开的时候又继续滚动。 7、页面设置 8、首选参数(再讲 跟踪图像) 跟踪图像： 可以在“跟踪图像”文本框中指定复制设计时作为参考的图像。该图像只供参考，当文件在浏览器中显示时并不出现。 调节“透明度”，确定跟踪图像的不透明度，从完全透明到完全不透明。 注意：设置“跟踪图像”之后，若再设置页面背景图像，则在设计视图中看不到页面背景图像，预览时才能看到。 9、项目列表和编号列表 （1）创建列表 项目列表：无序列表 编号列表：有序列表 (2)列表的嵌套 三、插入图像 1、网页图像的一般格式 （1）GIF格式（图形交换格式） 带动画效果 (2)JPG格式（联合图像专家组标准） 电子照片 (3)PNG格式（可移植网络图形） Photoshop中的图片 2、插入图像 (1)插入菜单|图像 (2)插入面板|常用|图像 操作举例 3、设置图像属性 注意： （