单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,网页设计与制作教程,（,Dreamweaver+Photoshop+Flash,）,第,4,章,文本与图像控制,机械工业出版社,4.1,文本控制,1,插入与编辑文本,2,插入特殊字符,4.1.1,插入文本与特殊字符,插入特殊字符,1,创建超链接,2,创建邮件链接,邮件链接是一种特殊的链接，在网页中单击这种链接后，不是跳转到其他页面，而是自动打开,Outlook Express,或其他,E-mail,软件，并且在新邮件窗口中自动添加电子邮件链接中的邮箱地址3,创建锚链接,锚链接就是创建命名锚记（简称锚点），它所起到的作用就是在文档中进行定位，单击这些创建了命名锚记的链接后，就可以快速访问指定位置4.1.2,创建超链接,4.1,文本控制,4.1.3 CSS,控制文本的常见属性及其应用,属性,说明,font-family,设置网页使用字体的类别,font-size,设置文本的字体大小,font-weight,设置字体的粗细,font-style,设置文本的字体样式,color,设置文本的颜色,text-indent,设置文本块首行的缩进,line-height,设置行高,text-decoration,设置添加到文本的装饰效果,text-align,设置文本的水平对齐方式,表,4-1,常见的有关文本控制的属性,4.1,文本控制,图,4-18,当前页面结构 图,4-19 CSS,规则,4.1,文本控制,1字体的类型,标题没有定义字体，即默认字体,此行文字定义了“文鼎,POP-4”,字体，但系统没有安装该字体，此时该行字体使用默认字体显示,4.1,文本控制,4.1,文本控制,2字体的大小、行高与颜色,图,4-21,当前页面结构,图,4-22 CSS,规则 图,4-23,预览效果,4.2,图像控制,4.2.1,插入图像,在插入图像之前，首先了解一下在网页制作中常见的图像格式：,GIF,格式：该文件格式最多使用,256,种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，。
JPEG,格式：该文件格式是用于摄影或连续色调图像的较好格式，这是因为,JPEG,文件可以包含数百万种颜色PNG,格式：该文件格式是一种替代,GIF,格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及,alpha,通道透明度的支持4.2,图像控制,4.2.2 设置图像属性,在,Dreamweaver CS5,中选择某一图像，按下组合键,Ctrl+F3,，打开如图,4-35,所示的“属性”面板图,4-35 “,属性”面板,4.2,图像控制,4.2.3 绘制热点区域,图,4-37 设置热点属性,图,4-38,鼠标悬停热点区域时的效果,4.2,图像控制,4.2.4 插入鼠标经过图像,4.2,图像控制,4.2.5 CSS控制图像的常见属性及其应用,1,图像的边框与大小,2,背景图像,属性,说明,background,简写属性，作用是将背景属性设置在一个声明中,background-color,设置元素的背景颜色,background-image,把图像设置为背景,background-position,设置背景图像的起始位置,background-repeat,设置背景图像是否重复，以及如何重复,background-attachment,设置背景图像是否固定或者随着页面的其余部分滚动,表,4-2,背景属性,4.2,图像控制,4.2.5 CSS控制图像的常见属性及其应用,3图像超链接,图像超链接指的是将图像设置为超链接的形式，当鼠标移开和悬停在该超链接上时，分别呈现不同的效果。
4.3,图文混排,图文混排最为核心的地方就是让文字围绕图像进行排列，而要实现这种效果就必须让图像脱离文本流，即使图像具有浮动（,float,）属性4.4,课堂综合练习,图文混排最为核心的地方就是让文字围绕图像进行排列，而要实现这种效果就必须让图像脱离文本流，即使图像具有浮动（,float,）属性4.5,课堂综合实训,图文混排最为核心的地方就是让文字围绕图像进行排列，而要实现这种效果就必须让图像脱离文本流，即使图像具有浮动（,float,）属性。