Dreamweaver MX
第1章 Dreamweaver MX 基础
1.1 Dreamweaver MX 的工作界面（P1）
| Dreamweaver MX 文件|编辑|查看|插入|修改|文本|命令|站点|窗口|帮助 常用|布局|文本|表格|框架|表单|模板|字符|媒体|头|特效|应用程序 新建|打开|全存|剪切|复制|粘贴 代码|拆分|设计|标题|上传|预览|选项| |
浮动面板 设计 代码 应用程序 标签检查器 文件 |
|
文档窗口 |
文件|资源 网络天地| 获取|上传| 站点-网络天地 |
|
属性面板 |
100% |
1.2 编辑页面的不同方式
1.2.1 代码编辑模式（P2）
代码视图、同时显示代码和编辑视图。
1.2.2 可视化编辑模式（P4）
普通可视化编辑模式和规划视图模式。
1.3.3 插入面板（P6）
“插入面板”工具栏标签：
普通对象(Common)、布局(Layout)、文本(Text)、表格(Tables)、
框架(Frames)、表单(Forms)、模板(Templates)、字符(Characers)、
媒体(Media)、头标记(Head)、脚本程序(Script)、
服务器端脚本程序(Application)。
常用工具标签中的按钮：
超链接、电子邮件、书签、插入表格、画层、插入图像、
FireWork、 Flash、翻转图像、导航条、水平线、日期。
表单标签中的按钮：
表单、单行文本、文本域、多选、单选、列表、
跳转菜单、图像域、文件域、按钮、标签。
表单对象，如 qtyj.htm
媒体标签中的按钮：
Flash、Flash 按钮、Flash 文本、
Java 小程序（Applet）、控件（Active X）、插件（Plugin）。
1.7 Dreamweaver MX 快速入门
1.7.1 定义本地站点（P16）
1.站点
本地站点：本地磁盘存放站点文件的文件夹，如 E:\网站编辑\。
远程站点：接收本地站点上传文件并发布网站的服务器。
网络站点：存放和发布站点文件的服务器，提供用户浏览资源。
2.定义本地站点的操作步骤：
站点—新站点—基本选项卡—站点名称，如“本地站点”；
服务器类型：使用服务器技术；访问网络数据库。如ASP JavaScript。
本地编辑后上传到服务器；
本地站点文件夹：如 E:\本地站点\
远程站点：选择“无”或“以后设置”；
按[Done]完成本地站点的定义。
3.复制 Dreamweaver 的资源（P19）
窗口—站点—
C:\Program Files\Macromedia\Dreamweaver MX\Samples\Gettingstarted\
复制(Ctrl+C)—“网络天地828”站点—粘贴(Ctrl+V)。
1.7.2 创建主页文件（P20）
文件—新建—类别：
页面设计：
1.7.3 添加占位图像（P22）
图像占位用于设计页面布局，最终图像以后设置。
选定插入点—插入—图像占位(Image Placeholder)—
占位图像名、占位图像宽高。
1.7.5 设置页面标题（P25）
页面标题 ：显示在浏览器窗口标题栏中，指明页面内容。
如，页面标题 ：主页，文件名 index.htm。
1.7.6 添加文本并设置文本格式
1.使用HTML样式表创建 CSS 样式表，
用 CSS 样式表设置文字格式。（P27）
文件—新建—类别： CSS 样式表，基本：Verdana
（已为字体定义了<body><td><th>标记的样式表）— 创建；
文件—保存样式表，如 E:\网站编辑\Assets\text.css；
切换到要使用 CSS 样式的文件—
选择设计面板 CSS 样式的编辑样式单选按钮—
连接样式表（Attach style Sheet)—text.css—保存；
选择设计面板 CSS 样式的 text.css 样式表—编辑样式表—
正文 body 样式—编辑—字号：5—确定—保存。
1.7.7 添加图像并设置表格背景色
1. 用最终图像代替图像占位
点击图像占位—属性面板—源文件 dog.GIF。
1.7.9 在两个页面间添加文本链接（P35）
1.7.10 创建轮替图像按钮
1.插入—......—翻转图像 Rollover Image—
指出原始图像、翻转图像和链接对象路径和名称。
1.7.12 预览页面效果并发布站点
1.按 F12：在浏览器中预览页面效果。（P38）
2.发布站点：用 FTP 上传到服务器上发布；
本地局域网中测试：Local/Network 方式。
第2章 站点的创建与管理
2.1 创建站点
1.定义本地站点（P44）
在 Windows 资源管理器中新建文件夹，如 E:\本地站点。
站点—新站点—基本选项卡—站点名称，如”本地站点“—
选择网站类型：
选择用户开发环境：
网站测试环境（Testing Files） ，选择测试服务器：
主机地址：
my.6to23.com, 61.145.119.119
vip.6to23.com
asp5.6to23.com, 61.145.114.95
主机类型：自动检测
上传文件：端口：21
选择本地机作网络服务器，
2.高级定义本地站点（P51）
站点—新站点—高级选项卡—
类别：本地信息、远程信息、测试服务器、站点地图布局。
本地信息设置：
远程信息设置：
测试服务器设置：
站点地图布局设置：
2.2 管理站点
2.2.1 站点面板（P53）
站点面板工具按钮：
查看站点文件、查看测试服务器、站点地图、站点下拉列表、
连接/断开、刷新、下载(Get File) 、上传(Put File)、
验证文件、登记文件、扩展/收缩。
站点页板文件列表中：站点文件操作类似资源管理器。
2.2.2 站点地图
1.打开站点地图（P60）
站点—站点，如“网络书店”—高级选项卡—类别：站点地图布局
2.改变站点地图的显示方式（P61）
查看—显示页面汉字标题。
5.从分支查看站点地图（P65）
选择站点地图分支—查看—作为根查看。
6.保存站点地图文件
文件—保存站点地图文件，文件名，如 zddt.bmp。
ACDSee 中打开 zddt.bmp，另存为 zddt.jpg。
2.2.3 站点操作（P66）
站点—编辑站点—导出站点—文件名，如 “wltd.set“。
导出站点文件，如 “wltd.set“；然后可以导入其它计算机中。
第3章 准备建立 Dreamweaver MX 的动态网站
动态网站：页面自动创建，动态交流信息，使用数据库存储信息。
常见形式有用户注册、用户留言、学术论坛、电子商务。
3.1 理解网络应用程序（P75）
网络应用程序：服务器端脚本程序，如 ASP JavaScript 。
|
网络 浏览器 Windows98 |
HTTP 请求 ——————→ ←—————— HTTP 响应 |
网络服务器 Windows2000 ASP SQL |
SQL 查询 ———→ ←——— 查询结果 |
数据库引擎 |
——→ ←——
|
SQL 数据库 服务器 |
动态页面数据查询过程（P78）
网络浏览器请求动态页面。
动态页面举例：HTML 页嵌入 ASP 访问网络数据库。
网络应用技术：
Active Server Pages(ASP)脚本语言：JavaScript
JavaServer Pages(JSP)脚本语言：Java
创建动态页面的常用名词：
3.2 安装网络服务器
1.Windows 2000 安装 IIS 5.0 并创建“网络书店”（P84）
开始—设置—控制面板—添加/删除程序—
添加/删除 Windows 组件—Internet 信息服务(IIS) 18.3MB—……。
2.服务器发布的 Web 站点
1）网卡 IP 地址设置
网络邻居属性—本地连接属性—Internet(TCP/IP)属性—
IP 地址：200.0.0.1
子网掩码：255.255.255.0
首先DNS：202.96.128.68 备用DNS：202.96.134.133
2）在 IIS 中设置 Web 站点 （P86）
服务器设置
接通网络客户机—控制面板—管理工具—Internet 服务管理器—
[默认 Web 站点]属性—
Web 站点卡
Dreamweaver 浏览网页用 127.0.0.1）
主目录
文档
3）客户机设置
网卡 IP 地址：200.0.0.2
子网掩码：255.255.255.0
禁用 DNS
4）检测网络
C:\>ping 200.0.0.1
5）浏览服务器发布的 Web 站点
http://200.0.0.1
3.查找“网络书店”主页
1）Internet 上查找“网络书店”主机
域名：如 http://www.wlsd.com—域名服务器（DNS）—
IP 地址：如 200.0.0.1—“网络书店”主机
2）在 Web 服务器中查找“网络书店”主页
IP 地址：如，200.0.0.1—主目录：如 E:\网络书店\—
默认主页 index.htm index.asp
4.1 页面文档基本操作
4.1.1 创建空白文档（P91）
定义站点—本地站点文件列表—选定文件夹—创建新文件。
4.1.3 使用模板创建文档（P95）
文件—新建—模板—教学……。
4.1.4 使用 Dreamweaver 提供的设计文件创建文档（P96）
文件—新建—类别：
4.2 设置文档属性
4.2.1 改变页面标题（P99）
页面标题：显示在标题栏、返回按钮的下拉列表中。
4.2.2 定义页面背景颜色和背景图像（P101）
属性面板—页面属性—背景图像：如，水滴、背景颜色：如，绿色。
浏览页面时先显示背景颜色，后显示背景图像。
4.3 不可见元素与辅助设计
4.3.1 设置不可见元素（P105）
编辑—首选参数—脚本、表单定界符。
4.3.2 显示不可见元素（P106）
查看—可视化助理—不可见元素。
4.3.5 使用跟踪图像（P109）
使用页面的整体风格、布局的跟踪图像，可以参考定位制作页面。
查看—跟踪图像—载入。
或：属性面板—页面属性—跟踪图像，如 dnwz.jpg，透明度，如 50%。
4.4 查看并编辑页面的文件头内容（P111）
头部内容：重要信息，如文档类型、语言编码、 JavaScript函数、
关键字信息。
查看—文件头内容。
插入—HTML—文件头标签：Meta、关键字。
4.4.1 插入元数据
元数据(meta data)：页面中的<meta>标记，记录页面信息，
如字符编码、作者、版权信息、关键字。
4.5 自动化操作
4.5.1 用历史记录面板简化重复化操作（P114）
窗口—其它—历史记录。
4.5.2 将任务自动应用在一个对象上（P115）
选择图像—用属性面板调整尺寸—选择下一幅图像
—选择历史记录面板中的修改图像长宽的步骤—重放。
.
.
4.5.5 历史记录面板中的任务创建特殊命令（P118）
选择历史记录面板中的修改图像长宽的步骤—
历史记录面板中[保存]—命令名：如，图高100—
命令菜单增加[图高100]命令，此命令可设置其他图像为等高100。
