Dreamweaver 全套教学课件.ppt

菜单、工具栏与面板组 “插入”工具栏包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段 HTML 代码，允许您在插入它时设置不同的属性。 “文档”工具栏包含按钮和弹出式菜单，它们提供各种文档窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些常用操作（如在浏览器中预览）； “文档”窗口显示您当前创建和编辑的文档； “属性”检查器用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性； 面板组是分组在某个标题下面的相关面板的集合。若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边缘的手柄； “文件”面板 “文件”面板使您可以管理您的文件和文件夹，无论它们是 Dreamweaver 站点的一部分还是在远程服务器上。“文件”面板还使您可以访问本地磁盘上的全部文件，非常类似于 Windows 资源管理器 (Windows) 或 Finder (Macintosh)。 创建站点 在本地机上建立自己的网站； 申请服务器空间在Internet上建立自己的网站。 一、站点 站点（website），是在互联网中存放你的网页所的地方； 开始用Dreamweaver制作网页时，首先要定义一个本地站点，作为制作网站过程中网页编辑的临时存储区。在这个本地站点中存储着网页文件、图片，动画等。 定义本地站点的目的就是对这些文件统一进行归档管理（因为如果文件分散在硬盘的各个地方就无法方便地进行网页发布）。 定义本地站点 定义本地站点，就是在硬盘上建立一个目录（文件夹），将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。 如只需制作单个网页时候可以省去这一步。 文件分类存放 新手做网页，往往只知道做网页，不懂得规划网站的条理性、结构性，一个文件放这里，另一个文件放那里，或者所有文件都放在同一文件夹内，这样显得很凌乱。 提倡的做法是：建立一个文件夹用于存放网站的所有文件，再在文件夹内建立几个子文件夹，将文件分类存放，如图片文件放在image文件夹内，HTML文件放在HTML文件夹内，当然，如果站点比较大，文件比较多，可以先按栏目分类，在栏目里再分类。 二、在规划网站和设计网页时需注意的问题 在网页设计中，不能用中文作为文件或文件夹的名字； 网页文件的命名对很多系统是区分大小写的。INDEX.HTM和index.htm表示不同的文件；而在Windows系统中是不区分的； 每个网站都有且只有一个首页，名字一般为index.htm或index.html； 首页文件应放在站点的根文件夹下。 三、创建站点的步骤 (1) 选择“站点”=“新建站点”。（即会出现“站点定义”对话框； 如果对话框显示的是“高级”选项卡，则单击“基本”选项卡； 出现“站点定义向导”的第一个屏幕，要求您为站点输入一个名称； 在输入文本框中，输入一个名称以方便在 Dreamweaver 中标识该站点，该名称可以是用户任何所需的名称； 三、创建站点的步骤 (2) 单击“下一步”进入下一个步骤； 出现向导的下一个屏幕，询问您是否要使用服务器技术； 选择“否”选项，指示目前该站点是一个静态站点，没有动态网页； 单击“下一步”进入下一个步骤； 出现向导的下一个屏幕，询问您要如何使用您的文件； 选择标有“编辑我的计算机上的本地拷贝，完成后再上传到服务器（推荐）”的选项； 三、创建站点的步骤 (3) 对话框中的文本框允许您在本地磁盘上指定一个文件夹，Dreamweaver 将在其中存储站点文件的本地版本； 单击“下一步”进入下一个步骤； 出现向导的下一个屏幕，询问您如何连接到远程服务器； 现在，从弹出式菜单中选择“无”，单击“下一步”进入下一个步骤； 该向导的下一个屏幕将出现，其中显示您的设置概要； 单击“完成”完成设置。 三、创建站点的步骤 (4) 将资源添加到您的站点。 在创建了本地站点之后，如果您已为该站点创建了资源（图像或其他内容片断），则应将这些资源复制在本地站点根文件夹内相应的资源文件夹中以便需要向页中添加内容时，这些资源将随时可用。 HTML文件 HTML文件 用超文本标记语言编写的超文本文件称为HTML文件； 超文本标记语言HTML被主要用于网页的编码； 所以了解HTML是学会做网页的基础。 超文本文件：文件的文本中包含了与其他文件的链接的文件； 超媒体文件：将文字、视频、图片、动画、声音综合在一起的文件； 超链接：一种信息链接技术，利用锚点、链和目标文件将不同类型信息文件相关联成一个有机的整体。 一、创建并保存新页 (1) 当启动 Dreamweave