DW基本使用方法 - 360文档中心

怎么使用dreamweaver制作网页教程 dw建站设计网页

怎么使用dreamweaver制作网页教程 dw建站设计网页Dreamweaver是一款专业的网页制作软件，被广泛应用于网页设计师的日常工作中。

它是一款视觉化网页开发工具，可以轻松制作出跨越平台和浏览器限制的充满动感的网页。

在本文中，我们将为您介绍如何使用Dreamweaver制作网页。

一、定义站点1.在任意一个根目录下创建一个文件夹（例如E盘），并为其命名（例如MyWeb）。

2.打开Dreamweaver，选择“站点-新建站点”，在对话框中输入网站名称和本地根文件夹路径（E:web），然后确定。

此时再次打开Dreamweaver，会自动找到刚才设立的站点。

二、创建页面1.在本地文件夹E:\MyWeb下，右键点击空白处，选择“新建文件”，建立一个页面。

默认的文件名为untitled.htm，将其改名为index.htm。

2.双击index.htm进入该页面的编辑状态。

在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。

在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。

3.在页面中添加文字，可用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。

4.如果需要选取字体，则选择字体中的最后一项“编辑字体列表”，在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。

三、为页面添加图片在页面中添加图片，可用菜单“插入/图片”，选择本地图片路径，然后将其拖拽到页面中即可。

Dreamweaver是一款非常强大的网页制作软件，通过本文的教程，相信您可以轻松上手制作出精美的网页。

1、在本地文件夹E:\MyWeb下新建文件夹，用于存放图片，可更名为tu、pic或images。

2、打开对象面板，选择“插入图像”，在对话框中选择要插入的图片。

若出现对话框“是否将该文件复制到根文件夹中？”，需选择“是”，并保存到刚建立的文件夹中。

DW使用技巧

Dreamweaver使用技巧集锦11、在Dreamweaver 3中输入空格1)可以用中文的全角状态下按空格键，强烈推荐2)插入一个透明的图3)用pre标签里写你的内容4)object 里的invisiables 里的none-breaking space 点一下5)instert 菜单下的none-breaking space6)CTRL+SHIFT+空格键加入7)CTRL+T 去掉尖括号，键入&nbsp；（注后面四个是的实质都是一样的）2、实现浏览器状态栏中的滚动字幕按下F8键，在Behaviors窗口中选取Behaviors，单击“＋”号，再选取“Set Text→Set Text of Status Bar”，最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。

3、制作鼠标移动上去会有变化的动态链接图像首先准备两幅图，第一幅是原始图像，另一幅是鼠标移动上去后的图像。

用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后按F8，在Behaviors窗口中点击“＋”号，选择“Swap Image”，在出现的窗口中选择第二幅图，点击确定，就成功了。

4、将 Dreamweaver 集成到 IE 浏览器Dreamweaver 安装程序会在上下文选单增加一个“Edit with Dreamweaver”命令。

还可以修改 Windows 的注册表，就象 MS Word 、Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。

将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个*.reg 文件，双击它将信息添加到注册表即可。

REGEDIT4[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver][HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell][HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit][HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]@="\"D:\\Macromedia\\Dreamweaver 3\\dreamweaver.exe\" \"%1\""如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。

如何使用DW工具给图片添加热点

如何使用DW工具给图片添加热点一、准备一张图片。

准备一张需要给不同区域添加不同热点的图片。

二、插入图片：打开Dreamweaver，新建一个网页，将图片插入到页面中。

三、找到地图工具：单击鼠标左键点击图片，这时候软件下方的属性面板就会变成和图片相关的属性，注意看左下角部分，如图一中的红色框内所示。

注：如果没有上图显示的热点地图工具，是地图工具属性隐藏了，可以点击属性面板右侧的三角符号打开，如下图：四、绘制热点：注意方块、圆形、多边形三个小图标，它们就是我们要用的“图片热点”工具，不同的热点工具可以绘制出不同形状的热点区域。

先点击方块按钮，将鼠标移动到图片上，这时候鼠标就变成了十字，在你想加链接的地方画一个方块。

添加热点后的图片区域会出现一个浅蓝色蒙版，意味着该区域已经添加了热点。

依次添加其他区域的热点。

五、给热点添加链接：热点区域画好后，下面的属性面板就会变成该热点区域的属性，如下图：“链接”就是点击此处跳转的链接地址；“目标”就是点击此处时窗口的打开方式；“替换”就是鼠标悬浮在该区域时提示的文字。

一般使用"_blank"，指超链接将在新窗口打开。

注：可以采用画一个区域，添加对应的连接，也可以依次把所有的区域热点画完，然后点击热点区域，依次添加对应的连接。

初学者建议一个一个的添加。

六、修改热点：对热点区域进行拖动或者局部调整如果需要修改热点区域，或者需要进行微调，如中国地图添加热点，不可能把所有的热点区域都做到刚好覆盖对应的区域，那就需要对已经添加热点的区域进行调整。

点击热点区域，热点区域四周会出现浅蓝色的点。

光标放在浅蓝色的点，点击鼠标左键，即可调整热点区域的大小。

七、对个图片添加热点：如果一个页面中有多个图片需要添加热点，那么久需要给每一张图片对应的热点设置不同的热点名称，如图示，地图（M）处的文本框中的字符就是当前热点的名称。

可以使用map1、map2、map3。

也可以使用不同图片的内容对热点进行命名，如top_map,foot_map,act_map。

dreamweaver8使用教程

第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器”，让我们一起来了解Dreamweaver8的操作环境，完成站点的创建。

一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave 8的代码视图。

Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。

我们选择面向设计者的设计视图布局。

在Dreamweave 8 中首先将显示一个起始页，可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。

在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目，建议大家保留。

新建或打开一个文档，进入Dreamweaver8的标准工作界面。

Dreamweaver8的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。

1、标题显示栏启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。

2、菜单栏Dreamweave 8的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。

其中，编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。

文件：用来管理文件。

例如新建，打开，保存，另存为，导入，输出打印等。

编辑：用来编辑文本。

例如剪切，复制，粘贴，查找，替换和参数设置等。

查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。

插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。

修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。

文本：用来对文本操作，例如设置文本格式等。

dw粉底液的使用流程

DW粉底液的使用流程1. 简介DW粉底液是一款受到广大化妆爱好者喜爱的粉底产品。

它具有优秀的遮盖力和持久性，能够有效修饰肌肤瑕疵，使肤色均匀亮丽。

本文将为大家介绍DW粉底液的正确使用流程，帮助您获得完美妆容。

2. 肌肤准备在使用DW粉底液之前，首先要做好肌肤准备工作，确保肌肤清洁、滋润以及防晒。

•清洁：使用温和的洗面奶清洁脸部，确保脸部干净无污垢。

•滋润：涂抹适合肌肤类型的面霜，保持肌肤湿润。

•防晒：涂抹适合肌肤类型的防晒霜，提供肌肤防护。

3. DW粉底液选择选择适合自己肌肤类型和肤色的DW粉底液非常重要。

下面是一些选择的建议：•适合肌肤类型的选择：–干性肌肤：选择滋润型的DW粉底液，避免干燥问题。

–油性肌肤：选择控油型的DW粉底液，避免出油问题。

–混合型肌肤：选择多效型的DW粉底液，能够同时满足水油平衡的需求。

•肤色选择：–选择与肤色相近的DW粉底液，避免明显色差。

–若需要改变肤色，可选择稍暗或稍亮的色号，但必须要与原肤色相近。

4. 使用步骤正确的使用流程能够确保DW粉底液的充分发挥作用，以下是使用步骤的详细说明：1.打开粉底瓶，将适量DW粉底液挤在手背上。

注意，用量不宜过多，以免妆感过重。

2.使用化妆刷、海绵或指腹等工具将粉底液均匀涂抹在脸部。

从面部中央开始，由内向外轻轻推开，确保脸部每个角落都得到覆盖。

–推荐使用化妆刷：使用平头化妆刷能够更精确地涂抹粉底液，使妆容更加均匀。

–使用海绵：使用湿润的海绵能够更好地推开粉底液，使妆容更加贴合肌肤。

–使用指腹：将适量粉底液点在额头、鼻子、两颊和下巴等位置，然后用指腹轻轻拍打均匀。

3.注意避开眼唇区域，以免引起不必要的刺激和不适。

4.使用化妆海绵或化妆刷进行修饰，确保粉底液的均匀吸收，避免出现明显的痕迹。

5. 完成妆容完成DW粉底液的涂抹后，可以根据个人需求适当进行其他妆容步骤的补充，如腮红、眼部化妆和唇妆等。

最后，不要忘记定妆，保持妆容更持久。

6. 注意事项在使用DW粉底液的过程中，还需要注意以下事项：•避免使用过量的粉底液，以免堵塞毛孔和产生妆感过重的效果。

《DW基础知识》PPT课件

课堂实例―创建和测试第一个html网页
在“记事本”窗口或者Dreamweaver网页中输入以下内容：
<html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是第一个简单网页! </body> </html> 选择【文件】|【保存】命令，在弹出的“另存为”
描述图片的源文件提示文字设置图片的宽度设置图片的高度设置图片的边框垂直间距水平间距设置图片的对齐方式
文字标签
标签 <big> <code> <var> <s>
描述下划线粗体上标下标大字号小字号斜体等宽声明变量删除线
A、执行“站点/管理站点”命令，也可以使用快捷键F8打开站点面板来建立一个站点，然后单击“管理站点”按钮。执行命令后出现“管理站点”对话框，单击“新建”按钮，在弹出的菜单中选择“站点”。
B、设置站点名称：接着出现了一个建立站点的向导，设置好站点的名字后单击“下一步”按钮。（输入你想要的站点名称，这里输入home，其实可以任意输入名称的，要注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！）
工作区设置对话框
首选参数对话框
（3）dw的窗口组成（参看教材p5-p9）
插入栏：又叫插入对象面板；状态栏：提供了标签选择器（也叫做标记符选择器）、窗口尺寸、文件大小等网页信息
（4）dw菜单简介

DW教程九、利用行为制作动态页面

第九节利用行为制作动态页面一般说来，动态网页是通过JaveScript或基于JaveScript的DHTML代码来实现的。

包含JaveScript脚本的网页，还能够实现用户与页面的简单交互。

但是编写脚本既复杂又专业需要专门学习，而Dreamweaver提供的“行为”的机制，虽然行为也是基于JaveScript来实现动态网页和交互的，但却不需书写任何代码。

在可视化环境中按几个按钮，填几个选项就可以实现丰富的动态页面效果，实现人与页面的简单交互。

行为是事件与动作的彼此结合。

例如，当鼠标移动到网页的图片上方时，图片高亮显示，此时的鼠标移动称为时间，图片的变化称为动作，一般的行为都是要有事件来激活动作。

动作时由预先写好的能够执行某种任务的JavaScript代码组成，而事件是由浏览器前用户的操作相关，如单击鼠标、鼠标上滚等。

一、了解行为“行为”可以创建网页动态效果，实现用户与页面的交互。

行为是由事件和动作组成的，例如：将鼠标移到一幅图像上产生了一个事件，如果图像发生变化(前面介绍过的轮替图像)，就导致发生了一个动作。

与行为相关的有三个重要的部分——对象、事件和动作。

1. 对象(Object)对象是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等，甚至是整个页面。

2. 事件(Event)事件是触发动态效果的原因，它可以被附加到各种页面元素上，也可以被附加到HTML标记中。

一个事件总是针对页面元素或标记而言的，例如：将鼠标移到图片上、把鼠标放在图片之外、单击鼠标，是与鼠标有关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。

不同的浏览器支持的事件种类和多少是不一样的，通常高版本的浏览器支持更多的事件。

3. 动作(Action)行为通过动作来完成动态效果，如：图片翻转、打开浏览器、播放声音都是动作。

动作通常是一段JaveScript代码，在Dreamweaver中使用Dreamweaver内置的行为往页面中添加JaveScript代码，就不必自己编写。

DW 万能断路器使用说明

引言DW15（DW15C）-630及DWX15（DWX15C）-630系列万能式断路器（DW15C、DWX15C抽屉式断路器）是上海电器科学研究所和国内有关工厂联合设计的更新换代产品，本系列产品性能符合GB14048.2,JB8590.1，IEC947-2：(1989)等标准。

上海电器科学研究所为加速科研成果的推广及开发，使科研成果迅速有效地转为社会生产力，以满足社会主义建设的需要。

为此，上海精益电器厂作为上海电器科学研究所在上海地区生产和开发万能式断路器的基地，开发和生产了本系列产品。

我们竭诚欢迎广大用户对本厂产品提出宝贵意见以有利于提高产品质量，更好地为用户服务。

感谢您使用我厂的产品！上海精益电器厂2002.01目录1.用途及分类 (3)2.型号 (4)3.断路器的正常工作条件 (4)4.技术数据及性能 (5)5.结构特点说明 (11)6.二次回路用户接线 (14)7.安装尺寸及外形尺寸 (18)8.安装、使用及维护 (21)9.备品备件 (22)10.定货单 (22)1. 用途及分类1.1 用途DW15-630万能式断路器（以下简称断路器）及DWX15-630万能式限流断路器（以下简称限流断路器）的额定电流自100A至630A，额定工作电压交流50Hz自380V至660V。

该断路器主要在配电网络中用来分配电能、保护线路及电源设备的过载、欠电压和短路。

也能在交流50Hz、380V电网中用来保护电动机的过载，欠电压和短路。

正常条件下，断路器可作为线路不频繁转换及电动机不频繁起动之用。

由于断路器还具有三段保护特性，可以对电网作选择性保护。

限流断路器由于有限流特性，特别适用于可能出现大短路电流的网络。

DW15C-630及DWX15C-630抽屉式断路器除了有固定式的一切用途之外，还具有抽屉式安装结构。

抽屉式的安装结构提高了使用的经济性，在主电路和二次回路中均采用了插入式结构，省略了固定式所必须的隔离开关，起到一机二用。