《网页设计案例教程》ch02Dreamveaver CS5网页制作.ppt

文档介绍：第2章 Dreamveaver CS5网页制作
学****要点
创建基于文本的网页
在网页中插入图片素材
在网页中插入媒体对象
在网页中添加背景音乐
在网页中添加超链接
创建图文混排的网页
创建基于文本的网页

直接输入
导入文本
复制和粘贴
设置文本格式
页面属性设置文字、大小和颜色
设置文本格式
在代码视图修改样式或添加新样式设置文字、大小和颜色
#xin2{ <!-- 通过标签编辑样式表xin为标签名-->
color:#F08; <!-- 定义文本颜色-->
font-family:"宋体"; <!-- 定义文本的字体-->
font-size:18px; <!-- 定义文本的大小-->
font-weight:bolder; <!-- 定义文本的字形-->
}
设置文本格式
使用属性面板
选择文档标题下的第1段文本,在属性面板的“字体”下拉列表中选择“黑体”,在“大小”下拉列表中选择“20”,单位为像素,在“颜色”文本框中输入“#0000ff”,如图2-9所示。
设置行距
一般在文档编辑器中使用<Enter>回车键进行分段换行,但是这种方式的行距比普通行距要大一些,如果想行距是默认方式行距可以按“<shift>+<Enter>”来完成
通过代码来设定网页中的文本,行距就是统一的。选定需要修改行距的文本段落,新建CSS规则样式,在规则定义对话框中选择“类型”标签,设置合适的line-height属性值
图片的插入和编辑
插入图像方法:
选择【插入】->【图像】命令。
在插入面板中单击(图像)按钮。
在文件面板中选中图像并拖曳到文档中。
在资源面板中选中图像并单击按钮或直接拖曳到文档中。
设置图像属性
插入鼠标经过图像