全套课件 《Dreamweaver 8基础与实例教程》-马宪敏

3
1.1 Dreamweaver 8.0简介 • 1.1.1 Dreamweaver 8.0的启动和退出 • 1.1.2 Dreamweaver 8.0的工作环境
4
1.1.1 Dreamweaver 8.0的启动和退出 1.启动Dreamweaver8.0 在Windows操作系统下，单击左下角的【开始】
4．删除文件夹或文件 要从本地站点文件列表中删除文件夹或文件，先选中要删除的文件夹或文件，
然后执行“编辑”选项同上的“删除”命令或按Delete键，这时系统会弹 出一个提示对话框，询问是否要真正删除文件夹或文件，单击“是”按 钮确认后即可将文件夹或文件从本地站点中删除。
21
1.3 网页文件的基本操作 • 1.3.1 创建网页和打开网页 • 1.3.2 保存网页 • 1.3.3 在浏览器中预览网页
16
1.2.2 管理站点 1.切换站点 Dreamweaver 8.0中可以同时存在多个站点，
在文件面板左边的下拉列表框中选中某个 已创建的站点，就可切换到对这个站点进 行操作的状态。
17
2．编辑站点 如果要对站点进行编辑，可以在“管理站点”
对话框中，选择要编辑的站点，然后用鼠 标单击“管理站点”对话框中的“编辑” 按钮，重新打开“站点定义”向导，根据 需要一步一步修改站点的属性即可。
1．创建文件夹和文件 文件面板通常显示站点中的所有文件和文件
夹，但新建的站点中不包含任何文件或文 件夹。所有的文件和文件夹都需要新建， 在文件面板中站点根目录上单击鼠标右键， 然后从弹出的快捷菜单中单击菜单项“新 建文件夹”或“新建文件”，接着给新的 文件夹或文件命名。
20
2．重命名文件夹或文件 先选中需要重命名的文件夹或文件，然后单击右键，在弹出的快捷菜单中单
12
• 步骤6：单击“下一步”按钮，开始设置网 页的存储方法和存储路径。在上半部分的 单选项中选择第一项“编辑我的计算机上 的本地副本，完成后再上传到服务器（推 荐）”。如果申请的网站空间支持在线编 辑功能，那么可以选择“使用本地网络直 接在服务器上编辑”单选项。
13
• 步骤7：完成以上的设置后单击“下一步” 按钮，在这里选择连接服务器的方式，以 及网页在服务器上的存储位置。
8
1.2.1 创建本地站点
• 步骤1：在本地硬盘上建立一个用来存放站 点的文件夹，命名为“site”，该文件夹就 是本地站点的根目录，是为网站特别建立 的一个文件夹。
• 步骤2:打开Dreamweaver 8.0，选择“站点” 菜单下的“管理站点”命令，或者选择文 件面板中的“管理站点”命令，打开 “管 理站点”对话框。
Dreamweaver 8 基础与实例教程
1
第1章 Dreamweaver 8.0 界面及站点建 设
第1章 Dreamweaver 8.0 界面及站点建设 • 1.1 Dreamweaver 8.0简介 • 1.2 创建站点 • 1.3 网页文件的基本操作 • 1.4 设置页面属性 • 1.5 练习制作简单的网页站点
按钮； （2）按下“Alt+F4”组合键； （3）选择“文件”菜单中的“退出”命令，
或按快捷键Ctrl+Q退出系统。
6
1.1.2 Dreamweaver 8.0的工作环境 • Dreamweaver 8.0的操作窗口
7
1.2创建站点 • 1.2.1 创建本地站点 • 1.2.2 管理站点 • 1.2.3 管理网站中的文件和文件夹
击“编辑”选项的下级菜单中的“重命名”命令或者按【F2】快捷键， 文件夹或文件的名称变为可编辑状态，重新输入新的名称，按Enter键确 认即可。
3．移动和复制文件 从“文件”面板的本地站点文件列表中，选中要移动或复制的文件夹或文件，
如果要进行移动操作，在弹出的快捷菜单中单击“编辑”选项的下级菜 单中的“剪切”命令；如果要进行复制操作，则执行“编辑”选项的 “拷贝”命令，然后执行“编辑”选项下的“粘贴”命令，将文件夹或 文件移动或复制到相应的文件夹中。
18
3．删除站点 如果不需要某个站点时，可以将其从站点列
表中删除。选择“站点”菜单下的“管理 站点”命令，打开“管理站点”对话框， 在该对话框中选择一个站点，单击“删除” 按钮，即可删除一个站点，对某一个站点 进行删除操作后，网站的文件仍保存在硬 盘原来的位置上，并没有从硬盘上删除。
19
1.2.3管理网站中的文件和文件夹
按钮，从【程序】菜单中选择Macromedia 菜单，然后从子菜单中单击【Macromedia Dreamweaver 8】即可启动，如图所示。
5
2.退出Dreamweaver 8.0 退出Dreamweaver 8.0的方法很简单，我们可
以有以下几种方式退出编辑界面： （1）单击Dreamweaver 8窗口右上方的关闭
14
• 步骤8：单击“下一步”按钮。在这里选择 是否使用“存回”和“取出”。选中“是， 启用存回和取出”选项，可以多人共同完 成网站的维护工作。如果只需一个就能够 完成网站的维护工作，可以选择“否”。
15
• 步骤9：至此完成了对网站的基本定义。单 击“下一步”按钮，Dreamweaver 8.0会弹 出对话框询问设置的信息是否准确，单击 “完成”按钮，本地站点就创建成功了。
22
1.3.1 创建网页和打开网页
1.新建网页 单击“文件”菜单下“新建”命令，即可弹
出“新建文档”对话框。从“类别”列表 框中选择“基本页”选项，然后选择“基 本页”列表框中的“HTML”选项。单击“创 建”按钮，即可新建一个空白的HTML网页 文档。
23
2.打开网页 单击“文件”菜单选择“打开”命令，弹出
9
• 步骤3:单击“管理站点”对话框中的“新建” 按钮，在弹出菜单中选择“站点”命令。
10ห้องสมุดไป่ตู้
• 步骤4：单击“站点”命令后，系统会弹出 窗口，这是一个定义站点的向导，选择 “基本”选项卡，给网站定义一个名称， 例如“数学与计算机系”。
11
• 步骤5：单击“下一步”按钮，在窗口中设 置网站是否使用服务器技术，例如：ASP、 PHP等。由于我们要制作的是基本的静态网 站，所以选择“否，我不想使用服务器技 术”单选按钮。