网页设计教程04-06插入和编辑网页基本元素-创建网页超链接与页面布局技术介绍.pptVIP

6.1.2 页面布局的方法 （1）表格布局 （2）层布局 （3）框架布局 6.2 表格的创建及编辑 表格是网页设计中最常用的工具，它既可像字处理软件中的表格一样，用来显示表格式数据，也可以用作页面布局的一个强有力工具。表格是由“行”和“列”构成的，利用“行”和“列”的分隔，可以更方便灵活的在适合的位置插入和排列文本、图像等网页元素，从而使页面更具条理性、更加美观。 6.2.1 创建表格 表格的功能这么强大，就需要掌握如何应用它，在Dreamweaver CS3中可以很方便地创建表格，下面介绍如何创建表格。 创建表格可以执行下列方法之一，都会弹出一个“表格”对话框，根据需要在该对话框中设置相关的参数。 方法一：选择菜单“插入记录”→“表格”命令。 方法二：单击“常用”工具中的“表格”按钮 。 “表格”对话框参数说明 参数 说明 行数和列数 确定表格的具有多少行和列，直接输入数目。 表格宽度 以像素为单位或按浏览器窗口宽度的百分比指定表格的宽度。 边框粗细 以像素为单位的表格边框的宽度。设置为0时，将在浏览器中不显示边框。 单元格边距 用来指定单元格内容与边框的距离。如不明确指定，则大多浏览器按1显示。 单元格间距 相邻的两个单元格之间的距离。如不明确指定，则大多浏览器按2显示。 页眉 指定表格标题显示方式，有“无”、“左”、“顶部”、和“两者”4种。 标题 指定表格标题，显示在该表格外面。 对齐标题 如果设置有表格标题，则用来指定表格标题相对于表格的对齐方式。主要有“默认”、“底部”、“顶部”、“左”和“右”5种，“默认”为“顶部”。 摘要 用来说明表格信息，不会显示在浏览器上。 6.2.2 表格的选定 1．选定表格 选定表格的方法有以下几种： （1）单击表格的边框线。 （2）将光标定位在表格内部任意位置，选择“修改” →“表格” →“选择表格”命令。 （3）将光标定位在表格内部任意位置，单击“标签”选择器中的如图6-3所示的table标签。 2．选定单元格 单元格的选定包括选定一个单元格、选定连续的多个单元格和选定不连续的多个单元格。 （1）选定一个单元格的方法有以下几种： A.按下Ctrl键的同时，在单元格内单击即可选中该单元格。 B.将光标定位在所要选定的单元格内，单击“标签”选择器中的如图6-5所示的td标签。 4.5.3 插入特殊字符 在网页中输入文本时，有时需要使用一些无法通过键盘正常输入的特殊字符，此时可以利用Dreamweaver提供的插入特殊字符来插入所要字符。 4.5.4 插入头部标记 插入头部标记包括有插入META、关键字、说明、刷新、基础及链接等。 2．插入网页自动刷新功能 自动刷新功能是指设定在一定时间自动对页面进行刷新，可以刷新该页面或跳转到另外一个页面。 4.5.5 插入表格和表单 在Dreamweaver中根据需要还可以插入表格和表单。 本章小结 文本和图像是设计网页的最基本也是最重要的元素，除了这两者，还可以添加其他的基本元素如音频、动画、视频等，还有一些其他对象如水平线、日期等。合理的使用这些元素可以提高网页的视觉效果，延长浏览者浏览时间，从而增强网站的目的性。本章主要介绍了在Dreaweaver CS3中如何插入和编辑文本、图像、flash对象、多媒体对象、水平线、头部标记等网页基本元素，只有掌握这些操作，灵活的使用，才能更好的设计出一个高水准的网站。 实训 完成实训——第4章 插入和编辑网页基本元素实训 第5章 创建网页超链接 教学目的 介绍了超链接的概念 掌握超链接和导航条的创建方法 会在网页中灵活使用超链接 5.1 超链接的基本概念 一个网站肯定有很多的页面，如果页面之间彼此是独立的，那么网页就好比是孤岛，这样的网站是无法运行的，没有意义的。为了建立起网页之间的联系我们需要实现从一个网页指向另一个目标的跳转，这个目标可以是另一个网页，也可以是同一个网页上的不同位置，还可以是一张图片、一个电子邮件地址、一个文件或一个绝对定位的元素，甚至是一个应用程序，这就是所谓的超链接。在创建超链接之前，首先要弄清楚目录和路径的关系，只有这样才可以轻松管理网站的链接，创建出结构清晰明确的网站。 5.1.1 URL概述 URL（统一资源定位器）主要用于指定网上资源的位置和方法。 URL一般由三个部分组成，即协议、主机和域 （1）协议，又成服务方式，如http、ftp、telnet等。 （2）主机：即存放资源的主机的IP地址，有时也包括端口号，如： (3)域：主机的具体地址，包括路径和文件名等。 5.1.2 绝对路径 绝对路径就是被链接文档的完整的URL，而且包含服务器协议。这个地址是精确地址而不用考虑文件的位置，如果目标文件被移动，则链接无效。创建外部链接时必须用绝对路径。 5.1.