dw软件怎么用 如何操作dreamweaver软件

Dreamweaver这一款专业的网页制作软件，相信相关专业的人员都不会陌生。

可以说，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 这里西西给大家带来一个dreamweaver制作网页的教程，初学DW的朋友可以参考一下。

一、定义站点 1、在任意一个根目录下创建好一个文件夹（我们这里假设为E盘），如取名为MyWeb。 ***备注：网站中所用的文件都要用英文名。

2、打开Dreamweaver，选择“站点—新建站点”，打开对话框。在站点名称中输入网站的名称（可用中文），在本地根文件夹中选择刚才创建的文件夹（E:web）。

然后确定即可。 ***备注：再次打开Dreamweaver，会自动找到刚才设立的站点。

如果有多个站点，可以在菜单“站点—打开站点”中去选择。 二、创建页面 1、在本地文件夹E:MyWeb下面的空白处，按右键选“新建文件”，这样就建好了一个页面，默认的文件名为untitled.htm。

htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。

2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。

在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 3.此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。

选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。 4.如要选取字体，则选择字体中的最后一项：编辑字体列表。

然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 ***在网页上最常用的是宋体字。

不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。

***在网页上打入空格的办法是：把输入法调为全角。 ***在网页上换行的办法是：shift+Enter。

只按Enter则为换段。 三、为页面添加图片 1、在本地文件夹E:MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。

2、用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。如果会出现对话框：“你愿意将该文件复制到根文件夹中吗？”，必须选“是”，然后将它保存到刚建好的文件夹里。

3、选中该图片，打开属性面板，可以在上面为图片取名，重新设置图片的高、宽，拖住图片角上的点可以变大小。按住shift键，再拖动角上的点，可以使图片保持宽高比例拉伸。

如要恢复这原始大小，则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。

“替代”是图片的说明，即鼠标指向图片所显示的文字；“边框”是图片边框宽度，“对齐”是对齐方式。 四、添加超级链接 1、为文字添加链接。

比如，在页面上输入“我的文章”，然后将其选中，打开属性面板，在“链接”一格中，选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口；或是选择blank即打开新窗口。

2、为图片添加链接 与上面文字的链接同理，插入图片，然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。

方法如下： 在属性面板中的“地图”一项下面有一些图形，比如点击方形，光标变成十字，在图片上画一个蓝色矩形的热区，此时在属性面板上可以为这个热区设置链接地址，鼠标指向会显示。同样，再用圆形设置一个热区，就可以再为该图片设置其他链接了。

3、添加E-mail链接 选中需要添加E-mail链接的文字或图片，打开属性面板，在“链接”一格中输入填写邮件地址。格式如下：mailto：邮件地址。

注意中间不空格。 4、如果链接到浏览器无法打开的文件，例如exe、Zip等文件，那么浏览者在点击这个链接的时候，就会实现文件下载、或是在线播放的功能。

五、表格的使用 1、点击插入/表格，打开表格面板进行设置。行数、列数、宽度、边框等，“单元格填充”为单元格内侧与内容的距离；“单元格间距”为单元格之间的距离，单位均为像素。

2、插入表格后，在表格的边框上点击一下，可以全选整个表格。然后在下面的属性面板里可以进行各种设置。

3、把光标移到其中一个单元格，此时看到的属性面板，就是单元格的属性面板。也可以进行各种关于单元格的操作。

如背景色、背景图、边框、合并、拆分等。 六、关于表格的其他操作 一制作细线表格 原理： 1、选中整个表格，设置其背景为黑色（该颜色即表格线的颜色）。

2、选中所有单元格，设置其背景为白色。 二自动格式化表格 1、先制作好一张表格，然后选中。

2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。

三一像素分割条 1、插入一个1行1列，宽为200像素，边框边距均为0的表格。 2、选中表。

方法/步骤

1

首先打开我已安装好的dreamweaver软件。

步骤阅读

2

打开软件后，进入首选项窗口。

步骤阅读

3

在这个窗口中我们点击创建新项目下的”HTML“选项。

步骤阅读

4

点击”HTML“选项后，进入到编辑窗口。

步骤阅读

5

在编辑窗口有三种状态可供选择，如果你懂代码，喜欢直接写代码，那么我们选择窗口中的”代码“选项，就全屏进入代码写入模式。

步骤阅读

6

如果我们不懂代码，我们可以选择”设计"窗口，这里可以自由输入文字这些。当然如果你在编辑时两个都想要看到，这时我们可以选择“拆分”模式。

步骤阅读

步骤阅读

7

填写内容后，点击窗口上方的“文件”选项，找到“保存”按钮保存即可。

步骤阅读

END

打开DW,DW界面如图

2

分析所制作的网页的需求，明确目标

3

明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。

4

新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹

5

在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片

6

新建HTML，选择“创建”

在“标题”中输入“新闻网页首页”，转换到“设计”界面

根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置

插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”

在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”

插入图像，不知道怎么填的话就一直选择“确定”即可

插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图

选中第二行，点击鼠标右键，选择“表格”，“合并单元格”

在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际

步骤阅读

当然也可以在Dreamwaver CS6 的实时视图中完成第15步

建一个网站要学的很多不只DREAMWEAVER,DREAMWEAVER只是用来排版的，其他的还有PS,FLASH动画软件，PS是设计模板用的 FLASH是做动画用的，

要会的语言有DIV+CSS语言（这个是必须要会的） JS、AS语言（这俩个可会可不会只熟悉也行）

网站的完成包括两个技术1个是前台技术，第二个是后台编程也就是程序员

1.打开DREAMWEAVER 站点——新建站点 就可以了啊

2.打开DREAMWEAVER 直接新建HTML页面编写代码

（在做这些之前首先要做好设计稿，然后在切片，在是排版，包括与程序员配合）

shift F4 调出行为窗口

上面有一个类似加号的按钮 点击开始设置行为

行为的样式有很多中，但是人们都不常用这种， 会JAV的人都自己写一些脚本来 ，不太会的都是在网上写脚本效果自己套很方便的

不过在行为里面有些小效果还是可以用的， 譬如交换图像这个，及是你选中图像，让后点击交换图像， 找到交换图像的路径，就好了， 效果是点你点击，或者划过图像的时候交换到下一张，

弹出窗口也就是在网页上常见的那种弹出的广告窗口等..

还有一个叫做时间轴的，还不错，像一些网站上用的浮动广告，就是用他写出来的，用这个效果的时候就像是在做动画一样， 创建时间轴， 然后移动你要浮动的广告，位置在创建一个结尾针，就可以在你指定的路线上浮动了，

什么东西都是研究的多了就懂了。

打开 Dreamweaver MX 2004 软件，执行【站点】 | 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。

操作步骤 步骤一 定义站点 （ 1 ）开始新建站点。启动 Dreamweaver MX 2004 ，切换到【文件】面板，单击【管理站点】，然后在弹出的【管理站点】对话框中单击【新建】按钮 （ 2 ）设置站点属性参数。

在弹出的【 Dreamweaver 100 的站点定义为】对话框的“编辑文件”、“编辑文件，第 2 部分”、“编辑文件，第 3 部分”中定义站点， 提示：本实例是切换到【基本】选项卡中设置站点，建议初学者先以此方式建立站点，再通过【高级】选项卡对站点进行更详细的设置。 步骤 4 如果选择的是【否，我不想使用服务器技术】，则站点为静态网站，此时将直接执行步骤 6 。

静态网站与动态网站的区别不是指网站有没有 GIF 、Flash 动画，而是指有没有互动性。“互动性”是指网站根据用户的要求和选择能够动态作出改变及响应，能够自动更新网站，自动生成批量页面，能够根据用户的条件（时间、浏览器类型、用户在站点的使用权限等），自动生成不同页面。

步骤 5 主要是根据自身熟悉的服务器技术进行选择。如果读者熟悉 ASP 服务器技术，则可选择【 ASP javascript 】、【 ASP VBScript 】这两种脚本中的一种，如果熟悉 ASP.NET ，则应选择【 ASP.NET C# 】、【 ASP.NET VB 】或【 ASP.NET Jscript 】。

步骤 7 如果选择的是【在本地进行编辑，然后上传到远程测试服务器】，那么在执行完步骤 9 之后，将会进入到【测试文件】中进行远程服务器的有关设置；如果选择的是【使用本地网络直接在远程测试服务器上进行编辑】，那么在第 8 步操作中就应输入该服务器的地址，鉴于安全性，建议初学者不要使用这种方式编辑网站。 步骤 8 输入的是网站在本地网络中的物理存储位置，其设置一般与 IIS 服务器默认站点主目录的物理存储位置一致。

（ 3 ）接着测试站点及完成站点定义 提示： 第 1 步操作输入“ pub 服务器行为运行的必要组件。 DreamweaverCtrls.dll 文件名称及其所在目录 bin 名称不能更改，并且 bin 文件夹必须保存在站点的根目录下。

本书第 75 例至第 90 例将以该站点进行网络应用程序开发。 （ 3 ）如果在“ c:Intepub_client ”文件，请将“光碟 源文件 实例 2aspnet_client ”文件夹复制到“ c:Intepub_client ”文件在安装 .NET 框架时，默认情况下安装到“ c:Intepubwwwroot ”文件夹下（系统盘为 C 盘时）。 构建好了开发环境，在 Dreamweaver 中建立好站点之后，可以说是网络应用程序的加工厂的构建完毕，可以加工各种产品——网页、网络应用程序等等。

在 Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。这里所讲的建立站点，其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。

定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开。

分数很高嘛，这个得细细说了：

你下的版本不错，新版本就是好用~

Adobe Dreamweaver，简称DW，英文翻译是“编织梦想”；

网络三剑客之一（网络三剑客 也叫“梦之队”），我个人觉得还是比较复杂的，我的意思是比较其它同门软件，比如photoshop,flash,fireworks,

现在我是Dreamweaver的爱用者，学习的过程中发现要记的东西蛮多，还好，我有点英语基础，不会那么枯燥

如果你很有心，需要做好准备，基础教程多看几遍，学习嘛，从模仿开始，然后，加些无聊的QQ群，跟群里的人探讨一些，多用用百度知道~

坚持才是硬道理~祝你早日学成~