Dreamweaver8PPT课件

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