第5章 Dreamweaver 8基础知识 《网页设计与制作》 教学课件.ppt

第5章 Dreamweaver 8基础知识  5.1 Dreamweaver 8概述 5.1.1 Dreamweaver 8的新增功能 Dreamweaver 8新增了许多功能，大大改善了软件的易用性，使用户无论处于设计环境还是编码环境都可以方便地制作页面。新增的主要功能有： 1. 用户界面的改进 2．多种样式呈现面板 3．新的标准CSS面板 4．与最新技术和标准集成 5．缩放功能 6．改进的WebDAV 5.1.2 Dreamweaver 8的工作界面 图5-2 Dreamweaver 8的工作界面 5.2 站点的创建和管理 5.2.1 创建站点 5.2.2 管理站点 1．站点的重新配置 2．创建站点的文件夹 3．创建网页文件 4．为网页文件命名 5.3 创建网页 5.3.1 页面属性的设定 1．设置“外观”页面属性 2．设置“链接”页面属性 3．设置“标题”页面属性 4．设置“标题/编码”页面属性 5．设置“跟踪图像”页面属性 5.3.2 网页文字的处理 在网页中输入文本是最基本的操作。在“文档窗口”中可以直接输入文字，一般Dreamweaver 8中的文本段落是自动换行的，即在输入文字时，若一行文字超过了窗口显示范围时，会自动换到下一行。如果在文本输入的过程中需要划分段落，可以用Enter键进行换行，用Enter键换行后上下段落的行间距为一行。如果用Shift+Enter键进行强制换行，换行所产生的行间距为用Enter键换行所产生的行间距的一半。另外“文档窗口”也支持Word的复制、粘贴等功能。 5.3.3 网页图像的处理 1．图像的添加和编辑 2．插入其它图像元素 1）插入“图像占位符” 2）插入“鼠标经过图像” 5.3.4 制作多媒体页面 为了增强网页的表现力，丰富文档的显示效果，可以向其Flash动画、Java小程序、音频播放插件等多媒体内容。 1．插入Flash动画 2．插入Flash按钮 3．插入声音 5.4 创建链接 5.4.1 创建文字链接 5.4.2 创建图像链接 5.4.3 创建电子邮件链接 5.4.4 创建锚记链接 锚记是指在文档中设置一个位置标记，并给该位置一个名称，以便引用。通过创建的锚记，可以使链接指向当前页面的指定位置，使访问者能够快速浏览到选定的内容，加快信息检索速度。 5.5 表格的使用 表格是网页制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单等元素有序地显示在页面上，让大家可以设计出漂亮的页面；使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，所以表格还是网页中最常用的排版方式之一。 5.5.1 表格的创建与编辑 1．插入表格 2．选择表格 3．编辑和应用表格 1）设置表格的属性 2）设置单元格属性 3）应用表格 4．嵌套表格 5.5.2 表格的布局功能 在Dreamweaver中表格的作用不仅仅是安放网页元素和记载资料，还有一个更为重要的作用就是排版布局，固定网页中各个元素的位置。 5.6 框架的使用 框架的作用就是把浏览器窗口划分为若干区域，每个区域可以分别显示不同的网页。框架主要由框架集（Frameset）和框架（Frames）两部分组成。框架集是在一个文档内定义一组框架结构的HTML网页。当在页面中建立框架时，Dreamweaver可以创建一个无标题的框架集文件，再在每个框架中创建无标题文件，如果某个页面被划分成2个框架，它实际上包含的却是3个独立的文件：一个框架集文件和两个框架内容文件。框架内容文件包含了将出现在页面框架中的内容。 框架通常用来定义页面的导航区域和内容区域。在一般情况下，用户需要不停地在文章内容和导航内容之间进行切换。但是，如果利用框架结构把导航内容永远固定在页面的顶部或左边，那么在任何时候用户都可以直接选择顶部或左边的导航内容，在页面下方或右边浏览想要的内容。 5.6.1 框架的创建 5.6.2 框架和框架集属性的设置 建立好的默认属性值为：无边框、无滚动条，在浏览器中无法看到创建的框架，同时不能调整框架的大小，要改变这些属性，需要在框架的“属性”面板中进行修改。 1．设置框架属性 2．设置框架集属性 5.6.3 在框架中设置链接 5.7