Dreamweaver 8中文版实用教程教学课件颜辉第3章_文本和图像.ppt

《Dreamweaver 8中文版实用教程教学课件颜辉第3章_文本和图像.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章文本和图像掌握插入与修改文本的方法了解CSS样式掌握Dreamweaver与Fireworks联合作业的方法教学目的插入文本设置文本属性创建列表项CSS样式拼写检查图像编排Dreamweaver和Fireworks联合作业文本和图像应用本章内容插入普通文本直接在Dreamweaver文档窗口中键入文本，亦可拷贝粘贴现有的文本。插入其他文本插入文本3.1插入文本插入其他文本1.插入特殊字符其它字符插入其他文本2.插入水平线设置水平线的对齐方式插入其他文本3.插入时间选中页面中编辑插入的时间插入其他文本4.输入空格输入连续空格按下

2、Ctrl+Shift+空格键同样可以插入非间断空格插入其他文本5.插入换行符使用快捷键Shift+Enter也可以插入换行符插入其他文本6.插入Flash文本属性参数改变完成文本编辑设置文本字体设置文本大小设置文本颜色设置文本段落和标题设置文本缩进和对齐方式设置文本样式设置文本属性3.2设置文本属性设置文本字体1.编辑字体列表添加新列表向添加或移除字体类型设置文本文本设置文本大小选择文本设置文本颜色单击属性面板上的“色盘”系统色盘选择其他的色盘设置文本段落和标题“文本”→“段落格式”设置文本缩进和对齐方式1．设置文本缩进“文本”→“缩

3、进”“文本”→“凸出”设置文本缩进和对齐方式2.设置对齐方式光标放在段落文本中左对齐居中对齐右对齐两端对齐设置文本样式选择要设置样式的文本创建简单列表项创建多级列表项设置项目列表符号创建列表项3.3创建列表项创建简单列表项选择要创建列表项的文本“文本”→“列表”→项目列表”、“编号列表”或“定义列表”属性面板创建项目符号列表创建编号列表创建多级列表项选择要设置为列表项的文本单击属性面板上的按钮增加文本缩进量，创建次级项目列表设置项目列表符号“文本”→“列表”→“属性”编号列表CSS定义CSS样式的分类及应用方式使用“CSS样式”面板新

4、建CSS样式设置“CSS规则定义”对话框参数自定义CSS样式链接外部CSS样式编辑CSS样式复制CSS样式导出CSS样式CSS样式转化为HTML标签CSS样式3.4CSS样式CSS定义CSS即CascadingStyleSheets（重叠样式表），是用来控制一个或多个文档显示属性的集合。CSS样式位于页面的标签中，可以定义页面中HTML标签的属性。使用CSS样式能够定义一些单独使用HTML样式不能定义的属性。除了控制文本的传统属性之外，使用CSS样式也可以控制一些特殊的属性，例如鼠标特效。CSS样式的分类及应用方式1CSS

5、样式的分类自定义CSS样式HTML标签样式CSS选择器样式2CSS样式的应用方式局部套用内联式外联式使用“CSS样式”面板选择命令“窗口”→“CSS样式”or单击属性面板中的CSS按钮or使用快捷键Shift+F11附加样式表新建CSS规则编辑样式删除CSS样式新建CSS样式“新建CSS规则”按钮设置“CSS规则定义”对话框参数1.定义CSS样式的类型属性2.定义CSS样式的背景属性色盘设置“CSS规则定义”对话框参数3.定义CSS样式的区块属性4.定义CSS样式的方框属性设置“CSS规则定义”对话框参数5.定义CSS样式的边框属性6

6、.定义CSS样式的列表属性设置“CSS规则定义”对话框参数7.定义CSS样式的定位属性8.定义CSS样式的扩展属性自定义CSS样式1.应用自定义CSS样式选择文档中将应用CSS样式的文本单击文本属性面板2.删除已应用的自定义CSS样式选择应用了自定义CSS样式的文本将文本属性面板切换到CSS模式，在“样式”下拉菜单中选择“无”链接外部CSS样式单击“CSS样式”面板底部工具栏的“附加样式表”按钮在页面代码中生成标签在页面代码中生成<@Import>标签InternetExplorer和Netscape Navigator都

7、支持链接方式，而NetscapeNavigator不支持导入方式编辑CSS样式双击选定的CSS样式名称。单击“CSS样式”面板底部工具栏上的“编辑样式表”按钮右击要编辑的CSS样式，在弹出的快捷菜单中选择“编辑”命令。复制CSS样式选择要复制的CSS样式右击，在弹出的快捷菜单中选择“复制”命令导出CSS样式打开包含CSS样式的页面“文件”→“导出”→“CSS样式”→“导出样式为CSS文件”选择保存位置保存CSS样式转化为HTML标签只有将CSS样式转换为HTML标签，才可以在这些浏览器中正确显示页面打开含有CSS样式的页面“文件”→“

8、转换”拼写检查3.5拼写检查默认的字典是“英国（美国）”“编辑”→“首选参数”选择拼写检查字典“文本”→“检查拼写”图像编排3.6图像编排插入图像设置图像属性插入图像1.插入页面图像选择命令“插入”→“图像”。or单击插