计算机实用技术 刘毅 第3章 制作简单的网页.pptVIP

第3章 制作简单的网页 制作：杜丽君 目录 3.1网页的基本操作 4、网页页面属性的设置 网页页面属性是指网页外观（如文本的大小、颜色、格式等）、页面内链接效果、各级标题的字体样式等。 （1）设置文档标题 可在“文档”工具栏的”标题”文本框中输入文档标题 “外观”：设置页面的一些基本属性。我们可以定义页面中的默认文本字体、文本字号、文本颜色、背景颜色和背景图片等 “链接”：是一些与页面的链接效果有关的设置。 “标题”：用来设置标题字体的一些属性。 “标题/编码”：“标题”用来修改新建文档的标题，显示在浏览器标题处和编辑软件的标题处。编码可修改页面编码信息，。 “跟踪图像”：文本框用来设置在页面编辑过程中使用的描图图像的地址和名称。 3.2文本的插入和编辑 3.2.1插入文本 3.2.2设置文本格式 （2）设置文字字号 选定要改变字号的文本，选择“属性”面板上“大小”的下拉列表中选择相应的选项。 注意：如果单位设置为“点数(pt)”，设置为点数的文字的大小不会随着分辨率的改变而发生变化，像素则正好相反。 （3）设置文字颜色： 选择“文本”菜单中“颜色”命令，在随后出现的对话框中选择所需要的颜色。 （4）设置文本样式： 选择“文本”菜单中的“样式”选项设置更多类型的字体样式。 2、设置段落对齐方式 对齐段落有三种方式：左对齐、居中和右对齐可以使用“文本”菜单中“对齐” 子菜单进行设置 3、使用列表 有序列表又称为编号列表，所有项目前使用有序的数字符号进行排列。 无序列表又称为项目列表，所有项目前使用相同的项目符号进行排列。 （1）创建列表： 选择“文本” →“列表”选项 （2）修改列表属性 选择【文本】|【列表】|【属性】命令 4、插入水平线 选择菜单【插入】|【HTML】|【水平线】命令， 3.3图像的插入和编辑 3.3.1 网页中常见的图像格式 1、GIF格式 GIF是一种索引颜色的图像格式。GIF格式的特点是压缩比高，磁盘空间占用较少，可以同时存储若干幅静止图象进而形成连续的动画。适用于导航条、按钮、图标、透明图像和动画。 2、JPEG格式 JPEG是支持32位颜色图像，可以保持原图像的真实颜色。JPEG适合网页中对图片质量要求较高，有颜色渐变、需要精确色彩显示的图片，如照片。 3、PNG格式 PNG是一种新兴的网络图像格式，是目前保证最不失真的格式，它汲取了GIF和JPG二者的优点； PNG还支持透明图像的制作。PNG的缺点是不支持动画应用效果 3.3.2 插入图像 2、图文混排 设置图片的对齐方式：选中图片，在“属性”面板中 “对齐”下拉列表框选择图片的对齐方式。 说明：如果需要文字环绕图像可选择对齐方式中的“左对齐”或“右对齐”。 3、插入图像占位符 方法如下： 选择菜单【插入】|【图像对象】|【图像占位符】 单击“插入”工具栏中“图像”按钮选择“图像占位符”。 4、设置图片为网页背景 选择菜单【修改】|【页面属性】命令， 在“属性”面板中单击“页面属性”按钮 说明：背景图片大小是固定的，如果网页内容较多，可以在“重复”下拉列表中选择是否要重复。 3.3.3 设置图片的属性 3、设置图片边距 “水平边距”和“垂直边距”文本框用来设置图像左右和上下与其它页面元素的距离。通常用于图文混排等多种元素的页面。 4、源文件 “源文件”指定图像的源文件路径。 5、链接 “链接”指定图像的超级链接。添加链接的方法如下： （1）将“指向文件”图标拖到“站点”面板中的某个文件上，即可建立链接。 （2）单击浏览文件图标选择要链接的文件， （3）手动输入链接地址 URL。 3.3.4编辑图像 1、图像重新取样 添加或减少已调整大小的 JPEG 和 GIF 图像文件中的像素。对图像进行重新取样会减小图像文件的大小。 2、裁剪 通过减小图像区域编辑图像。 3、亮度/对比度 修改图像中像素的亮度或对比度。 4、锐化 可通过增加图像中边缘的对比度来调整图像的焦点。 注意： 图像编辑功能仅适用于 JPEG 和 GIF 图像文件格式。 3.4表格的插入和编辑 3.4.1表格的基本操作 (5)选择行或列 将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。 注意：当选中表格或表格中有插入点时，Dreamweaver 会显示表格和列的宽度以及访问表格标题菜单和列标题菜单的箭头 3、调整表格的大小 （1）调整表格的大小 选取整个表格后，将鼠标放在表格边框周围的黑色小方块上，鼠标变为双箭头后按住鼠标左键拖动即可改变表格大小。 当调整整个表格的大小时，表格中的