用Dreameaver制作网页.ppt

第十三章 用Dreamweaver制作网页型课件 本章知识点 1．HTML语言 2．Dreamweaver建立站点的方法 4．运用表格、层布局网页的方法 3．Dreamweaver制作网页时文字、超链接、行为、多媒体等的设置 第一节 Dreamweaver的基础知识 一、初识HTML （一）什么是HTML HTML（Hypertext Marked Language），即超文本标记语言，是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 使用HTML语言描述的文件，需要通过WWW浏览器浏览文档的内容。 一、初识HTML 所谓超文本，就是加入图片、声音、动画、影视等内容的文本文档。因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 （二）HTML格式 HTML标记符的特征是：标记符内容 /标记符。 两个标记符分别代表了一段描述的开始和结束，一般是成对出现的，去掉任何一个标记符都会出现错误。 （二）HTML格式 下面来看一段简单的HTML语言： html head title这里是HTML页面的标题/title /head body这里是页面内容/body /html （二）HTML格式 1．开始和结束标记 html/html 在它们中间，包含你的网页里的所有内容，可以是一段文字，也可以是一幅幅插图，也可以是美妙的音乐，……。 2．头部标记 head/head 头部里面一般包括注释、META和标题。 二、认识Dreamweaver Macromedia Dreamweaver MX 2004是Macromedia 最新开发的HTML编辑器，用于对Web站点、Web页和 Web应用程序进行设计、编码和开发。 二、认识Dreamweaver （一）Dreamweaver的工作区设置 Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区。 在集成工作区中，全部窗口和面板集成在一个应用程序窗口中。用户可以选择面向设计人员的布局或面向手工编码人员需求的布局。 首次启动 Dreamweaver 时，会出现一个工作区设置对话框， 二、认识Dreamweaver 二、认识Dreamweaver 我们可以从中选择一种工作区布局。如果不熟悉编写代码，可以选择“设计者”。如果以后想更改工作区，可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。 编辑菜单“首选参数”对话框如图所示。 二、认识Dreamweaver 二、认识Dreamweaver （二）Dreamweaver的工作界面 Dreamweaver MX 2004提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到了一个应用程序窗口中。 二、认识Dreamweaver 二、认识Dreamweaver 各栏目操作如下： 1．插入栏 包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标指针滑动到按钮上时，会出现一个工具提示，其中含有该按钮的名称。 二、认识Dreamweaver 2．文档工具栏 显示当前创建和编辑的文档。文档工具栏中包含多个按钮。 这些按钮可以实现在文档的不同视图间快速切换，即在代码视图、设计视图和拆分视图之间切换；还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。 二、认识Dreamweaver 二、认识Dreamweaver 3．属性检查器 用于查看和更改所选对象或文本的各种属性。 4．面板组 是分组在某个标题下面的相关面板的集合。若要展开一个面板组，单击组名称左侧的展开箭头；若要取消停靠一个面板组，拖动该组标题条左边缘的手柄即可。 二、认识Dreamweaver 5．文件面板 用于管理在Dreamweaver站点上或在远程服务器上的文件和文件夹。 文件面板还允许用户访问本地磁盘上的全部文件，类似于 Windows 资源管理器。 6．状态栏 状态栏提供与用户当前创建的文档有关的其它信息。 二、认识Dreamweaver 三、设置站点 Dreamweaver作为专业的网页制作工具，主要完成两大工作。一是制作网页，二是管理网站。 利用Dreamweaver的网页创建功能，可以向网页中添加各种内容，如文本、图像、表格、表单、多媒体等。 三、设置站点 把对象添加到网页中后，就能看见它在浏览器中的显示效果；利用网站管理功能使网页开发人员能够非常轻松的管理网站，并能保证在多人对网站进行维护时不会产生冲突， 通过“登记/注销”系统可对站点内的文件的状态进行管理，避免了多人同时修改同一文件的可能性，保证了合作开发的安