《网页中的文字和图像》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章网页中的文字和图像网络世界五彩缤纷，涌现出大量优秀精美的网页。大量的网络信息，无非就是通过文本、图像、动画等网页元素来呈现，其中，文本和图像是网页中最为重要的设计元素。本章介绍文字和图像在网页中的应用，主要内容包括：网页中的文字在网页中使用图像图像的编辑2.1网页中的文字文字是网页中最基础的信息载体，浏览者主要通过文字了解网页的内容。虽然利用图形文字也可以达到同样的效果，甚至超出纯文本的效果，但是网页文字的优势还是无法被取代的。因为纯文本所占用的存储空间非常小，浏览纯文本网页时，占用的网络带宽较少，

2、能快速地被用户打开。2.1.1应用文字在网页中应用文字有三种方法：直接输入、粘贴剪贴板中的文字、导入Word文档。1．直接输入2．粘贴剪贴板中的文字3．导入Word文档2.1.2课堂实例――设置段落效果在网页设计时，文字段落制作的层次分明，才能让浏览者更好地阅读。也使得网页看起来整洁、美观。对于段落的设置，主要有几个方面的内容。段落的对齐方式、段落行间距设置、文本缩进的设置等。1．对齐文本2．段落行间距和换行标签
3．文本缩进在body：

3、er-spacing:10px">在head：2.1.3课堂实例――设置文字标题HTML的标题标签主要用来快速设置文本标题的格式，典型的形式是

4、字格式，在网页中设置合适的文字格式，也是保证网页漂亮外观的关键。1．字体标签编辑器：文本工具栏----单击字体标签编辑器2．在设计视图设置文字格式:属性面板3.利用css样式编辑器做特效文字:css样式面板---新建css模糊效果：Blur(Add=true,Direction=135,Strength=15)阴影字：DropShadow(Color=gray,OffX=1,OffY=1,Positive=1);阴影效果：Shadow(Color=darkred,Direction=135);光晕效果：G

5、low(Color=blue,Strength=6);波纹效果：Wave(Add=false,Freq=4,LightStrength=2,Phase=3,strength=6);Add是否要波形样式扭曲,取值为trueorfalse;Freq波纹数；LightStrength光影的效果0~100；Phase角度变形百分比0~100；Strength变形强度。2.1.5使用段落列表列表是HTML中组织多个段落文本的一种方式，列表分成编号列表和项目列表，前一种列表用数字顺序为列表中的项目进行编号，而后一种列

6、表则在每个列表项目之前使用一个项目符号。1．编号列表专家点拨：编号列表又称为有序列表，使用

1. 列表项目一
2. 列表项目二
3. 列表项目三
4. 列表项目四

• 列表项目一
• 列表项目二
• 列表项目三

7、整体外观，包括背景、标题等。Dreamweaver8提供了【页面属性】对话框，在这个对话框中提供了多种页面属性的设置方法。1．设置背景图片2．设置页面标题3．设置页面边距2.2使用图像在网页设计中，图像的重要性仅次于文字，也是使用非常频繁的页面元素。本节介绍在网页插入图像的方法以及设置图像的尺寸和边框的方法。2.2.1网页中常见的图像格式网页中使用的图像可以是GIF、JPEG、BMP、TIFF、PNG等格式的图像文件，而目前使用最广泛的主要是GIF、JPEG和PNG三种格式。2.2.2在网页中使用图像图像

8、也是网页元素中的重要组成部分，在网页中插入图像可以使网页更好地表现网站的主题思想，使版面变得更加丰富多彩，吸引更多的浏览者。在网页中使用图像时，要考虑图像在页面中的整体效果。1．插入图像2．设置图像的尺寸和边框2.3图像的编辑在网页中使用了图像以后，经常需要对图像做进一步的编辑，以达到满意的效果。2.3.1设置图文混排、图像边距、图片特效1．设置图文混排2．设置图像边距3.利用css滤镜做图片特效Alpha滤镜Alpha滤镜用