《网页设计与制作—第二章》：Dreamweaver(免费下载)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第2章
Dreamweaver MX 2004
本章要点 初识Dreamweaver MX 2004 创建站点 Dreamweaver MX 2004基本操作
启动与退出Dreamweaver MX 2004
安装好Dreamweaver MX 2004后就可以 使用它进行网页制作了。接下来就讲解 怎样启动与退出Dreamweaver MX 2004。
退出Dreamweaver MX 2004
在结束网页编辑后若需退出 Dreamweaver MX 2004，操作很简单， 直接单击操作窗口右上角的 按钮或选 择“文件/退出”命令即可。
Dreamweaver MX 2004的工作界面 启动Dreamweaver MX 2004后即可进入其 工作界面。
本地站点 远程站点 测试站点
规划站点结构
设计站点的必要前提是规划站点结构。规划 站点结构是指利用不同的文件夹将不同的网 页内容分门别类地保存，合理地组织站点结 构，可提高工作效率，加快对站点的设计。 在制作站点时通常先在本地磁盘上创建一个 文件夹，将所有在制作过程中创建和编辑的 网页内容都保存在该文件夹中。在发布站点 时，直接将这些文件夹上传到Web服务器上 即可。如果站点内容较多或站点较大，则还 需建立子文件夹以存放不同类型的网页内容。
启动Dreamweaver MX 2004
启动Dreamweaver MX 2004可选择“开 始/所有程序/Macromedia/Macromedia Dreamweaver MX 2004”命令。也可双击 Dreamweaver MX 2004的桌面快捷方式。
启动Dreamweaver MX
2.修改文字颜色
在默认的情况下，文本在浏览器窗口内显示为黑色。在属性面板的 文本颜色按钮
上单击可打开调色板，选择要设置的颜色。
设置图像大小的多种操作方式
1.拖动改变大小
拖动图像下边、右边、右下角的三个控制点可快速改变图像大小。
2.使用属性面板
在属性面板的宽、高栏输入宽、高的像素值，可改变图像大小。
3.使用右键菜单
在图像上面单击右键，在弹出菜单中选择“改变大小”可重设图像大
设置图像大小的多种操作方式
4.使用系统菜单
使用菜单“修改”→“图像”虽然不能修改图像的大小，但可以改 变图像的其他属性。
5.使用代码编辑器
将显示模式设为代码模式或拆分模式，可直接编辑图片文件的HTML 代码中的width和height属性的值，改变图像大小 。
将为一个名为“诚与”的广告公司网站 进行站点结构的规划。
规划诚与广告公司站点结构图
诚与广告公司网站首页
首 页
公司介绍
企业文化
户外广告
业务范围
联系我们 合作伙伴
创建站点
【实例1】创建一个站点
使用菜单“站点”“管理 站点”打开站点管理对话 框，进行操作
打开站点和编辑站点信息
打开站点 编辑站点
创建导航草图
做好了站点的规划后，就可根据规划制 作出一个导航草图便于理清思路，制作 时可直接在纸上粗略绘出导航草图。
创建导航草图
“影视倾城”网站首页
乐坛动态
歌星档案
音乐故事
唱片封面
乐评
电影音乐
新 歌 推 荐
星 闻 追 踪
新 碟 快 报
中 国
海 外
男 歌 手
女 歌 手
主 题 曲
原 声 碟
应用举例——规划“诚与”广告公司站 点
பைடு நூலகம்
6.使用面板组的属性面板
使用菜单“窗口”→“属性”或单击“标签检查器”面板组打开属 性面板，在编辑窗口中选中要设置大小的图片，再单击“常规”前面的 加号，列出图片的各种属性，在width和height中设置图片大小的值 。
使用“高级”方式定义站点
在“定义站点”向导进 行的任意一个步骤，选择对 话框上部的“高级”标签， 可打开高级站点定义对话框。
设置工作界面
关闭面板 标尺和网格 辅助显示 首选参数的设置
对象的大小和颜色
1.修改文字大小
在属性面板上的大小中选择文字的大小，文字大小可设置绝 对尺寸、相对尺寸、长度、百分比
标题栏
Dreamweaver MX2004的工作窗口
菜单栏
编辑区 文档栏 面板组
属性面 板
Dreamweaver MX 2004的工作界面 菜单栏 起始页 工具栏 文档编辑窗口 属性面板 面板组
创建站点
规划站点 创建站点 打开站点 编辑站点
规划站点
进行网页制作之前需创建站点，利用站 点的管理功能可对站点中的文件进行管 理或测试。创建站点前首先应规划站点， 再通过Dreamweaver MX 2004的站点管 理功能创建站点的框架，包括主页、分 支页面和相应的文件夹等。
规划站点结构
在站点规划过程中，需使用合理的文件名称、文件 夹名称，好的名称容易理解、记忆，能够表达出网 页的内容。通常在命名时，可以采用与其内容相同 的英文或拼音进行命名，应避免使用长文件名和中 文，如电影文件夹可以命名为movie或dianying。 制作网页所需的图片或动画等文件的存放位置也是 规划站点结构时应考虑的。如果是大型站点，可分 别创建相应的文件夹在各个类别的文件夹下，如在 站点根目录下创建一个名称为picture的文件夹用以 存放主页中用到的图片和动画。如果站点内容较少， 可以只在站点的根目录下创建一个文件夹。
规划站点
站点的概念 规划站点结构 创建导航草图 应用举例——规划“诚与”广告公司站 点
站点的概念
多个网页文档通过各种链接关联起来就构成了 站点，站点可以小到一个网页，也可以大到整 个网站。 Dreamweaver MX 2004提供了3类站点：本地站 点、远程站点和测试站点。用户可通过本地站 点和远程站点在本地磁盘和Web服务器之间传 输文件，测试站点可用于对动态站点的测试。
启动Dreamweaver MX 2004
首次启动Dreamweaver MX 2004时，将 弹出“工作区设置”对话框。在该对话 框中可选择工作区布局，对于初学者来 说，基本上不会涉及代码编写，可选择 单选按钮。
启动Dreamweaver MX 2004
以上是首次启动Dreamweaver MX 2004所 需进行的操作，以后启动会直接进入工作 界面。
Dreamweaver MX 2004
本章要点 初识Dreamweaver MX 2004 创建站点 Dreamweaver MX 2004基本操作
启动与退出Dreamweaver MX 2004
安装好Dreamweaver MX 2004后就可以 使用它进行网页制作了。接下来就讲解 怎样启动与退出Dreamweaver MX 2004。
退出Dreamweaver MX 2004
在结束网页编辑后若需退出 Dreamweaver MX 2004，操作很简单， 直接单击操作窗口右上角的 按钮或选 择“文件/退出”命令即可。
Dreamweaver MX 2004的工作界面 启动Dreamweaver MX 2004后即可进入其 工作界面。
本地站点 远程站点 测试站点
规划站点结构
设计站点的必要前提是规划站点结构。规划 站点结构是指利用不同的文件夹将不同的网 页内容分门别类地保存，合理地组织站点结 构，可提高工作效率，加快对站点的设计。 在制作站点时通常先在本地磁盘上创建一个 文件夹，将所有在制作过程中创建和编辑的 网页内容都保存在该文件夹中。在发布站点 时，直接将这些文件夹上传到Web服务器上 即可。如果站点内容较多或站点较大，则还 需建立子文件夹以存放不同类型的网页内容。
启动Dreamweaver MX 2004
启动Dreamweaver MX 2004可选择“开 始/所有程序/Macromedia/Macromedia Dreamweaver MX 2004”命令。也可双击 Dreamweaver MX 2004的桌面快捷方式。
启动Dreamweaver MX
2.修改文字颜色
在默认的情况下，文本在浏览器窗口内显示为黑色。在属性面板的 文本颜色按钮
上单击可打开调色板，选择要设置的颜色。
设置图像大小的多种操作方式
1.拖动改变大小
拖动图像下边、右边、右下角的三个控制点可快速改变图像大小。
2.使用属性面板
在属性面板的宽、高栏输入宽、高的像素值，可改变图像大小。
3.使用右键菜单
在图像上面单击右键，在弹出菜单中选择“改变大小”可重设图像大
设置图像大小的多种操作方式
4.使用系统菜单
使用菜单“修改”→“图像”虽然不能修改图像的大小，但可以改 变图像的其他属性。
5.使用代码编辑器
将显示模式设为代码模式或拆分模式，可直接编辑图片文件的HTML 代码中的width和height属性的值，改变图像大小 。
将为一个名为“诚与”的广告公司网站 进行站点结构的规划。
规划诚与广告公司站点结构图
诚与广告公司网站首页
首 页
公司介绍
企业文化
户外广告
业务范围
联系我们 合作伙伴
创建站点
【实例1】创建一个站点
使用菜单“站点”“管理 站点”打开站点管理对话 框，进行操作
打开站点和编辑站点信息
打开站点 编辑站点
创建导航草图
做好了站点的规划后，就可根据规划制 作出一个导航草图便于理清思路，制作 时可直接在纸上粗略绘出导航草图。
创建导航草图
“影视倾城”网站首页
乐坛动态
歌星档案
音乐故事
唱片封面
乐评
电影音乐
新 歌 推 荐
星 闻 追 踪
新 碟 快 报
中 国
海 外
男 歌 手
女 歌 手
主 题 曲
原 声 碟
应用举例——规划“诚与”广告公司站 点
பைடு நூலகம்
6.使用面板组的属性面板
使用菜单“窗口”→“属性”或单击“标签检查器”面板组打开属 性面板，在编辑窗口中选中要设置大小的图片，再单击“常规”前面的 加号，列出图片的各种属性，在width和height中设置图片大小的值 。
使用“高级”方式定义站点
在“定义站点”向导进 行的任意一个步骤，选择对 话框上部的“高级”标签， 可打开高级站点定义对话框。
设置工作界面
关闭面板 标尺和网格 辅助显示 首选参数的设置
对象的大小和颜色
1.修改文字大小
在属性面板上的大小中选择文字的大小，文字大小可设置绝 对尺寸、相对尺寸、长度、百分比
标题栏
Dreamweaver MX2004的工作窗口
菜单栏
编辑区 文档栏 面板组
属性面 板
Dreamweaver MX 2004的工作界面 菜单栏 起始页 工具栏 文档编辑窗口 属性面板 面板组
创建站点
规划站点 创建站点 打开站点 编辑站点
规划站点
进行网页制作之前需创建站点，利用站 点的管理功能可对站点中的文件进行管 理或测试。创建站点前首先应规划站点， 再通过Dreamweaver MX 2004的站点管 理功能创建站点的框架，包括主页、分 支页面和相应的文件夹等。
规划站点结构
在站点规划过程中，需使用合理的文件名称、文件 夹名称，好的名称容易理解、记忆，能够表达出网 页的内容。通常在命名时，可以采用与其内容相同 的英文或拼音进行命名，应避免使用长文件名和中 文，如电影文件夹可以命名为movie或dianying。 制作网页所需的图片或动画等文件的存放位置也是 规划站点结构时应考虑的。如果是大型站点，可分 别创建相应的文件夹在各个类别的文件夹下，如在 站点根目录下创建一个名称为picture的文件夹用以 存放主页中用到的图片和动画。如果站点内容较少， 可以只在站点的根目录下创建一个文件夹。
规划站点
站点的概念 规划站点结构 创建导航草图 应用举例——规划“诚与”广告公司站 点
站点的概念
多个网页文档通过各种链接关联起来就构成了 站点，站点可以小到一个网页，也可以大到整 个网站。 Dreamweaver MX 2004提供了3类站点：本地站 点、远程站点和测试站点。用户可通过本地站 点和远程站点在本地磁盘和Web服务器之间传 输文件，测试站点可用于对动态站点的测试。
启动Dreamweaver MX 2004
首次启动Dreamweaver MX 2004时，将 弹出“工作区设置”对话框。在该对话 框中可选择工作区布局，对于初学者来 说，基本上不会涉及代码编写，可选择 单选按钮。
启动Dreamweaver MX 2004
以上是首次启动Dreamweaver MX 2004所 需进行的操作，以后启动会直接进入工作 界面。