第三章-网页中的基本元素.ppt

mkyy 第三章 网页中的基本元素 本章提纲 本章内容: 第一节 插入文本与列表 第二节 插入图像 第三节 插入其它基本元素 第四节 超级链接 第五节 综合实例 本章难点、重点: 图像的插入 超级链接的建立 第一节 文本与列表 文本编辑 文本格式 列表设置 在页面中插入文本方法：输入、复制、导入 文本的分段: 按Enter（HTML标记P……/P） 文本的换行: Shift+Enter（HTML标记br） 一些无法通过键盘直接输入的特殊字 符，如版权符号?、注册商标符号?等，可 以通过插入特殊字符的功能进行插入。 文本格式即文字的大小、字形、颜色 等格式： 基本样式设置[属性面板] 格式：段落、标题1—标题6（从大到小）、预先格式化 字体：字体的编辑、字符的颜色、大小、加粗倾斜等 段落属性设置 对齐方式、缩进与凸出 将具有先后顺序或相似特性的几行文 字进行对齐排列，而且在左侧添加编号 或符号。 无序列表（项目列表，一般前面是用项目符号作为前导字符。） 有序列表（编号列表，一般前面有数字前导字符，其中前导字符可以是阿拉伯数字、英文字母或罗马数字等。） 嵌套列表是包含在其它列表中列表， 创建方法： 选中要缩进的项目或光标移动到要 缩进的某一项列表中，单击“文本缩 进”按钮。 创建列表可先输入文本，还可先设 置列表项。 将光标定位在要插入列表地方，单击属性面板 “编号列表”或“项目列表”。 选中要成为列表的所有段落，单击按钮即可；取消方法相同。 在结束列表位置，连续输入两次回车 或再次单击该按钮。 更改列表属性(属性面板“列表项目”)，光 标移到要修改列表属性任一项中，点击 “列表属性”按钮，修改。 标尺分为水平标尺和垂直标尺，分 别显示在文档编辑区的上方和左侧。标 尺的单位包括像素、厘米和英寸，在默 认状态下使用像素为单位。 网格与标尺都是定位工具，但在网页 布局中使用网格更方便。文档编辑区中显 示了网格后，就可以对网页元素进行准确 定位。 第二节 图像 图像文件类型 插入图片对象 设置图片属性 GIF全称为“Graphics Interchange Format”，意为可交换图像格式，它是 第一个支持网页的图像格式，最多支持 256种颜色，可以使图像变得容量相当 小。GIF图像可以在网页中以透明方式显 示，可以包含动态信息，即GIF动画。 JPEG全称为“Joint Photographic Experts Group”，意为联合图像专家 组，可高效压缩图片，丢失人眼不易察 觉部分图像，使文件容量在变小的同时 基本不失真，通常用来显示颜色丰富的 精美图像。 PNG全称为“Portable Network Graphics”，意为便携网络图像，是逐 渐流行的网络图像格式。PNG格式既融合 了GIF能透明显示的特点，又具有JPEG处 理精美图像的优势，且可以包含图层 等信息，常常用于制作网页效果图。 菜单命令 单击按钮 拖动图像按钮 选择图像路径名，单击“确定”按钮 在询问“是否”将图片复制到当前站点文件夹中时单击“是”按钮。 设置图片文件保存路径。 注意： 如果网页中插入对象不在当前站点中，在IE浏览器中可能不会正常显示,图像文件名最好用英文。 如果要将一幅图片作为背景： a.通过“修改”菜单中“页面属性”对话框在“背景图像”浏览图片设置。 b.可为表格或单元格设置背景图片。 当用户在网页中添加一幅大尺寸的图像时，即使用【宽】和【高】文本框或拖动方式将图像调小，因图像的容量并未改变，仍然会影响下载时间。因此，在加入图像之前，最好用图像处理软件将图像尺寸设置好。 重设大小：还原图像到原始大小。 地图名称和热点工具：一般在指向图像某区域时设置超级链接时用。 编辑：对图像进行编辑操作类，将CSS中所建立的样式应用到图像中。 图像占位符：网页中给图片预留位置 在图像属性面板中“替换”下拉列表 框中可以输入图像的文本说明。 选取图像后，在属性面板的“对齐” 下拉列表框中可设置处于同一行上的图像 与文本的对齐方式。 选取图像在属性面板的“垂直边距” 和“水平边距”文本框中可以设置图像 与页面上方和左侧之间的距离，也可以 设置图像与其它网页元素之间的距离。 选取图像后，在属性面板的“边框” 文本框中可以设置图像边框的宽度，单 位为像素，“0”表示无边框。 制作网页时还未选定需插入图像，但 确定了图像大小，可以使用图像占位符 来代替图像插入到文档中。 将图像确定后双击占位符，在打开对 话框中设置后插入即可。 名称：脚