Dreamweaver8PPT课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Hale Waihona Puke Baidu
hkj
4
Dreamweaver 8简介
Macromedia公司的网页制作“三剑客”之一 ；
已经成为网页制作的首选软件；
全球80%的网站都是用Dreamweaver制作； 集网页制作和站点管理于一身的创作工具；
用Dreamweaver 8 可方便地进行网页设计、 实现网站的管理 、给网页添加动感内容，并 可制作出支持数据库的动态网页。
重命名或删除文件：用右键快捷菜单（只能重 命主名，选中文件后按Delete键也可删除）。
用浏览器预览页面：“文件”菜单命令或F12键 。
创建文件夹（便于文件的管理）：在“文件”
面板中用右键菜单中的相应命令。
hkj
14
创建简单的页面（一）
创建首页——index.htm（每个网站都有首页 ，又称为主页，是网站的大纲）
hkj
“属性”面板（属性检查器）
面板组 文件 面板
7
Dreamweaver 8的界面
标题栏：显示本软件及所打开文件的名称 菜单栏：共10项可完成Dreamweaver的所有功能 “插入”工具栏：放置了网页中可以插入的对 象，单击名称右边的下拉按钮切换（下拉列表 方式）亦可转换为选项卡方式（显示为制表符 ） 标签选择栏：切换页面的显示方式 页面区域：编辑页面的位置 “属性”面板：用来设置页面上内容的属性（ 选定的内容不同，面板上显示的属性也不同） hk面j 板组：在各面板名称上单击可展开或折叠8
Dreamweaver 8的菜单栏
文件菜单（包含用于文件操作的标准菜单项） 编辑菜单（包含基本编辑操作的标准菜单项） 查看菜单（使用户可以看到文件的各种视图） 插入菜单（提供插入栏的替代项） 修改菜单（使用户可以更改选定元素的属性） 文本菜单（使用户可以方便地设置文本格式） 命令菜单（提供对各种命令的访问） 站点菜单（用于创建、打开和编辑站点） 窗口菜单（提供面板、检查器和窗口名称） 帮助菜单（提供帮助和使用说明）
（2）使用“高级”方式
通过8个不同的选项卡，对站点进行详细的设置
（在对话框左侧的“分类”选项中选择不同的类 别
，在右侧的“本地信息”中设置相应的参数）
。
hkj
13
创建网页文件
创建空白页面文件：从顶行“文件”菜单或在 文件面板中用右键快捷菜单中的命令。
保存文件：用“文件”菜单命令或标签上点右 键
打开页面：双击“文件”面板中的文件或从顶 行“文件”菜单中或从起始页中。
作业
教材P22 选择题：（1）、（2）、（4） 填空题：（1）、（2）、（3）、
（4） 简答题：（3）、（5）
hkj
12
创建站点
站点是放置所有网页文件的地方，在创建站点
之前，首先应在本地计算机上建一个文件夹，用来 存放站点的所有文件。
创建站点
（1）使用“基本”方式——适合初学者
（从“起始页”或“站点”菜单，按向导设置）
Dreamweaver 8
信息技术系
目录
1、初识Dreamweaver 2、使用Dreamweaver 3、创建站点和网页 4、创建一个简单页面 5、调整页面属性 6、在页面中使用文本 7、插入图像 8、使用超链接 9、创建表格对象
hkj
10、布局页面 11、使用框架 12、CSS样式 13、使用层 14、时间轴的应用 15、制作表单 16、制作动态行为 17、多媒体页面制作 18、站点管理
2
网页制作基本概念（一）
网页是存放在电脑中的一个文件，构成页面 的基本元素是文字和图片，还可包含动画、 音乐、程序等。
网页实际上只是一个纯文本的HTML文件 ，它通过各式各样的标记对页面上的文字、 图片、表格、声音等元素进行描述。一般的 网页是以htm为后缀的文件。
查看网页信息的操作称为“浏览”，电脑接 入Internet后，只要启动IE，在地址栏中输 入网址按回车键，就能看到网页画面了。
允许多个连续的空格、历史步骤最多次数等。
“文件类型/编辑器”：用外部代码编辑器右边
的“浏览” 或右下角的“+”，为不同的文件类型 设置外部编辑器（之后在Dreamweaver中双击对象 或用右键快捷菜单可直接调出相应软件编辑此对象 ）。
“字体”：在“均衡字体”下拉中可选择Dw文
hk档j 窗口中的黙认字体，在“大小”下拉中选择字11 号
3、插入超链接
（1）定义文字链接
输入并选中表示链接的文字——四川烹专信 息技术系；在“属性”面板的“链接”框中输入 要链接的地址——http:// it.shic.edu.cn （保存网 页后用F12在浏览器中预览）。
（2）为图像添加链接
选中前面插入的图片——tp1，在“属性”面 板的“链接”框中输入要链接的地址——http:// （保存后在浏览器中预览）。
文本是页面里不可缺少的元素，图片却是网页 中常用到的内容，而超链接则是网页的灵魂。
1. 添加文字元素：定位光标后直接从键盘输入（ 如：我的主页）或从其他文档中复制。
2. 插入图像：在第二张新建的网页中，定位插入 符后用“插入”工具栏中的按钮或使用“插入 ”菜单中的命令插入图片—tp1。
hkj
15
创建简单的页面（二）
hkj
9
插
入
标题栏
菜单栏
工
具
栏
标 签 选 择 器
页 面 区 域
hkj
属性面板
状态栏
面 板 组
10
调整Dreamweaver 8的参数
通过设置参数可以改变 Dreamweaver 界 面的整体外观及面板、站点、字体等对象的 特征（选择：“编辑”—“首选参数”命令 ）。 “常规”：显示起始页、允许双字节内联输入、
hkj
3
网页制作基本概念（二）
网站是若干网页的集合，是由成百上千个 相互关联的网页所组成的一个整体。
在访问一个站点时，可以输入这个站点的 IP地址，也可输入它的域名。
当移动鼠标到页面上的某处时，如果指针 变成一只小手，该位置就是一个超链接。 通过超链接可以方便地访问网上的相关页 面，而不用输入难记的URL地址。超链接 是一种允许和其他网页或网站之间进行连 接的元素，是网页制作的精华。
hkj
5
初识Dreamweaver 8
安装Dreamweaver 8 运行Dreamweaver 8
（首次启动会让用户选择工作界面——“ 设计师”工作区适用于一般用户；“代码编 写者”工作区是纯代码编辑界面）
Dreamweaver 8的窗口组成
hkj
6
菜单栏
“插入” 工具栏
标题栏
起始页
页面区域 （文档编 辑窗口）
hkj
4
Dreamweaver 8简介
Macromedia公司的网页制作“三剑客”之一 ；
已经成为网页制作的首选软件；
全球80%的网站都是用Dreamweaver制作； 集网页制作和站点管理于一身的创作工具；
用Dreamweaver 8 可方便地进行网页设计、 实现网站的管理 、给网页添加动感内容，并 可制作出支持数据库的动态网页。
重命名或删除文件：用右键快捷菜单（只能重 命主名，选中文件后按Delete键也可删除）。
用浏览器预览页面：“文件”菜单命令或F12键 。
创建文件夹（便于文件的管理）：在“文件”
面板中用右键菜单中的相应命令。
hkj
14
创建简单的页面（一）
创建首页——index.htm（每个网站都有首页 ，又称为主页，是网站的大纲）
hkj
“属性”面板（属性检查器）
面板组 文件 面板
7
Dreamweaver 8的界面
标题栏：显示本软件及所打开文件的名称 菜单栏：共10项可完成Dreamweaver的所有功能 “插入”工具栏：放置了网页中可以插入的对 象，单击名称右边的下拉按钮切换（下拉列表 方式）亦可转换为选项卡方式（显示为制表符 ） 标签选择栏：切换页面的显示方式 页面区域：编辑页面的位置 “属性”面板：用来设置页面上内容的属性（ 选定的内容不同，面板上显示的属性也不同） hk面j 板组：在各面板名称上单击可展开或折叠8
Dreamweaver 8的菜单栏
文件菜单（包含用于文件操作的标准菜单项） 编辑菜单（包含基本编辑操作的标准菜单项） 查看菜单（使用户可以看到文件的各种视图） 插入菜单（提供插入栏的替代项） 修改菜单（使用户可以更改选定元素的属性） 文本菜单（使用户可以方便地设置文本格式） 命令菜单（提供对各种命令的访问） 站点菜单（用于创建、打开和编辑站点） 窗口菜单（提供面板、检查器和窗口名称） 帮助菜单（提供帮助和使用说明）
（2）使用“高级”方式
通过8个不同的选项卡，对站点进行详细的设置
（在对话框左侧的“分类”选项中选择不同的类 别
，在右侧的“本地信息”中设置相应的参数）
。
hkj
13
创建网页文件
创建空白页面文件：从顶行“文件”菜单或在 文件面板中用右键快捷菜单中的命令。
保存文件：用“文件”菜单命令或标签上点右 键
打开页面：双击“文件”面板中的文件或从顶 行“文件”菜单中或从起始页中。
作业
教材P22 选择题：（1）、（2）、（4） 填空题：（1）、（2）、（3）、
（4） 简答题：（3）、（5）
hkj
12
创建站点
站点是放置所有网页文件的地方，在创建站点
之前，首先应在本地计算机上建一个文件夹，用来 存放站点的所有文件。
创建站点
（1）使用“基本”方式——适合初学者
（从“起始页”或“站点”菜单，按向导设置）
Dreamweaver 8
信息技术系
目录
1、初识Dreamweaver 2、使用Dreamweaver 3、创建站点和网页 4、创建一个简单页面 5、调整页面属性 6、在页面中使用文本 7、插入图像 8、使用超链接 9、创建表格对象
hkj
10、布局页面 11、使用框架 12、CSS样式 13、使用层 14、时间轴的应用 15、制作表单 16、制作动态行为 17、多媒体页面制作 18、站点管理
2
网页制作基本概念（一）
网页是存放在电脑中的一个文件，构成页面 的基本元素是文字和图片，还可包含动画、 音乐、程序等。
网页实际上只是一个纯文本的HTML文件 ，它通过各式各样的标记对页面上的文字、 图片、表格、声音等元素进行描述。一般的 网页是以htm为后缀的文件。
查看网页信息的操作称为“浏览”，电脑接 入Internet后，只要启动IE，在地址栏中输 入网址按回车键，就能看到网页画面了。
允许多个连续的空格、历史步骤最多次数等。
“文件类型/编辑器”：用外部代码编辑器右边
的“浏览” 或右下角的“+”，为不同的文件类型 设置外部编辑器（之后在Dreamweaver中双击对象 或用右键快捷菜单可直接调出相应软件编辑此对象 ）。
“字体”：在“均衡字体”下拉中可选择Dw文
hk档j 窗口中的黙认字体，在“大小”下拉中选择字11 号
3、插入超链接
（1）定义文字链接
输入并选中表示链接的文字——四川烹专信 息技术系；在“属性”面板的“链接”框中输入 要链接的地址——http:// it.shic.edu.cn （保存网 页后用F12在浏览器中预览）。
（2）为图像添加链接
选中前面插入的图片——tp1，在“属性”面 板的“链接”框中输入要链接的地址——http:// （保存后在浏览器中预览）。
文本是页面里不可缺少的元素，图片却是网页 中常用到的内容，而超链接则是网页的灵魂。
1. 添加文字元素：定位光标后直接从键盘输入（ 如：我的主页）或从其他文档中复制。
2. 插入图像：在第二张新建的网页中，定位插入 符后用“插入”工具栏中的按钮或使用“插入 ”菜单中的命令插入图片—tp1。
hkj
15
创建简单的页面（二）
hkj
9
插
入
标题栏
菜单栏
工
具
栏
标 签 选 择 器
页 面 区 域
hkj
属性面板
状态栏
面 板 组
10
调整Dreamweaver 8的参数
通过设置参数可以改变 Dreamweaver 界 面的整体外观及面板、站点、字体等对象的 特征（选择：“编辑”—“首选参数”命令 ）。 “常规”：显示起始页、允许双字节内联输入、
hkj
3
网页制作基本概念（二）
网站是若干网页的集合，是由成百上千个 相互关联的网页所组成的一个整体。
在访问一个站点时，可以输入这个站点的 IP地址，也可输入它的域名。
当移动鼠标到页面上的某处时，如果指针 变成一只小手，该位置就是一个超链接。 通过超链接可以方便地访问网上的相关页 面，而不用输入难记的URL地址。超链接 是一种允许和其他网页或网站之间进行连 接的元素，是网页制作的精华。
hkj
5
初识Dreamweaver 8
安装Dreamweaver 8 运行Dreamweaver 8
（首次启动会让用户选择工作界面——“ 设计师”工作区适用于一般用户；“代码编 写者”工作区是纯代码编辑界面）
Dreamweaver 8的窗口组成
hkj
6
菜单栏
“插入” 工具栏
标题栏
起始页
页面区域 （文档编 辑窗口）