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

合集下载

第1课 Dreamweaver 8基础

1.2 课堂教学
1.2.3 Dreamweaver 8的启动和主工作区 8的启动和主工作区 2.Dreamweaver 8的主工作区 8的主工作区 Dreamweaver 8的主工作区由插入工具栏,文档工具栏, 8的主工作区由插入工具栏文档工具栏, 的主工作区由插入工具栏, 文档窗口,属性面板等部分组成. 文档窗口,属性面板等部分组成. (1) 插入工具栏 Dreamweaver 8的插入工具栏中默认显示的是"常用" 8的插入工具栏中默认显示的是常用" 的插入工具栏中默认显示的是" 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 其中包含了插入工具栏中的其他功能菜单. 其中包含了插入工具栏中的其他功能菜单.用户选择不同的分类,插入工具栏中包含的功能按钮也随之改变. 分类,插入工具栏中局设计Web Web页面布局当用户创建实体模型并设计页面的最终布局时, 当用户创建实体模型并设计页面的最终布局时, 8提供了很大的灵活性提供了很大的灵活性. Dreamweaver 8提供了很大的灵活性.选择自己要使用的布局方法,或综合使用Dreamweaver 8布局选项创建站点的外观布局选项创建站点的外观. 方法,或综合使用Dreamweaver 8布局选项创建站点的外观. 利用Dreamweaver 8的层或CSS定位样式创建布局. 利用Dreamweaver 8的层或CSS定位样式创建布局. 的层或CSS定位样式创建布局利用Dreamweaver 8的表格工具和布局模式,用户可以通过利用Dreamweaver 8的表格工具和布局模式的表格工具和布局模式, 拖动并重新安排页面结构来快速地设计Web Web页拖动并重新安排页面结构来快速地设计Web页. 4.向页面添加内容利用Dreamweaver 8,用户可以方便地在Web 利用Dreamweaver 8,用户可以方便地在Web页中添加多 Web页中添加多种内容,包括文本,图像,颜色,影片以及其他形式的媒体. 种内容,包括文本,图像,颜色,影片以及其他形式的媒体.

Dreamweaver8 ppt教程第01章

本节学习结束
�
■认识Dreamweaver 8 ■认识Dreamweaver 8的操作环境 ■熟悉工具栏 ■认识【属性】面板 ■认识Dreamweaver 8 ■ 插入工具栏 ■面板的基本操作 ■Dreamwaver 8的参数设置
本书内容概览
1.1认识Dreamweaver 8 1.2认识Dreamweaver 8的操作环境
1.3 面板的基本操作
在开始学习使用Dreamweaver制作网页的基本方法前,需要先熟悉Dreamweaver的重要组成部分——面板的基本操作.下面将学习显示面板,隐藏面板,扩展工作界面和使用浏览器预览页面等基本操作.
1.3.1显示面板 1.3.2 分离面板以及将其完全关闭的方法 1.3.3伸缩面板组区域
在Dreamweaver 8 中把关联的功能用同一个工具栏组合在一起.这样用户可以很容易找到需要的功能, 从而提高了使用效率.在【插入】栏中可以插入表格, 文本,媒体等几乎所有的网页元素.工具栏由经常使用的插入工具组成,而具有相识功能的工具又被组合在同一个工具组中.如图所示
【常用】类别:可以创建和插入最常用的对象,例如图像和表
Dreamweaver 8 入门与实例教程
第01章走近章走近Dreamweaver 8
主讲:——
祝:大家学习愉快
□ 本章知识点及学习目标
本章是Dreamweaver 8的入门章节.首先对Dreamweaver 8软件进行简单介绍, 接着对Dreamweaver 8的工作界面,面板和参数设置进行讲解.使初次接触Dream weaver 8的使用者能较快上手,免去不必要的重复操作.前期的准备工作使读者有一个良好的开端,这些都是为以后的学习做铺垫.最后通过实战演练和练习题近一步巩固本章所学知识.

《Dreamweaver 8实例与操作》教学课件 10

10.4.2 应用隐藏域
隐藏域用来存储非用户输入信息。例如，当用户登录某些页面时需要输入用户名和密码，登录成功后，会在其他页面显示用户名，此时即可使用隐藏域来显示用户名。
10.4.3 应用复选框
复选框允许用户在一组选项中选择一个或多个选项，常用于制作调查类栏目。
10.4.4 应用单项选择按钮
10.3 表单的应用
1表0单.3多.1用认于识填写表用单户信息。例如，用户在网页上
进行注册、登录和留言等操作时，都是通过表单向网站数据库提交或读取数据的。以下图所示为当当网注册页面，当用户填写完信息，单击“提交注册〞按钮后，所填信息将提交到网站数据库中。
10.3.2 表单对象
表单通常由多个表单对象组成，如文本字段、单项选择按钮、复选框、列表框和菜单等。
单项选择按钮允许用户在多个选项中选择一个，不能进行多项选择。
10.4.5 应用单项选择按钮组
当用户需要在网页文档中添加多个单项选择按钮时，可使用单项选择按钮组，但使用这种方式只能添加垂直方向排列的单项选择按钮。单项选择按钮组相当于多个名称相同的单项选择按钮。
10.4.6 应用列表/菜单
10.5 数据库的应用
10.5.1 认识数据库
数据库〔DataBase〕是以一定的组织形式存放在计算机存储介质上的相互关联的数据集合。数据库是以表格的形式，按照行和列来表示信息。一般来说，表的每一行称为一个“记录〞，每一列称为一个“字段〞，字段和记录是数据库中最根本的术语。例如，一个记录某公司员工信息的数据库，通常包括姓名、年龄、学历等字段，而针对每个员工的具体数据就是一个记录。
综合实例——创立留言板模块
在学习了动态网页的根底知识后，本例通过创立一个留言板模块，来学习使用Dreamweaver制作简单动态网页的方法。

Dreamweaver-8基础与实例教程省名师优质课赛课获奖课件市赛课一等奖课件

8.1.2 保存框架文件
保存框架旳全部文档旳详细操作环节如下。 1.选择“文件”菜单中旳“保存全部”命令，出现“保
存为”对话框，在整个框架集周围都出现粗边框，为整个框架集命名。 2.单击“保存”按钮，粗边框切换到左边旳框架四面，在“文件名”文本框中为其命名。按照此措施将全部框架文件保存。
8.2 框架旳属性
8.4框架实例
8.4.1框架实例 8.4.2嵌入式框架实例
8.4.1框架实例
框架能够把页面提成相对独立旳几种部分，各个部分组合在一起，就构成了这个页面。本节将经过一种制作一种“精品课程”旳网站实例，来学习怎样在网页中制作框架构造旳网页。
8.4.2嵌入式框架实例
嵌入式框架也称作iframe，嵌入式框架与框架网页类似，它能够把一种网页旳框架和内容嵌入既有旳网页中。下面来以“精品课程建设”网站为例向大家详细演示一下嵌入式框架旳操作环节.
2.设置框架属性
在“属性”面板中，单击右下角旳“”展开箭头，查看框架旳全部属性
8.2.2框架组属性
1.选择框架集：选择框架集时，单击框架边框即可，选用旳全部框架边框呈虚线。
2.选择一种框架集后，属性面板如图
8.3为框架设置链接
要在一种框架中使用链接打开另一种框架中旳文档，必须设置链接目旳，详细操作环节如下：
第8章框架第8章框架源自8.1 设置框架 8.2 框架旳属性 8.3 为框架设置链接 8.4 框架实例
8.1 设置框架
8.1.1 创建框架 8.1.2 保存框架文件
8.1.1 创建框架
在“插入”菜单中选择“HTML”选项，然后单击“框架” 子菜单中选择预定义旳框架集。
也能够经过“插入”工具栏插入菜单，在插入工具栏 “布局”类别中，单击“框架”按钮上旳下拉箭头，然后选择预定义旳框架集。

网页设计与制作cs8 第1章

5
2.退出Dreamweaver 2.退出Dreamweaver 8.0 退出退出Dreamweaver 8.0的方法很简单，我们可以有以下几种方式退出编辑界面：（1）单击Dreamweaver 8窗口右上方的关闭按钮；（2）按下“Alt+F4”组合键；（3）选择“文件”菜单中的“退出”命令，或按快捷键 Ctrl+Q退出系统。
9
步骤3:单击“管理站点”对话框中的“新建”按钮，在弹出菜单中选择“站点”命令。
10
步骤4：单击“站点”命令后，系统会弹出窗口，这是一个定义站点的向导，选择“基本”选项卡，给网站定义一个名称，例如“数学与计算机系”。
11
步骤5：单击“下一步”按钮，在窗口中设置网站是否使用服务器技术，例如：ASP、PHP等。由于我们要制作的是基本的静态网站，所以选择“否，我不想使用服务器技术”单选按钮。
1．创建文件夹和文件文件面板通常显示站点中的所有文件和文件夹，但新建的站点中不包含任何文件或文件夹。所有的文件和文件夹都需要新建，在文件面板中站点根目录上单击鼠标右键，然后从弹出的快捷菜单中单击菜单项“新建文件夹”或“新建文件”，接着给新的文件夹或文件命名。
20
建立站点目录的几个要求：建立站点目录的几个要求：
3
1.1 Dreamweaver 8.0简介
8.0的启动和退出 1.1.1 Dreamweaver 8.0的启动和退出 8.0的工作环境 1.1.2 Dreamweaver 8.0的工作环境

4
8.0的启动和退出 1.1.1 Dreamweaver 8.0的启动和退出
1.启动Dreamweaver8.0 1.启动Dreamweaver8.0 启动在Windows操作系统下，单击左下角的【开始】按钮，从【程序】菜单中选择Macromedia菜单，然后从子菜单中单击【Macromedia Dreamweaver 8】即可启动，如图所示。

Dreamweaver8 ppt教程第03章

3.4文档的基本操作
在Dreamweaver 8中提供很便捷的文档的打
开、关闭、保存操作，指定页面的标题、背景图像、背景颜色以及网页文本和链接的颜色。
3.4.1打开和关闭网页 3.4.2保存网页
3.4.3设置文档的页面属性
1.5实战演练
在本节将一些学习如何创建一个名称为【乐乐网站】的网站，并在该站点中创建一个名称为index.html的主页文档和用于存放网页图片的images文件夹。最后将 index.html文档指定为该网站的首页面。
3.1认识站点 3.1.1了解站点的基本概念 3.1.2规划站点结构 3.2Dreamweaver 8站点的创建和管理 3.2.1创建本地站点 3.2.2打开现有站点 3.2.3编辑站点 3.2.4删除站点 3.2.5复制站点 3.2.6导出和导入站点 3.3操作站点文件 3.3.1创建文件夹 3.3.2创建文件 3.3.3文件的移动、复制和粘贴 3.3.4设置主页 3.3.5编辑站点文件 3.3.6刷新本地站点文件列表 3.4文档的基本操作 3.4.1打开和关闭网页 3.4.2保存网页 3.4.3设置文档的页面属性 3.5实战演练 3.5.1 范例1 创建【乐乐网站】站点 3.5.2 范例2 创建站点文件 3.6 思考与练习
3.5.1 范例1 创建【乐乐网站】站点 3.5.2 范例2 创建站点文件
3.6 思考与练习
1. 简答题（1）简述站点的基本概念？（2）如何规划站点结构？（3）叙述一下定义站点的一般步骤是什么？ 2. 操作题（1）做一份网站的计划书，计划书中说明网站的服务群体、网站的主题并详细列出首页所包含的内容。（2）根据计划书画出网站的设计草图（至少包括二级分支）。（3）根据结构草图，在本地的计算机上创建一个虚拟网站，包括所有的空白文档和文件夹。

《Dreamweaver-8基础与实例教程》省名师优质课赛课获奖课件市赛课一等奖课件

3.表格旳颜色在表格中，既能够对整个表格设置底色，也能够对任何
一行、一种单元格使用背景色。主要有下列三种：（1）表格旳背景颜色：<table bgcolor="值"> （2）行旳背景颜色：<tr bgcolor="值"> （3）单元格旳背景颜色：<th bgcolor="值">或<td
bgcolor="值"> 注："值"为颜色旳名称。
2.该对话框允许您指定表格旳排序方式，若要完毕“排序表格”对话框，请执行下列操作：
排序按：能够拟定哪个列旳值将用于对表格旳行进行排序。顺序：拟定是按字母还是按数字顺序以及是以升序（A 到 Z，小数字到大
数字）还是降序对列进行排序。再按/顺序：拟定在不同列上第二种排序措施旳排序顺序。在“再按”弹
4.5.2几种特殊表格旳制作
表格在网页设计中能够说是非常主要旳一种元素，表格利用旳好坏，直接影响到网页制作旳精美是否，
4.5.3圆角表格
在浏览网页旳时，会看到某些网站使用了圆角旳表格，比起直角表格，圆角表格更显活泼、自然，让人耳目一新
4.5.4利用表格排版制作页面
我们在网页中使用表格，能够使数据条理化和清楚化，使我们旳页面愈加整齐。实际上，表格旳作用远远不止排列和显示数据，一般网页旳布局设计是靠表格来实现旳，它在网面定位上一直起着非常主要旳作用。
（2）要选中某一单元格，按住Ctrl键，用鼠标在需要选中旳单元格单击即可。
（3）在要选中旳单元格单击鼠标左键，然后在状态栏旳标识选择器中单击<td>标识，即可选中该单元格。
4.2.2 表格旳HTML代码

《Dreamweaver_8基础与实例教程》第3章

3.5.1超级链接的类型 3.5.1超级链接的类型
1.根据链接载体的特点，一般把链接分为文本链接和图像链接两大类。（1）文本链接：用文本作为链接载体，简单实用。（2）图像链接：用图像作为链接载体，可使网页美观、生动活泼，它既可以指向单项链接，也可以根据图像不同的区域建立多个链接。 2.如果按链接目标分类，可以将超级链接分为以下几种类型：（1）内部链接：同一网站之间的链接。（2）外部链接：不同网站文档之间的链接。（3）锚点链接：同一网页或不同网页中指定位置的链接。（4）E-mail链接：发送电子邮件的链接。
3.2.2移动和复制图像 3.2.2移动和复制图像
选中要编辑的图像，这时图像周围会出现几个黑色方形的小控制柄。如果要移动或复制图像，可以像移动文字那样，用鼠标拖曳图像到目标点，即可移动图像；按住Ctrl键并用鼠标拖曳图像到目标点，即可复制图像。
3.2.3 图片和文本的对齐方式
1．图像与文字相对位置的调整在图像属性工具栏内的“对齐”下拉列表框中有10个列表项，用来进行图像与文字相对位置的调整。这些列表项的含义如下。 “默认值”列表项：使用浏览器默认的对齐方式，不同的浏览器会稍有不同。 “基线”列表项：图像的下沿与文字的基线水平对齐。 “顶端”列表项：图像的顶端与当前行中最高对象（图像或文本）的顶端对齐。 “中间”列表项：图像的中线与文字的基线水平对齐。 “底部”列表项：图像的下沿与文字的基线水平对齐。 “文本上方”列表项：图像的顶端与文本行中最高字符的顶端对齐。 “绝对中间”列表项：图像的中线与文字的中线水平对齐。 “绝对底部”列表项：图像的下沿与文字的下沿水平对齐。文字的下沿是指文字的最下边，而基线不到文字的最下边。 “左对齐”列表项：图像在文字的左边缘，文字从右侧环绕图像

Dreamweaver8 ppt教程第06章

♦ 下面介绍常用的三种文档路径类型： ♦ 绝对路径：绝对路径就是被链接文档的完整URL，包括所使用的传输
协议（对于网页通常是http://）。（从一个网站的网页链接到另一个网站的网页）时，必须使用绝对路径，能保证当一个网站的网址发生变化，被引用令一个页面的链接还是有效的。例如（/support/dreamw eaver /contents.html）。 ♦ 文档相对路径：以以前文档所在位置为起点到被连接文档经由的路径。这是用于本地链接最适宜的路径。例如，dreamweaver/contents.htm就是一个文档相对路径。当用户要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，就可以使用相对路径。 ♦ 根相对路径：根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。例如， /support/tips.html就是站点根文件夹下的support子文件夹中的一个文件（tips.html）的根相对路径。根相对路径是指定网站内文档链接的最好方法，因为在移动一个包含相对链接的文档时，无需对原有的链接进行修改。
6.1.1URL概述 6.1.2相对路径和绝对路径 6.1.3在Web上使用链接 6.2创建超级链接 6.2.1创建文本链接导航 6.2.2创建E-mail链接 6.2.3创建图像热点链接 6.2.4创建下载文件的链接网页 6.3创建锚点链接网页 6.3.1插入命名锚记 6.3.2创建命名锚记链接 6.4实战演练 6.4.1 范例1 创建图像映射网页 6.4.2 范例2 创建空链接 6.5 思考与练习
6.2.1创建文本链接导航
生变化，通常鼠标会变成一个小手。同时文本也发生了一些变化（出现下划线、文本颜色发生变化、字体发生改变等）。此时单击鼠标，会打开文本所链接的网页，这就是文本超级链接。创建文本超级链接导航通常有4种方法。 ♦ 1．使用【属性】面板创建链接 ♦ 2．指向文件图标创建链接 ♦ 3．快捷菜单创建链接 ♦ 4．使用菜单命令

Dreamweaver8ppt教程第08章PPT教学课件

2020/12/12
8.6 思考与练习
8.1层的基础知识
层在Dreamweaver中有其特殊的意义，使用过Photoshop的用户或许会联想到 Photoshop中的层，但是Dreamweaver中的层与其不用。在众多的网页编辑软件中，只有Dreamweaver拥有层这一功能。下面列举出Dreamweaver中的层的一些主要功能。
2020/12/12
PPT教学课件
谢谢观看
Thank You For Watching
2020/12/12
Dreamweaver 8 入门与实例教程
第08章使用层
2020/12/12
主讲：—— 祝：大家学习愉快
□ 本章知识点及学习目标
本章从层的基础知识开始讲起，为读者介绍了层的创建、层的基本操作和属性设置。另外还介绍了表格与层的关系，表格与层的相互转换是网页的布局更加灵活、高效。关于层的相关内容本章没有完全讲完，还有一部分讲在本书的第12章中接续介绍与层相关的内容。
8.3.1选择层
8.3.2调整层大小
8.3.3插入层对象
8.3.4移动层
8.3.5对齐层
8.3.6把层转换成表格
8.3.7把表格转换成层
8.4设置层属性
8.4.1单个层的属性
8.4.2多个层的属性
8.5实战演练
8.5.1 范例1 阴影文字
8.5.2 范例2 利用层制作个人简介
8.6 思考与练习
1. 简答题（1）简述层的概念及其使用特点是什么？（2）简述层都有那些基本操作？（3）简述实现层与表格相互转换的方法是什
么？（4）层的嵌套和表格的嵌套有什么不同？ 2. 操作题（1）画出多个层，并将多个层对齐。（2）利用层布局一个首页面的框架结构，然

《Dreamweaver 8基础与实例教程》课件第12章

第12章站点的测试与发布
12.1 站点的测试 12.2 申请主页空间及域名 12.3 发布站点 12.4 网站的测试和上传实例 12.5 管理站点 12.6 站点宣传
12.1 站点的测试
12.1.1目标浏览器测试 12.1.2检查链接
12.1.1目标浏览器测试
测试目标浏览器主要是检查文档中是否有目标浏览器所不支持的任何标签或属性，当有元素不被目标浏览器所支持时，网页将显示不正常或部分功能不能实现。
12.6 站点宣传
站点的访问量是衡量一个网站成功与否的一个重要指标，进行站点宣传是提高站点访问量必须进行的操作，这就犹如为商品打广告，广告宣传到位了，购买该商品的人就会增多，商家的收益也会增大。
1.设置关键字信息 2.在搜索引擎注册、登记 3.媒体宣传 4.在留言板、BBS、聊天室、社区上做宣传 5.与其他网站互作链接
12.5.3 使用站点报告
利用Dreamweaver 8的站点报告功能，可以提高站点开发人员和维护人员之间合作的效率。站点报告器包括查看哪些文件的设计笔记与这些被隔离的文件有联系；获知站点中的哪个文件正在被哪个维护人员进行隔离编辑；通过制定姓名参数和值参数进一步改善设计笔记报告等功能。在使用站点报告前用户必须事先定义一个远端站点链接来运行工作流程报告。
2.在文档中添加设计笔记
（1）在Dreamweaver 8中打开需要添加设计笔记的文档。
（2）选择“文件”菜单中的“设计备注”命令，打开 “设计备注”对话框。在对话框中选择“基本信息” 选项卡设置基本信息，其中“状态”下拉列表框中选择要添加的设计笔记信息的选项，包括“草稿”、 “保留1”、“保留2”、“保留3”、“alpha”、“b eta”、“最终版”、“特别注意”等选项。在“备注” 列表框中输入设计笔记的内容。选中“文件打开时显示”复选框将在打开该网页时打开“设计备注”对话框，显示设计备注内容。完成后“确定”即可。

《Dreamweaver 8实例与操作》教学课件 8

8.1.3 应用模板创立文档
1．使用“新建文档〞对话框
使用“新建文档〞对话框新建基于模板网页的方法非常简单，只需在该对话框中选择模板所在的站点，然后选择站点中的模板即可。
2．使用“资源〞面板
在“资源〞面板中只能使用当前站点中的模板创立网页。
8.1.4 管理模板
1．更新模板
创立模板后，如果对模板中的某些局部不满意，可对其进行修改。在修改完毕并保存时， Dreamweaver会弹出“更新模板文件〞对话框，提示是否更新站点中基于该模板创立的网页文档，单击“更新〞按钮可更新通过该模板创立的所有网页，单击“不更新〞按钮，那么只保存模板而不更新基于该模板创立的网页。
2．将现有网页转换成模板
用户在制作好一个网页后，可将其另存为模板，然后再利用该模板制作网站中的其他网页。
8.1.2 编辑模板
1．创立可编辑区域
所谓可编辑区域，是指模板中未锁定的局部，也就是在基于模板创立的文档中可以编辑的区域。要使模板有效，至少要在其中包含一个可编辑区域。
2．更改可编辑区域名称
综合实例1——应用模板制作“SM〞网站子页
本例将把第7章中制作的文档“sub1.html〞另存为模板，然后在其根底上创立网站中的其他子页〔具体操作见视频8-1-1和8-1-2〕。
8.2 使用库工程
8.2.1 什么是库工程
库工程是一种特殊类型的Dreamweaver文件，我们可以将当前网页中的任意页面元素定义为库工程，如图像、表格、文本、声音和Flash影片等。当需要使用某库工程时，直接将其从“资源〞面板中拖动到网页中就可以了。
2．删除模板
如果用户不需要使用某个模板，可将其删除。
3．别离模板

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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等。由于我们要制作的是基本的静态网站，所以选择“否，我不想使用服务器技术”单选按钮。