第3章dreamweaver基础应用.ppt

4.超链接： （1）空链接。在链接文本框中输入链接符号“#”即可。 （2）锚点链接。锚点链接分两步进行，一是在页面中插入锚点，另一个就是为锚点建立链接。（一般用于用一个页面的链接） （3）链接到站内其他文件。直接用属性对话框中的指向文件标志指向就可。但是要注意被链接文件的路径不能轻易更改，否则可能造成链接错误。 （4）站点链接（用绝对地址URL） （5）创建e-mail链接。在链接对话框输入mailto: （6）下载链接。如果超链接所链接的目标文件为浏览器不能自动打开的文件格式（例如“.rar”、“.zip”、“.exe”等文件格式），则会弹出 “文件下载”对话框，用户可根据需要选择下载或打开文件。 （7）图像热点链接。也称为图像映射，图像映射就是指在一幅图像中定义若干个区域(这些区域称为热点)，每个区域中指定一个不同的超链接，当单击不同区域时可以跳转到相应的目标页面。 5.跳转菜单 跳转菜单也是一个链接形式，单击跳转菜单中的某个选项时，可以跳转到相应的网页上。方法：在插入菜单——表单——跳转菜单，然后进行相应的设置，如图： * 本章要点： 一、Dreamweaver概述 二、创建站点 三、文档基本操作（建立一个简单网页） 四、表格布局 五、插入对象 六、超链接（空链接，锚点链接，页面之间的链接，链接到其他文件，站点链接，e-mail链接，图像热点链接，跳转菜单） Dreamweaver cs5是专业的html编辑软件。利用它可以轻松制作出跨平台、跨浏览器的充满动感的网页。 Dreamweaver cs5工作界面如： 浮动面板 标题栏 文档窗口 属性面板 插入工具栏 文档工具栏 DW工作环境 * 站点是网站的基础，创建好站点，方便网站文档的管理和调试 。 （1）在本地计算机建立站点文件夹 这个文件夹的建立，就是为了对建立的站点所有文件进行集中存储，并且也是为了Dreamwearver在建立站点时指向该文件夹，进行全面的管理和控制。 （2）建立Dreamwearver站点。 打开Dreamwearver ，单击“站点”菜单，在弹出的菜单中选择“新建站点”菜单命令。在“站点”选项中，输入站点名称和站点文件夹。 创建好站点后就可以开始设计网站结构文件夹和编辑网页了！ 文件夹一般可以按“栏目类别“来创建，也可以按 “文件类别”来创建。网页编辑则从主页开始！ 1.新建网页文档 （1、 从启动界面中的“创建新项目”组合框中选择合适的文件类型，即可直接进入文档窗口进行编辑。 （2、也可选择主菜单中的“文件”→“新建”命令，系统弹出新建文档对话框。 （3、按下Ctrl+N快捷键，系统弹出新建文档对话框。 （4、在已经创立的站点中的某个文件夹下直接建立网页 2.保存网页文档 （1、预览前要求保存 （2、编辑完后点击右键或菜单保存。 3．设置页面的属性 页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。 4.连续输入空格 在Dreamweaver 中一般只能输入一个空格，若要输入连续的空格时，可以采用下面几种方法中的一种： ①执行菜单命令“编辑/首选参数”，打开“首选参数”对话框后，选定“分类”栏中的“常规”选项，然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。 ②将光标定位到需要输入多个空格的位置，切换到代码视图即HTML源文档中连续输入多个“nbsp;”，或者单击插入工具栏文本分类中的“字符”对象，弹出下拉菜单，选择“不换行空格”选项即可。 ③切换到中文输入法，设置为全角输入状态，然后在欲连续输入空格的位置按空格键。 5.插入水平线 水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。 （1、插入水平线 将光标移到要插入水平线的位置，执行菜单“插入”→“HTML”→“水平线”命令或者在“插入”栏中，选择“HTML”，然后单击“水平线”按钮，插入一条默认宽度和粗细的水平线。 （2、修改水平线 选定插入的水平线，打开属性面板，设置水平线的高度、宽度、对齐方式以及是否有阴影等属性 （3、设置水平线的颜色 选中水平线，然后单击属性面板中的快速标签编辑器按钮，打开编辑标签窗口，键入代码，如将水平线设为红色，键入代码：color=“red”。 表格是一种在HTML页面上布局数据与图像的工具，它以简洁明了和高效快捷的方式将数据、文本、图片以及表单等元素有序地显示在页面上，控制文本和图像在页面上的位置，使用表格能使页面看起来更加直观和有调理。 （一）、表格的创建 1.插入表格 2．表格、行、列、单元格的选定 （二）、 表格的编辑 1．表格属性 2．单元格、行和列属性 如果选定的单元格（或行、列），“属性”面板会显