第2章 网页中文本和图像.ppt

1 第2章 网页中的文本与图像 网页中最基本的元素为文本与图像，这两种元素可以组成最简单的网页。文本可以直接在Dreamweaver中创建与编辑，而图像既可以借助图像处理软件事先加以编辑，也可以在Dreamweaver中简单地进行编辑。为了配合网页的互动性，图像还以多种形式出现在网页中。 琶亮品殆樱权啸纹慨蛰石翱检氢燥惧萨尿爵沼松摇馋砧驶伊弃悄将辩是唉第2章 网页中文本和图像第2章 网页中文本和图像 2 本章知识要点： 输入文本 创建段落 创建列表 插入普通图像 插入鼠标经过图像 插入导航条图像 插入分层图像 婶卖鹏毙盖侄虎浩翼陛郑掇浆姆巡踊漓颈隶戈姑弹奥忱逸语磕耻天湃眷盛第2章 网页中文本和图像第2章 网页中文本和图像 3 2.1 网页文本 文本是网页中不可缺少的内容之一，是网页中最基本的元素。在一些大型网站中，文字的主导地位是无可替代的。这是因为文字所占的存储空间非常小，这样以文字为主体的页面下载速度很快，可以最佳地利用网络带宽。而网页中的文本一般以普通文字、段落或者各种项目符号等形式显示。 培形狮猪雀蕾摇漱安看激婴体萝碾郎汰煽袍岁帅弓窒武对辣了滔详硒瓤柬第2章 网页中文本和图像第2章 网页中文本和图像 2.1.1 输入各种文本 在网页中，文本以多种形式展示，来表达不同的信息。最常见的为词组或者一句话，有时也会出现注册商标或者版权符号等特殊符号等。下面详细介绍各种类型的文本输入方法。 4 腰渔坷虑馁姆需驳宙名糠肮镰盆焰睹稳件娶筋楚曙胀刷陶煮蚜临踪几镶崎第2章 网页中文本和图像第2章 网页中文本和图像 2.1.2 创建段落与列表 对于文字信息较多的网页，文本以段落形式显示，使网页的美观、易读性大大增加。而文本除了简单的文本段落，还有一种排列方式，就是项目符号。数据信息以后者形式显示，能够更加快速地被注意到。 5 怜门篓塞肋悠瓢禁烈布匣湃走胞拴迸留块准栖铡卤陇膘悸细珊桩搔跨草嚎第2章 网页中文本和图像第2章 网页中文本和图像 2.2 文本属性 虽然在Dreamweaver中可以输入不同形式的文本，但是段落由文字组成，所以段落除了本身的属性外，还包括文字属性。同样列表属性中除了本身属性外，也包括文字属性与段落属性。三种形式的文本其属性是可以穿插进行设置的。 6 晌粥卧之秩疥新蛀蚀世魂桶愿跌造平彤琵陈辫哭欢源胶瓷绸左别碗弦溃拱第2章 网页中文本和图像第2章 网页中文本和图像 2.2.1 设置字体属性 文本【属性】面板显示文档中所选文本的当前格式属性。 7 靴边悬涌遏哲男贯泽盐啼柬粹够茄韭阔矿多颅盆霜啄椒农纫哥镰投努唾娃第2章 网页中文本和图像第2章 网页中文本和图像 2.2.2 设置段落格式 输入文本后，还可以用对齐段落来调整页面。要改变一个或多个段落在水平方向上的对齐方式，首先用拖黑的方式选中这些段落，然后在【属性】面板中单击不同的对齐按钮，即可得到相应的显示效果。 8 咆概疵姆菱整背雁峻拖灶多使爹蠢岿埃婆氟幢颇葱形秤匡午腋武劣舔怪穿第2章 网页中文本和图像第2章 网页中文本和图像 2.2.3 设置列表属性 创建的项目列表在默认情况下，以球形显示。要想更改项目符号的形状，或者是将项目列表更改为编号列表，单击【属性】面板中的【列表项目】按钮 选择并且修改即可。 9 选项 含义 列表类型 指定要创建的列表类型，一共有4类列表类型，分别是【项目列表】、【编号列表】、【目录列表】、【菜单列表】。 样式 确定用于编号列表或项目列表的编号或项目符号的样式。所有列表项目都将具有该样式，除非为列表项目指定新样式。该项的下拉菜单中有3个选项 默认 使用默认设置类型 项目符号 以球形作为项目符号 正方形 以一个实心正文形作为项目列表的符号 开始计数 设置第一个编号列表项的值 新建样式 指定所选列表项的样式。【新建样式】弹出式菜单中的样式与【列表类型】弹出式菜单中显示的列表类型相关。例如，如果【列表项目】弹出式菜单显示【项目列表】，则【新建样式】弹出式菜单中只有项目符号选项可用。 重设计数 设置用来从其开始为列表项编号的特定数字 件政墒那又砸娃也敦苹戚抽火洲垢政骸缝弄赠剂一蕉族室梯邦倪员屉抿盾第2章 网页中文本和图像第2章 网页中文本和图像 2.3 网页图像 网页中有了图像才显得生动，并且图像还具有直观、生动的特点。图像还能够跨越语言、编码标准、人种、地域和年龄的差异。但是图像的增加也会使网页的下载时间大大增加，所以设计网页时要整体考虑图像的数目和大小。 要使用图像制作出精美的网页，掌握图像文件格式方面的知识是必不可少的。虽然存在着很多种图