dreamweaver新手教程,Dreamweaver CS5中文版基础教程的目录

dreamweaver新手教程,Dreamweaver CS5中文版基础教程的目录详细介绍

本文目录一览： 如何用dreamweaver制作网页？dreamweaver的使用教程？

你知道dreamweaver软件是怎么用的吗？首先，需要了解一下dreamweaver是什么软件？其实，简单来说，dreamweaver是一款编程软件，能用来写代码，IT工程师们离不开它。而且，它和PS一样，都是Adobe公司推出的。DW就是dreamweaver的简称，它是集网页制作和管理网站于一身的所见即所得网页代码编辑器。下面用Dreamweaver演示制作网页的方法。想学编程可以上哦，这里有C语言，Java语言的教程，从入门到精通，适合每一个想学的新手。
Dreamweaver演示制作网页的教程：
1.将需要制作的图片拖入PS，【显示标尺快捷键：Ctrl+R】将标尺拖入图片将图片分为四份。
2.【保存切片快捷键：Ctrl+Shift+Alt+S】文件格式选择HTML和图像，然后将图片上传到千牛后台，具体
3.打开DW，拖入刚刚保存的HTML文件，复制第一张图片空间的链接并粘贴到DW，这样第一张图片就做好了，使用次方法依次将第二，三四张图片拖入DW。
4.为网页添加全屏代码，【新建文档快捷键：Ctrl+N】粘贴全屏代码，代码分天猫全屏和淘宝全屏，使用哪个就粘贴哪个。
5.回到PS查看【图像大小快捷键：Alt+Ctrl+I】，将高度复制并粘贴到DW，将已更新完网址的代码复制并粘贴到图片的位置，具体
6.现在添加热点，选中图片将属性选框里的目标一栏改为blank，将选框复制并粘贴到其它的图片上。
7.接下来添加链接，将需要的添加的链接复制，回到DW选择一个热点，将链接粘贴到属性栏里，使用此方法将所有的热点链接制作完成并检查是否有误。
8.回到DW，在代码的界面使用【查找和替换快捷键：Ctrl+F】，复制DW去除蓝框的两个代码，分别复制到查找和替换中，选择【替换全部】即可消除蓝框。
9.在DW中将代码复制，打开千牛后台的店铺装修，点击返回旧版并选择PC端，打开首页点击图标中的编辑，将代码粘贴后点击发布即可完成制作。
10.效果图如图所示.以上就是dreamweaver制作网页的整个操作过程了，你学会了吗？总体来说，dreamweaver的教程还不算是太难，它功能强大，制作适用于各种浏览器或设备的网站；有时候，我们看到很炫酷的网站都是用它来完成的哦！
以上就是本文的全部内容，希望对大家的学习有所帮助，。
-->

dw软件使用教程：教你使用dw软件怎么运行代码！

网站网页设计，就选：DreamWeaver！
DreamWeaver，是一个专门应用于网页制作和管理网站的网页代码编辑器！利用DreamWeaver可以针对于HTML、css、JavaScript等等的代码进行设计编辑，目前的设计人员、开发人员、程序员都是在使用DreamWeaver在进行工作！
要知道，开发人员、程序员的工作前景是十分广阔的！因此吸引了不少人都来学习DreamWeaver！下面简单教一下大家如何使用dw软件运行代码啦~
1、首先就是将DreamWeaver（dw软件）打开，在界面顶部栏目找到“站点”，点击进去选择“管理站点”
2、然后新建一个站点，新建站点的时候要将站点存放于www目录底下，要不然后期是无法打开网页查看效果的！站点名称的话，可以自行设置
3、点击“服务器”，新建一个服务器，自定义服务器名称、本地连接、服务器文件夹存放于：D:phpAppServwwwMyPhp,服务器模型选择为：PHPMySQL，点击保存
4、新建一个PHP文件
5、在php文件界面输入代码，代码编辑完成
6、运行代码，可以直接在dw软件的视图功能处运行查看代码网页的效果，也可以保存之后到文件夹里面点击进去进入页面去查看~
好了，关于“dw软件怎么运行代码”这里就做了一个简单的操作过程讲解，希望能够简简单单的为大家理清一个dw软件使用头绪，想要学习更多的dw软件操作知识的话，那么就上（

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

学习一下html语言，然后既可以用Dreamweaver可视化网页开发软件设计简单的纯静态网页了，当然随着深入的建站学习，还要学习JavaScript以及div+css布局等等，以及接触到后台的时候还有php等语言，以及数据库的设计
这个是一个比较复杂的过程，你得会程序语言。
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键，再拖动角上的点，可以使图片保持宽高比例拉伸。如要恢复这原始大小，则单击右下角的“重设大小”按钮。

网页制作教程

制作网页的软件有很多，小编就简单的用Dreamweaver教制作一个简单的网页。
工具原料电脑Dreamweaver
方法/步骤分步阅读
1
/12
下载Dreamweaver软件，安装完成后并打开。（版本不一样打开的界面也不一样）
2
/12
然后在左上角点击【文件】-【新建】
快捷键是Ctr+N
3
/12
点【新建】后进入这个界面，一般情况就不要调什么了，直接确定就好了。
4
/12
左上角就看到新建的页面完成了，然后在右上有【代码】【拆分】【设计】
新手就选择【设计】比较简单点。
5
/12
然后在页面输入文字（以百度经验为例）
6
/12
然后选中文字，在下边会出现属性的功能窗口，在下边链接的框内输入网址（网址必须p>如果没有，就点上边的【窗口】-【属性】。
7
/12
输入为后按回车键，文字就会变颜色。
8
/12
然后在下边【属性】里的【文档标题】框给网页命名。
9
/12
完成后就点击【文件】-【储存为】。
10
/12
保存的位置自己选择，记得重命名。（保存位置以桌面为例）
11
/12
保存后桌面就有这个【百度经验】命名的网页文件。
12
/12
双击打开，在浏览器上会看到刚制作的文字。
点击网页上的【百度经验】就会跳转到下一个页面。
制作网页时输入的链接不错的话，就能成功的跳到【百度经验】的首页。

dreamweaver下拉框怎么做？【dreamweaver下拉框教程】

dreamweaver制作下拉框教程：
1、打开一个Dreamweaver项目。双击该项目的文件。如果要创建新的Dreamweaver项目，则可以打开Dreamweaver，依次单击“文件”，“新建”，然后按照屏幕上的提示进行操作。
2、创建一个有序列表。为了创建一个下拉菜单，您必须至少有一个项目符号项。您可以通过以下方法关闭CSS（单击“查看”菜单项，选择“样式渲染”，然后单击“显示样式”，如果已选中，则单击“显示样式”），单击要添加该点的位置，单击“项目符号”图标窗口，然后输入点的名称。然后，您应该先打开CSS，然后再继续。
此处的点名称将用作下拉菜单的激活器（例如，悬停或轻击以打开下拉菜单的按钮）。
如果您已经有要转换为下拉菜单的列表项，请跳过此步骤。
3、确定您的列表名称。单击“代码”选项卡，并确保您位于“源代码”设置上，然后向下滚动到已排序列表的代码（该代码将位于“

”标记和“

”标记之间）。顶部“

”标签上方的“

”标签。引号中的单词是您列表的名称。[1]

如果看不到名称，请在标签上方直接插入标签

（名称是列表的首选名称）

。

4、删除项目符号点。通过单击“设计”选项卡，然后单击窗口右上角的“CSS设计器”选项卡，确保您在正确的位置，然后执行以下操作：

单击“选择器”标题右侧的+。

键入#nameul其中“名称”是列表名称的地方。

按_Enter两次。

向下滚动并在CSSDesigner选项卡底部的窗格中单击list-style-type。

在出现的弹出菜单中单击无。

5、更改您的排序列表以水平显示。为此：

单击“选择器”标题右侧的+。

键入#nameli其中“名称”是列表名称的地方。

在“CSS设计器”选项卡底部的窗格中找到“浮动”标题。

单击“浮动”标题右侧的向左按钮。

6、为您的列表添加一个活动标签。单击“选择器”右侧的+按钮，然后键入#namea（其中“名称”是列表名称），然后按_Enter两次。

7、添加背景色。如有必要，选择#nameaitem，然后单击CSSDesigner窗格顶部的框形“Backgroundcolor”选项卡，选择background-color选项，然后选择要使用的背景色。

这是下拉列表项将使用的颜色。

8、使您的列表项使用“阻止”格式。这种格式可确保当有人单击或单击列表中的项目时，他们可以通过在项目上方或下方略微选择来打开它，而不必精确选择文本：

确保在CSS设计器标签中选择了您的#name项目。

向下滚动到窗格中的“显示”标题。

单击“显示”标题的最右侧，然后在出现的菜单中单击“阻止”。

9、如有必要，添加填充。如果您发现列表项彼此卡住，则可以通过执行以下操作在它们之间放置一些空间：

确保在CSS设计器标签中选择了您的#name项目。

向下滚动到窗格中的“填充”标题。

将顶部和底部的“px”文本字段更改为至少读取5。

将左右“px”文本字段更改为至少读取10。

10、创建悬停颜色。当您将鼠标光标悬停在下拉菜单中的某个项目上时，将显示以下颜色：

单击“选择器”标题右侧的+。

输入#navea:hover（其中“名称”是列表名称），然后按_Enter两次。

点击“背景色”标签。

选择背景色，然后选择比您使用的背景色浅的颜色。

11、关闭CSS。单击“查看”菜单项，选择“样式渲染”，然后在弹出窗口中单击“显示样式”选项。

如果“显示样式”选项显示为灰色，请单击Dreamweaver文档中的任意位置，然后重试。

12、创建下拉菜单内容。为此，您可以在要用作下拉菜单按钮的项目符号点下方添加子点：

单击要转换为下拉菜单的列表项目右侧的，然后按_Enter。

按。Tab_

输入第一个下拉菜单项的名称，然后按_Enter。

输入下一个下拉菜单的名称，然后按_Enter并根据需要重复。

13、将下拉菜单内容绑定到项目符号项。为此：

单击“选择器”旁边的+，然后键入#nameulul并按_Enter两次。

向下滚动并单击显示，然后在弹出菜单中单击无。

查找并单击位置，然后在弹出菜单中单击绝对。

14、自行创建下拉菜单。您必须添加另一个选择器来执行此操作：

单击“选择器”旁边的+，然后键入#nameulli:hover>ul并按_Enter两次。

查找并单击显示，然后在出现的弹出菜单中单击阻止。

15、使下拉菜单的内容垂直显示。默认情况下，下拉菜单内容将显示在水平栏中，但是您可以通过执行以下操作将其强制为垂直列：

单击“选择器”旁边的+，然后键入#nameululli并按_Enter两次。

找到“浮动”标题。

单击“浮动”标题右侧的“无”（）选项。

16、保存您的项目。按Ctrl+S（Windows）或_Command+S（Mac）。

如果为此项目创建了新的Dreamweaver文件，则需要输入名称，选择保存位置，然后单击“保存”以保存文件。
如何用Dreamweaver制作网页表格

　　1、在插入栏中选择
　　按钮或“插入”菜单>选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行：2。列：2。其余的参数都保留其默认值。。
　　Dreamweaver网页制作教程：表格设计
　　2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。（如下图）
　　Dreamweaver网页制作教程：表格设计
　　3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。（如下图）
　　Dreamweaver网页制作教程：表格设计
　　然后在展开的属性面板中选择合并单元格按钮（如下图红框所示）。将表格的单元格合并。如果要分割单元格，则可以用合并单元格按钮右边的按钮。
　　Dreamweaver网页制作教程：表格设计
　　合并结果如下图。
　　Dreamweaver网页制作教程：表格设计
　　4、用鼠标拖拽表格的边框调整到适当的大小。
　　5、单击左边的单元格，然后输入“摄影作品赏析”文字，并调整大小，因是竖排应每个字回车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。
　　6、在右边上下单元格内分别插入图片和文本。页面的基本样子有了。
　　Dreamweaver网页制作教程：表格设计
　　7、光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0，边框在编辑状态，为虚线显示，浏览时就看不见了。
　　一个符合要求的页面在表格的帮助下做好了。
　　通过上面的操作我们对于表格有了一个初步的认识。还要提示一点，对整幅表格操作和对一个单元格操作的时候，相应的属性面板是不同的。
　　表格颜色设置，选择整幅表格后，利用属性面板的颜色选择器设置背景色。单元格也可单独设置。鼠标在需要设置的单元格点一下，其余操作同上。
　　下面我们就来看看这些属性面板的区别。
　　表格的属性面板，要出现这个面板必须先选中整幅表格，方法上面已经提到过了。您可以在众多选项中填入需要的参数。如下图：
　　Dreamweaver网页制作教程：表格设计
　　选中了单元格之后属性面板就发生如下变化了。选择行或者列都属于选中单元格。如下图：
　　Dreamweaver网页制作教程：表格设计
　　对表格操作的几种常用方式：
　　合并：将选中的连续单元格合并成为一个单元格。
　　分割：将一个单元格分割成若干单元格。
　　水平对齐方式：分为（左）（中）（右）三种。
　　垂直对齐方式：分为（顶）（居中）（居底）（基线对齐）
　　表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项>>选择“插入行或列”。系统会弹出对话框如下。
　　Dreamweaver网页制作教程：表格设计
　　在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法：
　　选中一行，把光标移到该行的最左边单元格的左面，光标会变成箭头状。单击就可以选中一行。
　　选中一列，把光标移到该列的最上边单元格的上面，光标会变成箭头状，然后单击可以选中一列。
　　选中整张表格，把光标移到表格的左上角或右边框或下边框线上。单击即可选中整幅表格。选中的表格会在周围出现一个黑框表示整张表格选中了。请看如下示意：
　　选中单元格。单元格可以同时选中多个。选择连续的单元格，光标先选中的一个单元格，按shift键不放，选取最后一个单元格。选不连续的单元格。按住Ctrl键，点取所需要的单元格即可。
　　我们对于表格的使用就讲到这里，表格是网页制作的基本技术，只有通过不断实践才能充分掌握。
要想用Dreamweaver来制作网页，首先要安装Dreamweaver网页制作的工具，那是必备的哦，可以去官网里面去下载即可。第一步是打开Dreamweaver工具；
然后在Dreamweaver选项的中，选择新建一个Html文件，这个是制作网页的前提哦；
进入Dreamweaver主界面后，我们可以看到自动生成的标题、头、身体的相关的代码的出现，这个是软件自动生成的，可以直接使用的；
在Dreamweaver代码的主界面中，在代码、拆分、设计这三个选项卡中，选择拆分，因为这样可以更好的看到代码与相关设计的表格的调整的问题；
然后选择插入中的表格的选项，这个是用来选择表格的选项的；
选择表格的选项框出现后，然后根据个人的需要，可以选择表格的行与列，还可以选择相关的标题、摘要，那我们就选择五行五列吧；
当我们点击确定后，就能够看到左边的代码区域，右边的相关表格的区域；
表格制作好后，可以根据个人的需要对表格进行调整大小，我们可以通过鼠标的拖动来调整表格的大小；
我们还可以在代码中调整网页表格的大小，对表格的长与宽进行相关的调整，可以修改长与宽的值的大小；
最后一定要记得保存哦，保存的文件是以html为后缀名的哦；
文件保存好后，可以在Dreamweaver页面中按F12来浏览你做好的网页表格，很简单吧；

如何用Dreamweaver制作网页表格

工具原料：
硬件：电脑一台。
软件：Dreamweaver。
1、打开软件Dreamweaver创建项目。
2、点击插入-表格。（快捷键ctrl+Alt+T）。
3、最后根据布局表格插入对应的背景图等设计操作即可。
表格做网页是为了方便排版和定位，其实就是整页是一个表格，只不过表格的表框宽度为0，所以表格框架为不可见的，然后在相应的单元格填充图片或者文章标题，因为表格的单元格有百分比这样的属性，这样在网页放大放小的时候不至于导致网页内元素的混乱。至于具体怎么做，其实就是插入一个表格，按照你自己的要求合并好单元格，然后填好需要的内容，再将表格的框架宽度设为0就可以了
　1、在插入栏中选择
　　按钮或“插入”菜单>选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行：2。列：2。其余的参数都保留其默认值。。
　　Dreamweaver网页制作教程：表格设计
　　2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。（如下图）
　　Dreamweaver网页制作教程：表格设计
　　3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。（如下图）
　　Dreamweaver网页制作教程：表格设计
　　然后在展开的属性面板中选择合并单元格按钮（如下图红框所示）。将表格的单元格合并。如果要分割单元格，则可以用合并单元格按钮右边的按钮。
　　Dreamweaver网页制作教程：表格设计
　　合并结果如下图。
　　Dreamweaver网页制作教程：表格设计
　　4、用鼠标拖拽表格的边框调整到适当的大小。
　　5、单击左边的单元格，然后输入“摄影作品赏析”文字，并调整大小，因是竖排应每个字回车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。
　　6、在右边上下单元格内分别插入图片和文本。页面的基本样子有了。
　　Dreamweaver网页制作教程：表格设计
　　7、光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0，边框在编辑状态，为虚线显示，浏览时就看不见了。
　　一个符合要求的页面在表格的帮助下做好了。
　　通过上面的操作我们对于表格有了一个初步的认识。还要提示一点，对整幅表格操作和对一个单元格操作的时候，相应的属性面板是不同的。
　　表格颜色设置，选择整幅表格后，利用属性面板的颜色选择器设置背景色。单元格也可单独设置。鼠标在需要设置的单元格点一下，其余操作同上。
　　下面我们就来看看这些属性面板的区别。
　　表格的属性面板，要出现这个面板必须先选中整幅表格，方法上面已经提到过了。您可以在众多选项中填入需要的参数。如下图：
　　Dreamweaver网页制作教程：表格设计
　　选中了单元格之后属性面板就发生如下变化了。选择行或者列都属于选中单元格。如下图：
　　Dreamweaver网页制作教程：表格设计
　　对表格操作的几种常用方式：
　　合并：将选中的连续单元格合并成为一个单元格。
　　分割：将一个单元格分割成若干单元格。
　　水平对齐方式：分为（左）（中）（右）三种。
　　垂直对齐方式：分为（顶）（居中）（居底）（基线对齐）
　　表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项>>选择“插入行或列”。系统会弹出对话框如下。
　　Dreamweaver网页制作教程：表格设计
　　在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法：
　　选中一行，把光标移到该行的最左边单元格的左面，光标会变成箭头状。单击就可以选中一行。
　　选中一列，把光标移到该列的最上边单元格的上面，光标会变成箭头状，然后单击可以选中一列。
　　选中整张表格，把光标移到表格的左上角或右边框或下边框线上。单击即可选中整幅表格。选中的表格会在周围出现一个黑框表示整张表格选中了。请看如下示意：
　　选中单元格。单元格可以同时选中多个。选择连续的单元格，光标先选中的一个单元格，按shift键不放，选取最后一个单元格。选不连续的单元格。按住Ctrl键，点取所需要的单元格即可。
　　我们对于表格的使用就讲到这里，表格是网页制作的基本技术，只有通过不断实践才能充分掌握。

Dreamweaver网页制作教程：层及其应用

层（Layer）是一种 HTML 页面元素，您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先，请看下图：我们首先来做一个层1、在「窗口」菜单＞选“层”，或点「插入」菜单＞布局对象＞选“层”。2、在页面中显示一个层。3、通过周围的黑色调整柄拖动控制层的大小4、拖动层左上角的选择柄可以移动层的位置。5、单击层标记可以选中一个层。6、在层中可以插入其他任何元素包括图片文字链接表格等。一个页面中可以画出很多的层，这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单＞选“层”打开。这里我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数。单击层面板列表的左边，可以打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。层还有一个概念就是层数，层数决定了重叠时哪个层在上面哪个层在下面。　比如层数为2的层在层数为1的层的上面。改变层数就可以改变层的重叠顺序。层面板上面还有一个参数就是防止层重叠。一旦选中，页面中层就无法重叠了。层还有一种父子关系也就是隶属关系。在层面板中是这样表示的。要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖拽到父层即可。［层和表格之间转换］由于层在网页布局上非常方便，所以，一些人可能不喜欢使用表格或“布局”模式来创建自己的页面，而是喜欢通过层来进行设计。Dreamweaver MX 2004可以使用层来创建自己的布局，然后将它们转换为表格。在转换为表格之前，请确保层没有重叠。请执行以下操作：选择“修改”＞“转换”＞“层到表格”。即可显示“转换层为表格”对话框。选择所需的选项。单击“确定”。“转换”＞“表格到层”。即可显示“转换表格为层。对话框。选择所需的选项。单击“确定”。层及应用我们就简单介绍到这里。

Dreamweaver CS5中文版基础教程的目录

目　录第1章　Dreamweaver CS5网页设计基础　11.1　网页设计基础　11.1.1　网页设计的发展历史　11.1.2　网页的基本概念　31.1.3　网页设计的基本流程　51.2　认识HTML语言　61.2.1　HTML的基本概念　71.2.2　常用HTML的标签　81.2.3　典型实例——设计“滚动图片展示”网页　101.3　Dreamweaver CS5网页设计基础　131.3.1　Dreamweaver CS5的操作基础　131.3.2　典型实例——设计“公司宣传”主页　151.4　使用技巧——应用HTML模板快速创建网页　231.5　课后习题　25第2章　添加基础页面元素　262.1　添加网页文本　262.1.1　文本的添加和编排方法　262.1.2　典型实例——设计“公司简介”网页　352.2　添加图像　392.2.1　图像的添加和编辑方法　402.2.2　典型实例——设计“宠物乐园”网页　492.3　综合实例——设计“花花世界”首页　512.4　使用技巧——通过复制粘贴创建网页　542.5　习题　54第3章　添加高级页面元素　553.1　添加多媒体　553.1.1　多媒体添加和编辑方法　553.1.2　典型实例——设计“在线影院”网页　613.2　添加超链接　633.2.1　超链接添加和编辑方法　633.2.2　典型实例——设计“儿童乐园”网站　743.3　综合案例——设计“523音乐网”　773.4　使用技巧——检查与修复链接　793.5　习题　80第4章　应用表格　814.1　应用表格排版网页　814.1.1　表格的基本操作方法　814.1.2　典型实例——设计“绿色行动”网页　884.2　应用表格布局网页　924.2.1　表格布局的操作方法　924.2.2　典型实例——设计“房产中介”网页　964.3　综合实例——设计“产品销售”网页　1054.4　使用技巧——使用CSS制作个性化表格　1114.5　习题　112第5章　应用框架　1135.1　应用框架布局网页　1135.1.1　框架的基本概念和操作　1135.1.2　典型实例——设计“广告公司”网站　1215.2　综合实例——设计“游戏论坛”网站　1245.3　使用技巧——嵌入式框架的应用方法　1295.4　习题　131第6章　应用Div和CSS　1326.1　应用Div　1326.1.1　Div的基本概念和操作　1326.1.2　典型实例——设计“搜索网”　1426.2　应用CSS　1466.2.1　CSS基础知识　1466.2.2　应用CSS表美化网页　1496.2.3　典型实例——设计“装饰公司”网页　1566.3　综合案例——设计“汽车公司”网页　1606.4　使用技巧——设置AP层的透明度　1656.5　习题　166第7章　应用表单　1677.1　创建表单　1677.1.1　创建表单的操作方法　1677.1.2　典型实例——设计“平民社区”网页　1757.2　验证表单　1797.2.1　验证表单的操作方法　1797.2.2　典型实例——设计“平民社区02”网页　1817.3　综合案例——设计“信息反馈”网页　1837.4　使用技巧——使用CSS代码美化表单　1857.5　习题　185第8章　应用行为　1868.1　应用Dreamweaver CS5内置行为　1868.1.1　认识行为的基本概念　1868.1.2　典型案例——设计“信息发布网”　1888.2　第三方JavaScript库的支持　1988.2.1　安装与应用插件　1988.2.2　典型案例——设计“汽车销售网”　2028.3　综合案例——设计“儿童摄影展”首页　2048.4　使用技巧——使用“交换图像”行为制作相册效果　2078.5　课后习题　208第9章　应用Spry　2099.1　应用Spry组件　2099.1.1　初识Ajax和Spry　2099.1.2　创建Spry组件的方法　2099.1.3　定义XML数据集　2139.1.4　使用XML数据集　2159.1.5　典型实例——设计“用户信息注册”网页　2169.2　使用技巧——使用Spry重复项功能　2219.3　习题　222第10章　制作动态网页　22310.1　ASP基础　22310.1.1　搭建IIS服务器　22310.1.2　ASP的基础语法　22510.2　操作数据库　22610.2.1　访问数据库　22610.2.2　案例剖析——设计“动态留言板”　22710.3　综合实例——设计“新闻发布系统”　23710.3.1　定义站点并创建数据库连接　23710.3.2　制作前台页面　24010.3.3　制作后台管理页面　25110.4　使用技巧——快速创建虚拟目录　25910.5　习题　260第11章　Dreamweaver CS5实战演练　26111.1　表格布局案例设计　26111.1.1　设计图分析　26111.1.2　在Photoshop中切片　26311.1.3　在Dreamweaver中制作网页　26511.1.4　网站测试　27611.2　Div+CSS布局案例设计　27811.2.1　设计图分析　27811.2.2　使用Photoshop切片　27911.2.3　使用Dreamweaver制作网页　28211.2.4　网站的测试　300