weaver

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像素，并设置一个背景色（即所要的线条颜色）。3、切换到代码和设计窗口，将代码<td> 删除。七、用表格构建完整的页面一网页顶部（一般包括图标、广告、导航菜单）1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。6、选中刚创建的表格，设置排列方式为居中对齐，背景色为#005173。7、在该表格中依次插入多个图像，作为导航条菜单。二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）1、 在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为#FFFFFFF。2、 将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。3、 将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为#CCCCCC。4、 将光标放在表格第一个单元中，设置其高为20，背景色为#FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。5、 将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。6、 将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为#CCCCCC。7、 将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为#FFFFFF。8、 将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。9、 将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为#CCCCCC。10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为#FFFFFF。11、选中第2、4、6单元格，设置其高为6，背景色为#FFFFFF。12、切换到源代码窗口，将第2、4、6单元格中的空格符号“ ”删除。三网页底部（一般包括版权信息及其他相关内容）1、 将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。2、 选中表格，设置排列方式为居中对齐，背景色为#3366CC。3、 将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为#FFFFFF，然后输入版权信息，内容颜色随便。4、 将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和#FFFFFF。5、 插入/表单对象/文本域，插入一个文本域，宽度可以随意。6、 插入/图像，插入一个GO的图像。7、 设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。***将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、 单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。2、 先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。3、 就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。4、 再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。5、 返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。****注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。 九、层的使用1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。****如不设置颜色时，层是透明的。4、点中层左上角的小方框可以随意拖动层，大小也可以调节。5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。

Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto" 作为网页预览。

Dream weaver cc 2019最新版视频教程，地址：https://m.ke.qq.com/course/459861?tuin=21c1b90&_bid=167&_wv=2147487745#from=courseDetail

AdobeDreamweaverCC2017(dwcc2017)是一款非常受欢迎的网页设计软件，可以帮助我们更好地完成网页设计。那么，在windows7系统下，我们该如何安装和使用Dreamweavercc2017呢？下面，就随小编看下具体方法。具体如下：1、双击文件夹里的安装程序进行安装；2、安装时建议断网安装，联网时需要输入id帐号，以下是软件安装等待界面；3、安装完成后如果跳出登录，选择以后登录，这时打开补丁程序；4、选择“DreamweaverCC2017”，然后点击下方的install；5、弹出选择框,选择DreamweaverCC2017安装目录中的“amtlib”，点击打开；6、出现“ok”字样既是安装完成，打开软件--》帮助--》查看“AMTEmubyPainter”，灰色状态即说明补丁安装成功！Dreamweavercc2017安装和使用方法就为大家介绍到这里了。对此也感兴趣的windows7系统用户，不妨按照上面小编的步骤试着操作看看！

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像素，并设置一个背景色（即所要的线条颜色）。　　3、切换到代码和设计窗口，将代码<td> 删除。　　七、用表格构建完整的页面　　一网页顶部（一般包括图标、广告、导航菜单）　　1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。　　2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。　　3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。　　4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。　　5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。　　6、选中刚创建的表格，设置排列方式为居中对齐，背景色为#005173。　　7、在该表格中依次插入多个图像，作为导航条菜单。　　二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）　　1、 在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为#FFFFFFF。　　2、 将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。　　3、 将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为#CCCCCC。　　4、 将光标放在表格第一个单元中，设置其高为20，背景色为#FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。　　5、 将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。　　6、 将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为#CCCCCC。　　7、 将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为#FFFFFF。　　8、 将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。　　9、 将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为#CCCCCC。　　10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为#FFFFFF。　　11、选中第2、4、6单元格，设置其高为6，背景色为#FFFFFF。　　12、切换到源代码窗口，将第2、4、6单元格中的空格符号“ ”删除。　　三网页底部（一般包括版权信息及其他相关内容）　　1、 将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。　　2、 选中表格，设置排列方式为居中对齐，背景色为#3366CC。　　3、 将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为#FFFFFF，然后输入版权信息，内容颜色随便。　　4、 将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和#FFFFFF。　　5、 插入/表单对象/文本域，插入一个文本域，宽度可以随意。　　6、 插入/图像，插入一个GO的图像。　　7、 设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。　　***将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。　　八、用布局表格构建完整的页面　　1、 单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。　　2、 先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。　　3、 就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。　　4、 再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。　　5、 返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。　　****注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。　　九、层的使用　　1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。　　3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。　　****如不设置颜色时，层是透明的。　　4、点中层左上角的小方框可以随意拖动层，大小也可以调节。　　5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。　　6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。　　7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。　　8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。

做网页设计，一般要配合ps做图片处理，flash做动画

Dreamweaver制作网页的十三种技巧:1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”javascript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 6、巧妙隐藏标签 如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板，在Category中选中Invisibel Elements，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。 7、善用拖放技巧 我们在使用Dreamweaver编辑网页的时候，经常需要插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口，以腾出空间来显示Explorer窗口，找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图象的url添加到文件的HTML代码中，当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。8、自动设置更新时间 我们知道一个网页要想获得更多的回头率，一个很重要的一条就是要不断更新。但对于我们这些个人网页来说，要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新，下面就提供一个能自动更新修改时间的源代码，我们只要把这段源代码添加到…之间就能实现更新时间的目的了： <BODY>…</BODY>之间加入如下代码： <script Language="javascript"> <!-- document.write("Last Updated:"+document.lastModified); --> </script> 9、巧妙复制文字 在几个不同的应用程序中间相互复制文字，是我们在实际工作中可能要常做的事情。但是，如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候，HTML代码和文字将一起被复制过去了，那么我们该如何才能只把编辑区中的文字复制下来呢？我们知道，通常复制时都用快捷键 Ctrl - C 来操作，如果我们在复制的时候多按一个C键，那么Dreamweaver将只会复制选中的文字了。 10、善用快捷键 为了提高操作的效率，我们可以在Dreamweaver中使用快捷键，例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式： Ctrl-0: 无格式 Ctrl-T: 段落 Ctrl-1: 标题 1 Ctrl-2: 标题 2 Ctrl-3: 标题 3 Ctrl-4: 标题 4 Ctrl-5: 标题 5 Ctrl-6: 标题 6 11、自动关闭网页 如果我们希望自己的网页在指定的时间内能自动关闭，不妨在网页源代码中的标签后面加入如下代码： 以下是引用片段： <html> <head> <object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Close"> </object> </head> <body onload="setTimeout("closes.Click();",10000)"> <a href="#" onclick="closes.Click();">关闭窗口无提示</a> </body> </html> 12、巧妙设置对象名称 我们在用Dreamweaver来制作非常复杂的效果时，有可能需要经常重复地使用某一个或者多个对象，例如我们经常需要定位某个特定的表格、图象等，如果我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可能很麻烦或者容易出错。为了能够方便调用这些对象，我们应该在每创建一个新的对象时，都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时，我们可以通过对象的“属性”面板来操作就行了。 13、为图象链接增加动态效果 有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，随后选择“swap image”，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。

这里的语言指的是动态网页的语言！一般的网页当然是HTML语言，但是现在公司多数用动态的语言来做网站。其中包括ASPPHPASP.NETJSP，ASP的意思就是activeserverpage,是一种用VBSCRIPT编写的动态页面。PHP意思是HypertextPreprocessorPage，是用PHP语言编写的动态页面。ASP.NET是用C#语言编写的JSP是javaseverpage的意思，是用java语言编写的。现在厉害的公司大公司就用JSP做网站，安全性高！而且JSP网站开发起来很难！所以如果人家知道你的公司是用JSP做网站的话肯定对你们另眼相看。其次的就是ASP.NET，很多公司都用，这几者中最差的就是ASP,所以宁可说自己的网站是用HTML做的静态网站也别说是用ASP做的，因为目前的动态网站中ASP已经被淘汰了！PHP用的人也很多，适合中小型的企业公司用，速度快，而且与数据库mysql搭配起来真的很厉害！！

DreamWeaver主要就是做WEB前台应用的功能很强大而且修改完直接就能看到效果是现在同类产品最流行的了不知道我的回答你满意不~?

CS6最稳定，也是功能最饱和的，后面的功能强大但是不够轻量化，6以下CS的不够稳定，8.0又太老了，迭代。我的mac用CS6时需要装java6的运行环境。apple官方提供了这个插件。说明用CS6的还是最多的。体验最好。

用Dreamweaver套用网站源代码制作网页方法：一、定义站点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像素，并设置一个背景色（即所要的线条颜色）。3、切换到代码和设计窗口，将代码<td>删除。七、用表格构建完整的页面一网页顶部（一般包括图标、广告、导航菜单）1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。2、选中表格，设置排列方式为居中对齐，背景色为3366CC。3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。6、选中刚创建的表格，设置排列方式为居中对齐，背景色为005173。7、在该表格中依次插入多个图像，作为导航条菜单。二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）1、在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为FFFFFFF。2、将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。3、将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为CCCCCC。4、将光标放在表格第一个单元中，设置其高为20，背景色为FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。5、将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。6、将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为CCCCCC。7、将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为FFFFFF。8、将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。9、将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为CCCCCC。10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为FFFFFF。11、选中第2、4、6单元格，设置其高为6，背景色为FFFFFF。12、切换到源代码窗口，将第2、4、6单元格中的空格符号“”删除。三网页底部（一般包括版权信息及其他相关内容）1、将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。2、选中表格，设置排列方式为居中对齐，背景色为3366CC。3、将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为FFFFFF，然后输入版权信息，内容颜色随便。4、将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和FFFFFF。5、插入/表单对象/文本域，插入一个文本域，宽度可以随意。6、插入/图像，插入一个GO的图像。7、设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。2、先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。3、就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。4、再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。5、返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。****注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。九、层的使用1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。****如不设置颜色时，层是透明的。4、点中层左上角的小方框可以随意拖动层，大小也可以调节。5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。十、了解时间轴1、点击菜单中的插入/层，插入一个层。2、在层中插入图片，如一张飞机的图片。（这里的图片也可以是一张小动画的.gif图像）3、点击菜单中的窗口/其他/时间轴，打开时间轴窗口。4、选中页面上创建的层，用鼠标按住层左上角的小方框图标，将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。5、选中时间轴上的第1帧，将页面中的层拖放到页左上角，即动画开始时的位置。6、选中时间轴上第15帧，可以拖动该帧至任意长度，如30帧。7、选中第30帧，将层拖放到页面的右下方，此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)8、可以点中第15帧，右键选“增加关键帧”，在选中第15帧的状态下，拖动层到页面中下方。9、勾选“自动播放”项。总结：Dreamweaver是一款很强大的软件，里面有很多功能需要自己不断总结和摸索，熟悉之后就会很简单了。

dreamweaver是一款功能强大的网页制作软件.同样,网页制作软件是很多的.dreamweaver只适合制作大型网站.如果你做一个个人主页什么滴.本人推迟.frontpage这个软件.网页制作滴软件不少于10个.但是觉得小个人主页frontpage这个软件这个软件最快..最好用..

它的工作界面包括：标题栏、菜单栏、插入面板组、文档工具栏、文档窗口、状态栏、属性面板和浮动面板组。 1.标题栏 启动Macromedia Dreamweaver 8.0后，标题栏将显示文字Macromedia Dreamweaver 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。 2.菜单栏 Dreamweaver 8.0的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。 （1）文件：用来管理文件。例如新建、打开、保存、导入、转换、输出打印等。 （2）编辑：用来编辑文本。例如剪切、复制、粘贴、查找、替换以及首选参数设置等。 （3）查看：用来管理、切换视图模式以及显示、隐藏工具栏、标尺、网格线等辅助视图功能。 （4）插入：用来插入各种元素，例如图片、多媒体组件、表格、超链接等。 （5）修改：具有对页面属性及页面元素修改的功能，例如表格的插入、单元格的拆分、合并、对齐对象以及对库、模板和时间轴等的修改。 （6）文本：用来对文本的格式化操作等。 （7）命令：包含所有的附加命令项。 （8）站点：用来创建和管理站点。 （9）窗口：用来显示和隐藏控制面板以及各种文档窗口的切换操作。 （10）帮助：联机帮助功能。 3.插入面板组 插入面板组集成了所有可以在网页中应用的对象，包括“插入”菜单中的选项。插入面板组其实就是图标化了的“插入”菜单命令，如同其它应用软件中的常用工具栏，通过一个个图标化的按钮，使用户可以很容易的加入图像、声音、多媒体动画、表格、图层、框架、表单、Flash和ActiveX等网页元素，使各项操作更加简单快捷。 4.文档工具栏 “文档”工具栏中包含各种按钮，它们使用户可以在文档的不同视图间快速切换（如“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的“拆分”视图）。“文档”工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。 5.文档窗口 “文档”窗口显示编辑文档，是用来对各种网页元素进行编辑操作的主要场所，Dreamweaver 8.0提供了三种不同风格的文档窗口显示模式，用户可以根据需要任选一种视图并且可以随时切换和刷新。其中“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境；“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境；“代码和设计”视图是“设计”视图和“代码”视图的有机结合，提供了可以在单个窗口中同时看到同一文档的“代码”和最终在浏览器中看到的可视化效果功能。 6.属性面板 属性面板用来显示和编辑当前选定页面元素（如文本、图像等）的最常用属性。属性面板的内容因选定的元素不同会有所不同。因为属性面板并不是将所有文档窗口中页面元素的属性加载在面板上，而是根据选择的对象来动态显示其属性。例如，当前选择了一幅图像，那么属性面板上就出现该图像的相关属性；如果选择了文本，那么属性面板就会相应的变成文本的相关属性。 7.状态栏 状态栏用于显示当前编辑文档的其它有关信息。如文档的大小、估计下载时间、窗口大小、缩放比例和标签选择器等。 8.浮动面板组 其它面板如CSS、应用程序、文件、框架、历史记录等可以简称为浮动面板，这些面板根据功能被分成了若干组，它们都可以处在编辑窗口之外，可以使用拓展按钮展开，都可以通过“窗口”菜单中的命令有选择的被打开和隐藏。

站点就是一个文件夹，用来存放网页所用到的所有文件和文件夹，包括主页、子页、用到的图片、音频文件等等。站点分为本地站点和远程站点。本地站点就是存放在本地电脑里的那个文件夹，远程站点就是上传后存放在服务器上的那个文件夹。

我是下载了绿色版，直接解压就可以使用了。

Dreamweaver 是用来制作网页的静态网页的工具。ASP.NET 可以制作动态网页。你用Dreamweaver先来做你要的页面效果，应为它比较好布局，然后在跟着这个做

Dreamweaver是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。

dw排版本身就会生成很多垃圾代码如果你想从事前端开发的话就尽量不要用dw通过拖拽操作生成网页，多看看相关书籍，或者只用dw手写代码，当然它很方便，功能强大，如果只是想做做外包或者自己想做个东西玩玩的话就无所谓了。我比较喜欢notepad++，插件功能丰富，而且用起来感觉很舒服。

dreamweaver就是梦的编织者的意思!但是也是一种网页制作的软件 Dreamweaver是由Macromedia公司出品的所见即所得式网页编辑器，它同Microsoft出品的Frontpage一同被称为网页设计的两大利器。至于说这两种软件孰优孰劣，那就是仁者见仁、智者见智了，我在这里也不好评论。但是根据我的观察，专业的网页制作人员似乎使用Dreamweaver的更多一些，大家明白我的意思了吧：）DreamWeaver简称dw

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像素，并设置一个背景色（即所要的线条颜色）。　　3、切换到代码和设计窗口，将代码<td> 删除。　　七、用表格构建完整的页面　　一网页顶部（一般包括图标、广告、导航菜单）　　1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。　　2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。　　3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。　　4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。　　5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。　　6、选中刚创建的表格，设置排列方式为居中对齐，背景色为#005173。　　7、在该表格中依次插入多个图像，作为导航条菜单。　　二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）　　1、 在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为#FFFFFFF。　　2、 将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。　　3、 将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为#CCCCCC。　　4、 将光标放在表格第一个单元中，设置其高为20，背景色为#FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。　　5、 将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。　　6、 将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为#CCCCCC。　　7、 将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为#FFFFFF。　　8、 将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。　　9、 将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为#CCCCCC。　　10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为#FFFFFF。　　11、选中第2、4、6单元格，设置其高为6，背景色为#FFFFFF。　　12、切换到源代码窗口，将第2、4、6单元格中的空格符号“ ”删除。　　三网页底部（一般包括版权信息及其他相关内容）　　1、 将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。　　2、 选中表格，设置排列方式为居中对齐，背景色为#3366CC。　　3、 将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为#FFFFFF，然后输入版权信息，内容颜色随便。　　4、 将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和#FFFFFF。　　5、 插入/表单对象/文本域，插入一个文本域，宽度可以随意。　　6、 插入/图像，插入一个GO的图像。　　7、 设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。　　***将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。　　八、用布局表格构建完整的页面　　1、 单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。　　2、 先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。　　3、 就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。　　4、 再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。　　5、 返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。　　****注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。　　九、层的使用　　1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。　　3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。　　****如不设置颜色时，层是透明的。　　4、点中层左上角的小方框可以随意拖动层，大小也可以调节。　　5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。　　6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。　　7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。　　8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。

网页三剑客中专门做网页的东东！本身没有含义！

Dreamweaver的主要作用即 网页排版。一般与Photoshop（图像处理）和Flash（动画设计）结合，进行网站的前期设计排版。

1、按现在的浏览器的多样化，用表格制作网页用任何的正规浏览器打开都不会乱版！这是表格与DIV+CSS布局的一大优点！2、作用就是在表格里可以放入你想在网页中放入的任何元素！

dreamweaver网页制作步骤如下：一、定义站点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像素，并设置一个背景色（即所要的线条颜色）。3、切换到代码和设计窗口，将代码<td>删除。七、用表格构建完整的页面一网页顶部（一般包括图标、广告、导航菜单）1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。2、选中表格，设置排列方式为居中对齐，背景色为3366CC。3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。6、选中刚创建的表格，设置排列方式为居中对齐，背景色为005173。7、在该表格中依次插入多个图像，作为导航条菜单。二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）1、在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为FFFFFFF。2、将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。3、将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为CCCCCC。4、将光标放在表格第一个单元中，设置其高为20，背景色为FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。5、将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。6、将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为CCCCCC。7、将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为FFFFFF。8、将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。9、将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为CCCCCC。10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为FFFFFF。11、选中第2、4、6单元格，设置其高为6，背景色为FFFFFF。12、切换到源代码窗口，将第2、4、6单元格中的空格符号“”删除。三网页底部（一般包括版权信息及其他相关内容）1、将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。2、选中表格，设置排列方式为居中对齐，背景色为3366CC。3、将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为FFFFFF，然后输入版权信息，内容颜色随便。4、将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和FFFFFF。5、插入/表单对象/文本域，插入一个文本域，宽度可以随意。6、插入/图像，插入一个GO的图像。7、设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。***将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。2、先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。3、就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。4、再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。5、返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。九、层的使用1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。如不设置颜色时，层是透明的。4、点中层左上角的小方框可以随意拖动层，大小也可以调节。5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。十、了解时间轴1、点击菜单中的插入/层，插入一个层。2、在层中插入图片，如一张飞机的图片。（这里的图片也可以是一张小动画的.gif图像）3、点击菜单中的窗口/其他/时间轴，打开时间轴窗口。4、选中页面上创建的层，用鼠标按住层左上角的小方框图标，将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。5、选中时间轴上的第1帧，将页面中的层拖放到页左上角，即动画开始时的位置。6、选中时间轴上第15帧，可以拖动该帧至任意长度，如30帧。7、选中第30帧，将层拖放到页面的右下方，此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)8、可以点中第15帧，右键选“增加关键帧”，在选中第15帧的状态下，拖动层到页面中下方。9、勾选“自动播放”项。十一、制作滚动公告牌1、在页面上插入一个层，然后为层设置一个背景，作为公告版的框架。2、然后在创建的层中插入嵌套层，将嵌套层移动到父层的下方。3、在嵌套层中输入文本，并将其居中排列。4、打开时间轴面板，将子层作为对象添加到面板中。5、为子层创建一个向上移动的路径，将其移动到父层的上方。6、拖动最后一关键帧，增长动画时间，然后勾选“自动播放”和“循环”两项。7、选定父层，在其属性面板中将“溢出”属性设置为“hidden”。总结：dreamweaver是一款很强大的网页制作软件，还有很多功能和制作方法要自己不断地摸索，这样做出来的网页才会更加好

最简单的就用PS 设计好界面.再切图;其它都需要需要会HTML代码.

DreamWeaver常用的快捷键命令主要是以下这些，这也是我收集整理的DreamWeaver快捷键命令大全，仅供参考。 粘贴Ctrl+V 清除Delete 全选Ctrl+A 拷贝Ctrl+C 替换Ctrl+H 粘贴Ctrl+V 剪切Ctrl+X 重复Ctrl+Y 撤消Ctrl+Z 选择父标签Ctrl+Shift+< 选择子标签Ctrl+Shift+> 查找和替换Ctrl+F 查找下一个F3 启动外部编辑器Ctrl+E 参数选择Ctrl+U 标准视图Ctrl+Shift+F6 布局视图Ctrl+F6 工具条Ctrl+Shift+T 可视化助理Ctrl+Shift+I 标尺Ctrl+Alt+R 显示网格　Ctrl+Alt+G 靠齐到网格Ctrl+Alt+Shift+G 头内容Ctrl+Shift+W 页面属性　Ctrl+Shift+J 切换到设计视图Ctrl+Tab 打开快速标签编辑器Ctrl+T 切换断点　Ctrl+Alt+B 向上选择一行Shift+Up 向下选择一行Shift+Down 选择左边字符Shift+Left 选择右边字符Shift+Right 向上翻页　PageUp 向下翻页　PageDown 向上选择一页Shift+PageUp 向下选择一页Shift+PageDown 选择左边单词Ctrl+Shift+Left 选择右边单词Ctrl+Shift+Right 移到行首　Home 移到行尾　End 移动到代码顶部Ctrl+Home 移动到代码尾部Ctrl+End 向上选择到代码顶部Ctrl+Shift+Home 向下选择到代码顶部Ctrl+Shift+End 创建新段落Enter 插入不换行空格Ctrl+Shift+Spacebar 将选定项目添加到库Ctrl+Shift+B 在设计视图和代码编辑器之间切换Ctrl+Tab 段落格式Ctrl+Shift+P 应用标题1到6到段落Ctrl+1到6 加粗选定文本Ctrl+B 倾斜选定文本Ctrl+I 编辑样式表Ctrl+Shift+E 查找Ctrl+F 移动到下一单元格Tab 移动到上一单元格Shift+Tab 删除当前行Ctrl+Shift+M 插入列Ctrl+Shift+A 合并单元格Ctrl+Alt+M 拆分单元格Ctrl+Alt+S 选择下一框架或框架页Alt+右方向键 选择上一框架或框架页Alt+左方向键 选择父框架Alt+上方向键 选择子框架或框架页Alt+下方向键 添加新框架到框架页Alt+从框架边界拖动 使用推模式添加新框架到框架页Alt+Ctrl+从框架边界拖动 选择层Ctrl+Shift+点击 选择并移动层　Shift+Ctrl+拖动 从选择中添加或删除层Shift+点击层 创建层时切换嵌套设置Ctrl+拖动 切换网格显示Ctrl+Shift+Alt+G 靠齐到网格Ctrl+Alt+G 添加对象到时间轴Ctrl+Alt+Shift+T 添加关键帧Shift+F9 删除关键帧Delete 在外部编辑器中编辑图象Ctrl+双击图象 创建超链接Ctrl+L 删除超链接Ctrl+Shift+L 检查选定链接Shift+F8 检查整个站点中的链接Ctrl+F8 取出Ctrl+Shift+Alt+D 存回Ctrl+Shift+Alt+U 查看站点地图Alt+F8 刷新远端站点Alt+F5 查看站点文件F8 刷新本地栏Shift+F5 设为根Ctrl+Shift+R 链接到现存文件Ctrl+Shift+K 改变链接Ctrl+L 删除链接Delete 显示/隐藏链接Ctrl+Shift+Y 显示页面标题Ctrl+Shift+T 重命名文件F2 放大站点地图Ctrl++【plus】 缩小站点地图Ctrl+-【hyphen】 播放插件Ctrl+Alt+P 停止插件Ctrl+Alt+X 播放所有插件Ctrl+Shift+Alt+P 停止所有插件Ctrl+Shift+Alt+X 创建新的可编辑区域Ctrl+Alt+V 显示/隐藏标尺Ctrl+Alt+R 显示/隐藏网格Ctrl+Alt+G 捕捉到网格【开关】Ctrl+Alt+Shift+G 显示/隐藏引导线Ctrl+; 锁定/解锁引导线Ctrl+Alt+; 捕捉到引导线【开关】Ctrl+Shift+; 显示/隐藏切片引导线Ctrl+Alt+Shift+; 隐藏边界F9 显示/隐藏面板F4或Tab 新建立一个符号...Ctrl+F8 转换为符号...F8 设置为热点Ctrl+Shift+U 添加一个切片Alt+Shift+U 修剪画布Ctrl+Alt+T 扩充画布到所绘物体Ctrl+Alt+F 动画选择...Alt+Shift+F8 编辑位图Ctrl+E 退出位图模式Ctrl+Shift+E 反转选区Ctrl+Shift+I 转换成位图Ctrl+Alt+Shift+Z 精确变形...Ctrl+Shift+T 顺时针旋转90度Ctrl+9 逆时针旋转90度Ctrl+7 移到最上面Ctrl+Shift+↑ 向上移动一层Ctrl+↑ 向下移动一层Ctrl+↓ 移到最下面Ctrl+Shift+↓ 左对齐Ctrl+Alt+1 垂直居中对齐Ctrl+Alt+2 右对齐Ctrl+Alt+3 上对齐Ctrl+Alt+4 水平居中对齐Ctrl+Alt+5 底部对齐Ctrl+Alt+6 水平分布Ctrl+Alt+7 垂直分布Ctrl+Alt+9 连接所选物体Ctrl+J 分离连接的物体Ctrl+Shift+J 群组所选物体Ctrl+G 将群组的物体分成单个Ctrl+Shift+G 应用粗体字Ctrl+B 应用斜体字Ctrl+I 文字左对齐Ctrl+Alt+Shift+L 文字居中对齐Ctrl+Alt+Shift+C 文字右对齐Ctrl+Alt+Shift+R 文字分散对齐Ctrl+Alt+Shift+J 文字拉伸对齐Ctrl+Alt+Shift+S 将文本适合到路径Ctrl+Shift+Y 将文本转变成路径Ctrl+Shift+P 重复外部滤镜Ctrl+Alt+Shift+X 将位图的色彩反相Ctrl+Alt+Shift+I 新建立一个窗口Ctrl+Alt+N 打开/关闭工具选项命令面板Ctrl+Alt+O 打开/关闭图层命令面板F2 打开/关闭框架命令面板Shift+F2 打开/关闭历史命令面板Shift+F10 打开/关闭风格命令面板Shift+F11 打开/关闭符号库命令面板F11 打开/关闭URL命令面板Alt+Shift+F10 打开/关闭查找和替换命令面板Ctrl+F 打开/关闭描边命令面板Ctrl+Alt+F4 打开/关闭填充命令面板Shift+F7 打开/关闭效果命令面板Alt+F7 打开/关闭信息命令面板Alt+Shift+F12 打开/关闭对象命令面板Alt+F2 打开/关闭行为命令面板Shift+F3 打开/关闭调色板Shift+F9 打开/关闭样本命令面板Ctrl+F9 使用Fireworks帮助F1 向下一个象素克隆Alt+↓ 向下十个象素克隆Alt+Shift+↓ 向左一个象互克隆Alt+← 向左十个象素克隆Alt+Shift+← 向右一个象素克隆Alt+→ 向右十个象素克隆Alt+Shift+→ 向上一个象素克隆Alt+↑ 向上十个象素克隆Alt+Shift+↑ 用前景色填充Alt+Backspace 下一个框架PageDown 向下轻移↓ 向下大幅度移动Shift+↓ 向左轻移← 向左大幅度移动Shift+← 向右轻移→ 向右大幅度移动Shift+→ 向上轻移↑ 向上大幅度移动Shift+↑ 粘贴到内部Ctrl+Shift+V 播放动画Ctrl+Alt+P 前一个框架PageUp

二、模板的创建和设置 1）模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。 2）模板的作用：有利于保持网页风格的一致；提高工作效率。 1．创建模板 1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮 模板面板的打开：Window菜单--Templates 2）创建基于文档的模板：File菜单-Save As Template 2．设置模板页面属性 1）用模板创建的文档继承模板的页面属性，页标题除外。 2）设置：Modify菜单-Page Properties 3．定义模板的可编辑区 1）定义模板的可编辑区 在模板文档中选定对象、Modify菜单、Templates、New Editable Region 2）取消可编辑区标记 Modify菜单-Templates-Remove Editable Region 三、模板的应用和更新 1．应用模板创建文档 1）应用模板创建文档 使用模板创建新文档：File菜单-New From Template 或：File菜单-New-从模板面板中拖一个模板到文档 对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select 或：从模板面板中拖一个模板到文档中 或：从模板面板中选定一个模板，单击Apply 2）可编辑区和锁定区 在应用了模板的文档中，只有可编辑区的内容才可以修改。 3）把页面从模板中分离出来 如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。 具体操作：Modify菜单-Templates-Detach From Template 2．修改模板 在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存 3．更新站点中使用模板的所有文件 Modify菜单-Templates-Update Pages

网页制作．

Dreamweaver [词典] 由macromedia公司设计的功能十分强大的网页制作工具;[例句]Macromedia Dreamweaver provides a very simplistic form of security at the user interface level.Macromedia Dreamweaver在用户界面层提供了一种非常简单的安全性。

dreamweaver是adobe推出的一款网页制作软件以下来自百度百科Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver站点定义的好处:其实，Dreamweaver站点定义有三个好处，分别是:1、它有助于防止断开的链接。如果您移动或重命名文件，您可以在站点内自动更新文件。2、它可以帮助您执行网站范围的搜索和替换操作，大大提高了工作效率。3、它可以帮助您轻松发布站点，并在您的本地硬盘和Web服务器或中间服务器上的远程文件之间同步文件。

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。首先，我们要弄清楚网页设计的任务。一、设计的任务设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。二、设计的实现设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。三、色彩的运用色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。四、造型的组合在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。五、设计的原则设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。六、网页的优化在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。★建设自己的网站较好的步骤☆必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。我觉得建站可以按照以下步骤进行：1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。8、把网站上传至空间里面，删了准备文件，就OK了！不过也可以这样使用FP建站：1、在FP里面选择新建站点。2、然后在【导航】里面设置网页名称以及标题。3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。5、把网站上传至空间里面，删了准备文件。完毕。如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。将静态网页的特点简要归纳如下：（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；（5）静态网页的交互性交叉，在功能方面有较大的限制。网页制作软件的选择u 选择一个适合自己的网页编辑工具了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。FrontpageFrontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。常见的版本为 Frontpage98 和 Frontpage2000。DreamweaverDreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。fireworkfirework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页gifanimatorUlead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。u 制作主页制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。u 申请的主页空间，把你制作的主页传上去我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

1、双击打开Dreamweaver这款软件，进入Dreamweaver的操作界面。点击上方文件，下拉找到新建。 2、点击新建后，选择空白页，文档类型为HTML。布局为无，点击右下角创建。结果如下图所示。 3、页面右侧找到插入选项，点击他。并将它拉伸变长，找到表格选项。 4、对话框弹出后，设置表格大小。行：3，列：1，其余暂时不变。完成后点击确定。5、在设计视图可看到，我们设置的3行1列的表格。在代码视图可看到，设置3行1列表格的代码，我们继续在设计视图进行操作。 6、点击表格内部，下方出现表格设置。在表格第一行输入网页的标题文字，随后点击下方，水平：居中对齐，垂直：居中。并设置表格宽高，此时宽为51。 7、将鼠标光标放在表格第二行，点击右侧图像，下拉后第一行点击图像。 8、对话框出来后，在下方文件名中输入，插入图片的名称，点击确定即可。 9、在表格第三行，输入文字：我的链接。并在后面附上链接，可复制可手工输入。 10、点击上方文件，找到保存选项，点击保存。然后在对话框中输入此文件名，并保存在你容易找得到的地方，在点击确定即可。 11、点击上方，像地球一样的图标，下拉后，点击在IE浏览器中预览，也可以在自行安装的浏览器中预览。

AdobeDreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。功能：借助共享型用户界面设计,在的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。具体功能：1、利用软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。2、自适应网格。使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。3、改善FTP性能。利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件，缩短制作时间。4、Catalyst集成。集成，使用Dreamweaver中集成的面板连接并编辑您利用（需另外购买）建立的网站。利用托管解决方案建立电子商务网站。5、增强型jQuery移动支持。使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。6、更新的PhoneGap支持。更新的支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。7、CSS3转换。将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。8、更新的实时视图。使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML5支持。9、CSS3/HTML5支持。通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。

Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎 "Presto" 作为网页预览。

SAP NetWeaver StackSAP NetWeaver 是支撑新一代 SAP 应用程序（如 SAP ERP 2005）的技术平台。而企业服务架构（企业 SOA）是支持 SAP NetWeaver 的框架，可以将较小的企业服务模块集成为组合应用程序。将两者结合，可以为创建企业特定的业务流程提供速度和灵活性。把所有原来ERP的功能模块重新定义并做成服务形式，把基于服务的形式又创建成关于业务逻辑的知识，并建立了“企业服务知识库”，把所有的服务归纳在一起，然后在知识库的基础上重新架构应用软件。这样就把ERP导入到了SOA的架构中。企业要求业务的流程是可以随时调整的，因此业务流程的重组在ERP导入SOA的过程中就成为了关键的一步。透过SOA将过去的经验复用，也就是把有用的经验重新组合并实现应用的整合，也是ERP在导入SOA的过程中需要强调的。复用就是把现有的服务全部重新建模，然后把模型转变成企业的应用，面向服务重构企业所需要服务，当然复用的目的是为了能够保护企业的现有资源。SAP NetWeaver 为 SAP 交付组合应用程序提供了基础，组合应用程序通常是指使用 SAP NetWeaver 工具构建和管理的 SAP xApps。它们将使用 SAP R/3、SAP 供应链管理、SAP 客户关系管理和 SAP ERP 等 SAP 应用程序的现有功能，根据客户需求来构建新功能或扩展功能。SAP ERP 2005 完全支持此架构，而 SAP R/3 则不支持。 　　 SAP NetWeaver是下一代基于服务的平台，它将作为未来所有SAP应用程序的基础。NetWeaver包含了一个门户框架，商业智能和报表，商业流程管理（BPM），自主数据管理（MDM，Master Data Management），一个公用运行时间应用服务器（common run-time application server），以及SAP应用开发和管理平台。SAP NetWeaver全面实现与Microsoft .NET 和 IBM WebSphere的互操作性和可扩展性Enterprise Services Architecture (ESA) ——基于服务的完整业务解决方案的蓝图,使公司能够通过现有技术投资获得更大的业务价值,并且有史以来第一次实现在整个企业内使用Web服务。

分类: 电脑/网络 >> 互联网 解析: 一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括： ① a:link：未访问链接 ② a:visited：已访问链接 ③ a:active：激活时（链接获得焦点时）链接的颜色④ a:hover：鼠标移到链接上时 一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。 举例：伪类的常见状态值 <style type = “text/css”> <!-- a:link {color: blue; text-decoration:none;} 未访问：蓝色、无下划线 a:active:{color: red; } 激活：红色 a:visited {color:purple;text-decoration:none;} 已访问：purple、无下划线 a:hover {color: red; text-decoration:underline;} 鼠标移近：红色、下划线 --> </style>

#nav后面加 a:hover指的是给#nav对应标签内部的链接部分进行样式设置（a:link定义鼠标未指向链接时的样式；a:hover定义鼠标悬浮在链接上时的样式；a:active 定义鼠标点击链接时的样式；a:visited 是定义访问过后的链接元素的样式。)

基本语法<marquee> ... </marquee> <marquee>啦啦啦，我会移动耶！</marquee> 啦啦啦，我会移动耶！文字移动属性的设置方向<direction=#> #=left, right <marquee direction=left>啦啦啦，我从右向左移！</marquee> <P> <marquee direction=right>啦啦啦，我从左向右移！</marquee> 啦啦啦，我从右向左移！啦啦啦，我从左向右移！方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P> <marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P> <marquee behavior=alternate>啦啦啦，我来回走耶！</marquee> 啦啦啦，我一圈一圈绕着走！啦啦啦，我只走一次就歇了！啦啦啦，我来回走耶！循环<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走3 趟哟！</marquee> <P> <marquee loop=3 width=50% behavior=slide>啦啦啦，我只走3 趟哟！</marquee> <P> <marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走3 趟哟！</marquee> 啦啦啦，我只走3 趟哟！啦啦啦，我只走3 趟哟！啦啦啦，我只走3 趟哟！速度<scrollamount=#>

下个插件放歌的 具体我也不知道叫什么自己找去

在工具栏里面找

基本语法<marquee> ... </marquee><marquee>我会移动耶！</marquee> 我会移动耶！文字移动属性的设置方向 <direction=#> #=left, right<marquee direction=left>我从右向左移！</marquee> <P><marquee direction=right>我从左向右移！</marquee> 我从右向左移！我从左向右移！方式 <bihavior=#> #=scroll, slide, alternate<marquee behavior=scroll>我一圈一圈绕着走！</marquee> <P><marquee behavior=slide>我只走一次就歇了！</marquee> <P><marquee behavior=alternate>我来回走耶！</marquee> 我一圈一圈绕着走！我只走一次就歇了！我来回走耶！循环 <loop=#> #=次数；若未指定则循环不止(infinite)<marquee loop=3 width=50% behavior=scroll>我只走 3 趟哟！</marquee> <P><marquee loop=3 width=50% behavior=slide>我只走 3 趟哟！</marquee> <P><marquee loop=3 width=50% behavior=alternate>我只走 3 趟哟！</marquee> 我只走 3 趟哟！我只走 3 趟哟！我只走 3 趟哟！速度 <scrollamount=#><marquee scrollamount=20>我走得好快哟！</marquee> 我走得好快哟！延时 <scrolldelay=#><marquee scrolldelay=500 scrollamount=100>我走一步，停一停！</marquee> 我走一步，停一停！外观(Layout)设置对齐方式(Align) <align=#> #=top, middle, bottom<font size=6><marquee align=# width=400>我会移动耶！</marquee></font>对齐上沿、中间、下沿。 我会移动耶！对齐上沿。我会移动耶！对齐中间。我会移动耶！对齐下沿。底色 <bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>我会移动耶！</marquee> 我会移动耶！面积 <height=# width=#><marquee height=40 width=50% bgcolor=aaeeaa>我会移动耶！</marquee> 我会移动耶！空白(Margins)<hspace=# vspace=#>********************************************<br>嗨,<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>我会移动耶！</marquee>大家好！<br>******************************************** ********************************************嗨, 我会移动耶！大家好！********************************************

display:inline 主要用在横排列表的时候，因为默认的<li>每个会占一行，转化为内敛元素，就会横排了display:none 主要用在做tab选项卡的时候，将不显示的部分隐藏，配合JS代码使用display:bock 将内联元素转化为块级元素。内联元素在宽度足够的情况下是横向一个个显示，块及元素是每个占一行显示。

饿，无语，楼上叫你贴图，你贴自己的资料

第九章 层的使用 一、概述 在网页制作中，对文字和对象的位置控制是比较困难的，以前我们通过表格来定位，但往往达不到精度要求。“层”是Dreamweaver 中另处一种可以进行排版的工具。它可以被定位在页面的任意位置，并且其中可以包含文本、图像等所有可直接插入至网页的对象。 层拥有很多表格所不具备的特点，比如可以重叠、便于移动、可设为隐藏等。二、层的创建和删除 显示面板：窗口—>其它—>层(F2) 插入栏—>常用—>层（直接绘制，按Ctrl可连绘） 插入栏—>布局—>层（直接绘制，按Ctrl可连绘） 插入菜单—>层 拖动插入栏上图标到页面。三、使用“属性面板”设置层的属性选择一个或多个层后即可对它们进行操作或更改它们的属性。 1、“单个层”的“属性面板” 首先要选择层：在层面板中单击该层的名称、单击一个层的边框、在一个层中按住Ctrl+Shift键并单击。（如果已选定多个层，此操作会取消选定其他所有层而只选择您所单击的层。）、在设计视图中单击层代码标记，它表示层在HTML代码中的位置。层编号 用于指定一个名称，以便在层面板和JavaScript代码中标识该层。每个层必须有它自己的唯一名称。 左和上（左侧和顶部） 指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位置。 宽和高 指定层的宽度和高度。 注：位置和大小的默认单位为像素（px）。您也可以指定以下单位：pc(pica,十二点活字，约为我国新四号铅字）、pt（点）、in（英寸）、mm（毫米）、cm(厘米)或%（父层相应值的百分比）。这些缩写必须紧跟值，中间不留空格。 z轴 当层重叠时，用以设置层之间的前后排列顺序。值越大，显示越靠前。（使用层面板要比输入特定的z轴更为简便。） 可见性 指定该层最初是否是可见的。 default(默认)：不指定可见性属性，大多数浏览器都会默认为“继承”。 inherit(继承)：表示使用该层父级的可见性属性。 visible(可见)：表示显示该层的内容，而不管父级的值是什么。 hidden(隐藏)：表示隐藏层的内容，而不管父级的值是什么。使用脚本语言（如JavaScript）可控制可见性属性并动态地显示层的内容。 背景图像 可以为层指定一个背景图像。 背景颜色 可以为层指定一个背景颜色。如果将此选项留为空白，则可以指定透明的背景。 类 可以应用定义好的 CSS 样式。 溢出 当层的内容超过层的指定大小时，设定如何在浏览器中显示层，它的效果必须在浏览器中预览时才会出现。 visible(可见)：指定在层中显示额外的内容，实际上，该层会通过延伸来容纳额外的内容。 hidden(隐藏)：指定不在浏览器中显示额外的内容。 scroll(滚动)：指定浏览器在层上添加滚动条，而不管是否需要滚动条。 auto(自动)：使浏览器仅在需要时才显示层的滚动条。 剪辑 可以定义层的可见区域，有上“左”、“右”、“上”、“下”4项。 从层的左上角开始计算，指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形。层经过“剪辑”后，只有指定的矩形区域才是可见的。 2、“多个层”的“属性面板” 首先选择层：按住Shift键并单击层面板上的两个或更多个名称、在两个或更多个层的边框内（或边框上）按住Shift键并单击。 标签 可以指定用来定义这些层的 HTML 标签。在下拉列表中有DIV和SPAN两个选项。四、层的基本操作 1、调整层的大小 调整单个层的大小（拖动手柄、Ctrl+箭头） 调整多个层的大小 2、移动层的位置（鼠标、箭头键或Shift+箭头键） 3、层的对齐 修改—>对齐—>选择项目 4、在层中插入对象 5、层的叠加顺序 修改—>排列顺序—>选择项目或修改层的z值 6、将层靠齐到网络 Shift+Ctrl+箭头与网格线重合 7、层的复制、剪切和粘贴 8、层的嵌套 直接插入层、拖入另一层标记、面板上拖动或Ctrl辅助拖动层、ALT辅助绘制层五、层的绝对定位与相对定位六、使用“层”浮动面板管理层（F2） 显示/隐藏层：更改层的可见性。 防止重叠：若勾选这个选项，则层之间将不能重叠，而只能并行排列。 名称：层的名称。 Z轴七 、设置层的默认属性 编辑菜单—>参数选择—>层 1、标签 设置在创建层时Dreamweaver要使用的HTML标签。其选项为div(默认)和span。 2、显示 确定层在默认情况下是否可见。其选项为“默认”“继承”“可见”和“隐藏”。 3、宽和高 指定使用“插入层”创建的层的默认宽度和高度（以像素为单位）。 4、背景颜色 可以指定默认的层显示一种背景颜色。 5、背景图像 可以指定默认的层显示一种背景图像。 6、嵌套 如果在层中则使用嵌套：指定从现有层边界内的某点开始绘制的层是否应该是嵌套层。在绘制层时，按住键盘上的Alt 键可暂时更改此设置。 7、Netscape 4 兼容性 插入层时固定大小：在文档的 head 内容中插入 JavaScript 代码以修正Netscape 4 浏览器中的一个已知问题，该问题使层在访问者调整浏览器窗口大小时失去它们的定位。每当调整浏览器窗口大小时，JavaScript 会强制页面重新加载，从而将层重分配到正确的位置。您也可以手动添加或删除 JavaScript 代码，方法是选择“命令—>添加/删除 Netscape 调整大小修复”。八、在层和表格之间转换 1、将表格转换为层 修改菜单—>转换—>表格到层 对话框中相关的参数如下: 显示网格和靠齐到网格:能够使用网格来协助将层定位. 防止层重叠：可以在转换后的页面中激活防止层重叠的功能。 显示层面板：可以在转换后的页面中显示层面板。 显示网格：可以在转换后的页面中显示网格。 靠起到网格：可以在转换后的页面中将层与网络线对齐。 注：当表格转换为层时，空的单元格不会被转换（除非它们具有背景颜色）。另处在转换时，表格外的页面元素也会被放入层中。2、将层转换为表格 修改菜单—>转换—>层到表格 对话框中相关参数如下： 最精确：为每个层创建一个单元格，并附加保留层之间的空间所必需的任何单元格。 最小：合并空单元。指定如果层定位在指定数目的像素内，则层的边缘应对齐。如果选择此选项，转换后表格将包含较少的空行和空列，但可能与之前的层的排版不能精确地匹配。 使用透明GIF：用透明的GIF图像填充表格的最后一行。这将确保该表格在所有浏览器中以相同的列宽显示。当勾选此选项后，用户将不能通过拖动表格的列框来编辑转换后的表格。当取消勾选此选项后，转换后的表格将不会包含透明GIF图像，但在不同的浏览器中可能会具有不同的列宽。 置于页面中央：将转换后的表格在页面中居中对齐。如果取消勾选该选项，表格将在页面中左对齐。 注：在转换之前，层不能有重叠。八、层和行为相结合制作动态效果http://qygqyg.51.net/layer.htm#

通过 Dreamweaver，您可以使用层来设计页面的布局。您可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。您可以在一个层中放置背景图像，然后在该层的前面放置第二个层，它包含带有透明背景的文本。

我用调试工具没有查出语法错误，可能就是你逻辑上的问题

dreamweaver 8已经是比较新的版本了，也是比较实用的，使用的范围比较多，使用简单

Macromedia Dreamweaver最后一个版本是8.0之后被adobe公司收购，adobe Dreamweaver cs6是这个软件的最新版本。

这个是网页切割做出来的.就是图片,

TAB样式

写的多的不一定对。你的意思，我大致明白了，就是跑马灯样式。 你的内容应该写在body里面，这样才会显示。可以这样写：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>唯美的风景</title></head><body> <marquee direction="right">唯美的风景</marquee></body></html>预览时你会发现这行字向右滚动了。

步骤/方法1双击dreamweaver CS5图标2在菜单中单击“文件”选择“新建”3在新建文档窗口，选择“空白页”—“HTML”，文档类型选择“XHTML1.0 transitional”,单击“创建”按钮。4将插入点放在文档中，然后在菜单栏单击“格式”，在弹出的下拉菜单中选择“CSS样式”—“新建”5在“ 新建 CSS 规则” 对话框中，指定要创建的 CSS 规则的选择器类型：若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式，请从“ 选择器类型” 弹出菜单中选择“ 类” 选项，然后在“ 选择器名称” 文本框中输入样式的名称。若要定义包含特定 ID 属性的标签的格式，请从“选择器类型”弹出菜单中选择“ID”选项，然后在“选择器名称”文本框中输入唯一 ID。若要重新定义特定 HTML 标签的默认格式，请从“选择器类型”弹出菜单中选择“标签”选项，然后在“选择器名称”文本框中输入 HTML 标签或从弹出菜单中选择一个标签。6在“CSS规则定义”窗口中设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数，然后点击“确定”按钮完成设置。7还可以在CSS样式面板里设置。将插入点放在文档中，在CSS样式面板下面单击“新建CSS规则”图标。再完成步骤6的设置。8在CSS属性里设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数。http://jingyan.baidu.com/article/93f9803fccd4dae0e46f5505.html

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

这个是不可以的但你如果想在旁边加东西的话可以把表格拆分多列可以达到同样的 效果

搞不懂你为什么要1像素的表格；你得把情况说清楚才好对症下药；单纯的把表格高度设置为1像素，可以参考下面代码 切忌td之间不能加任何东西，包括空格<table width="180" border="0" cellspacing="0" cellpadding="0" style="height:1px;"> <tr> <td ></td> </tr> </table>或者这样也行<table width="180" border="0" cellspacing="0" cellpadding="0" > <tr> <td style="height:1px;"></td> </tr></table> 要设置属性，就在后面加style="" 然后随你设置。想要研究深一点，可以上这个网站http://www.w3school.com.cn/css/index.asp 加油！

单元格边距指的是表格的单元格中内容和边框之间的距离，当你用editplus编写时对应语句是<table cellpadding=value> 间距指单元格和单元格之间的距离 editplus中<table cellspacing=value> 边框粗细,就是表格的边框的宽度（其实也就是粗细） editplus中<table border=value>

既然使用Dreamweaver，通过直观的设置就能解决你的很多问题。在Dreamweaver窗口的底部有属性栏，如果属性栏没有显示出来，到“窗口”菜单中钩选后就能看到。选中表格，就能在“属性”栏中设置表格的“填充、间距”等。点击页面的空白处，属性栏中就能看到“页面属性”，在页面对话框中的右侧找到“链接”，就能设置链接式样。“字间距，行间距，段落间距”等要手动写CSS代码，在网页代码的<head>到</head>之间找到<style type="text/css">和</style>向其中添加一些代码，如：<style type="text/css">body{ line-height:25px; /* 设置表格外的文字行距25px，可以使用百分比，如150% */ letter-spacing:6px; /* 设置表格外字间距 */} p{ /*p{...}表示段落*/margin:5px ; /* 这里设置段落间距 */ } td{ /*td{...}表格中的单元格*/line-height:25px; /* 设置表格内的文字行距25px，可以使用百分比，如150% */letter-spacing:6px; /* 设置表格内字间距 */}</style>你把这些代码复制到<head>与</head>之间就能显示出效果，不过CSS要学会灵活应用。

border就是表格的粗细 设置表格的粗细cellpadding 表格的边距 单元格与表格的填充设置cellspacing 表格的间距 单元格与单元格之间的设置

cellpadding:单元格内间距cellspacing：就是你所谓的填充

cellspacing属性只是增加单元格之间的间距，该属性的大小不会令单元格的属性发生改变，其改变的是整个表格的大小！这个必须实践才能看到，给你一段代码你试试改变cellspacing的值看看表格的变化：<html><head><script type="text/javascript">function spacing(){document.getElementById("myTable").cellSpacing="15"}</script></head><body><table id="myTable" border="1"><tr><td>100</td><td>200</td></tr><tr><td>300</td><td>400</td></tr></table><br /><input type="button" onclick="spacing()" value="Change Cellspacing"></body></html>

加载CSS来控制

英文版的没用过，你可以下载中文版的啊！

#div_left{float:left;width:60px;height:86px;}#starScroll{width:843px;height:188px;margin-left:15px;margin-right:15px;padding-top:9px;overflow:hidden;border:1px solid red;float:left;} #starScroll #contentScroll{width:500%} #starScroll #ScrollOne{float:left;} #starScroll #ScrollOne a{float:left;width:204px;height:188px;margin-right:9px;float:left;display:inline;} #starScroll #ScrollOne img{width:204px;height:188px;border:0px;} #starScroll #ScrollTwo{float:left;} #starScroll #ScrollTwo a{float:left;width:204px;height:188px;margin-right:9px;float:left;display:inline;} #starScroll #ScrollTwo img{width:204px;height:188px;border:0px;} #div_right{float:left;width:60px;height:86px;} .arrow{background:url(images/arrow.png) no-repeat;cursor:pointer;height:86px;width:60px;cursor:pointer;display:block;margin-top:50px;} .prev{background-position:left top;} .prev:hover{background-position:left bottom;} .next{background-position:right top;} .next:hover{background-position:right bottom;}html代码复制代码 代码如下:<div> <div id="div_left"> <span id="btn_left" class="arrow prev"></span> </div> <div id="starScroll"> <div id="contentScroll"> <div id="ScrollOne"> <a href="#" title="1"><img src="images/1.jpg" /></a> <a href="#" title="2"><img src="images/2.jpg" /></a> <a href="#" title="3"><img src="images/3.jpg" /></a> <a href="#" title="4"><img src="images/4.jpg" /></a> <a href="#" title="5"><img src="images/5.jpg" /></a> <a href="#" title="6"><img src="images/6.jpg" /></a> <a href="#" title="7"><img src="images/7.jpg" /></a> <a href="#" title="8"><img src="images/8.jpg" /></a> </div> <div id="ScrollTwo"></div> </div> </div> <div id="div_right"> <span id="btn_right" class="arrow next"></span> </div></div>JS代码复制代码 代码如下: <script type="text/javascript">var Scroll=(function(){ return function(){ var starScroll = document.getElementById("starScroll"), ScrollOne = document.getElementById("ScrollOne"), aCollection = ScrollOne.getElementsByTagName("a"), aLength = aCollection.length, ScrollTwo = document.getElementById("ScrollTwo"), btn_left = document.getElementById("btn_left"), btn_right = document.getElementById("btn_right"); var Width = 204,Current = 1,Rate = 7,TimeTimeout=1000,TimeInterval=10,MarginRight=9; var SInterval=null,STimeout=null; var flag=true; function ScrollLeft(){ var CountWidth = Current*Width+Current*MarginRight, SLeftPara=starScroll.scrollLeft; if(ScrollTwo.offsetWidth-SLeftPara==0){ starScroll.scrollLeft=0; Current=0; } if(CountWidth-SLeftPara==0){ Forward(); } else{ var v = Math.round((CountWidth-SLeftPara)/Rate); v = v<1 ? 1 : v; SetScrollLeft(SLeftPara+v); } } function SetScrollLeft(scrollleft){ starScroll.scrollLeft=scrollleft; } function Init(){ flag=false; SInterval=setInterval(ScrollLeft,TimeInterval); } function Forward(){ clearInterval(SInterval); Current++; flag=true; STimeout = setTimeout(Init,TimeTimeout); } btn_right.onclick=function(){ if(flag){ clearTimeout(STimeout); Init(); } } function ScrollRight(){ var CountWidth = Current*Width+Current*MarginRight, SLeftPara = starScroll.scrollLeft; if(CountWidth-SLeftPara==0){ Forward(); } else{ var v = Math.round((CountWidth-SLeftPara)/Rate); v = v>-1?-1:v; SetScrollLeft(SLeftPara+v); } } btn_left.onclick=function(){ if(!flag){ return; } flag=false; clearTimeout(STimeout); if(Current==1){ SetScrollLeft(ScrollTwo.offsetWidth); Current=aLength+1; } Current-=2; SInterval = setInterval(ScrollRight,TimeInterval); } if(aLength>0){ starScroll.scrollLeft=0; ScrollTwo.innerHTML = ScrollOne.innerHTML; STimeout = setTimeout(Init,TimeTimeout); } }})();Scroll(); </script>

看一下父元素有没有margin的值

这个是html的提示标签含义如下：a是超链接标签；例：<a href="http://baidu.com" >跳转到百度</a>abbr标记一个缩写；例如：The <abbr title="People"s Republic of China">PRC</abbr> was founded in 1949.acronym标记一个首字母缩写；例如：<acronym title="World Wide Web">WWW</acronym>一个嵌入的 Java applet；例如：<applet code="Bubbles.class" width="350" height="350">Java applet that draws animated bubbles.</applet>area带有可点击区域的图像映射；例如：http://www.w3school.com.cn/tiy/t.asp?f=html_areamapb文字加粗base标签为页面上的所有链接规定默认地址或默认目标basefont规定页面上的默认字体颜色和字号，不建议使用bdo 元素可覆盖默认的文本方向。

偶只知道用CSS样式定义行与行的间距,不知道还有没有别的方法了!!!

Dreamweaver比FrontPage都是比较知名的网页设计软件，可称得上是网页设计中的佼佼者。但到底谁更好些呢？ FrontPage占领的是中级市场，其地位犹如字处理软件中的Word，比较重视网页的开发效率、易学易用的引导过程；而Dreamweaver主攻的是网页高级设计市场，其地位犹如出版领域的PageMaker，所强调的是更强大的网页控制、设计能力及创意的完全发挥。 Dreamweaver在功能的完善，使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作，并开发了许多独具特色的设计新概念，诸如行为（Behaviors）、时间线（Timeline）、资源库（Library）等，还支持层叠式样表（CSS）和动态网页效果（DHTML）。 而动态HTML是Dreamweaver最令人欣赏的功能，是它的最大的特色。 Dreamweaver与FrontPage比较，有几下几点优势： 1. 产生的垃圾代码少，网页可读性好，可以提高网页浏览速度； 2. 通过图层功能，可以快速制作出复杂的页面，图片定位更容易； 3. 可基本解决IE与Netscape的兼容性； 4. 设计思路广，内涵丰富，创作随意性强，可充分展现你的创意。

用myeclips中的jsp，不过得自己写代码

版本已经到9了，现在被adobe 公司收购了，就是photoshop的那个

做网叶的软件

做网页

<form name="form1" enctype="multipart/form-data" action=""><input type="text" id="input1"><input type="button" id="btn1" onclick="myfile.click();" value="Browse..."><input type="file" id="myfile" onchange="input1.value=this.value" style="display:none"></form>

你要找的是不是这个？？

<meta name="keywords" content="你的关键字">

这是MX2004的菜单命令新建(N)...【Ctrl】+【N】打开(O)...【Ctrl】+【O】在框架中打开(M)...【Ctrl】+【Shift】+【O】关闭(C)【Ctrl】+【W】保存(S)【Ctrl】+【S】另存为(A)...【Ctrl】+【Shift】+【S】打印代码(P)...【Ctrl】+【P】检查链接(L)【Shift】+【F8】验证标记(V)...【Shift】+【F6】Dreamweaver快捷键完全收录(Dreamweaver6/7/8/MX/2004)快捷键大全、快捷操作、简易快速便捷操作、高手应用技巧2编辑(E)还原(U)【Ctrl】+Z,【Alt】+【退格】重做(R)【Ctrl】+Y,【Ctrl】+【Shift】+【Z】剪切(T)【Ctrl】+X,【Shift】+【Del】拷贝(C)【Ctrl】+C,【Ctrl】+【Ins】粘贴(P)【Ctrl】+V,【Shift】+【Ins】拷贝HTML(H)【Ctrl】+【Shift】+【C】粘贴HTML(T)【Ctrl】+【Shift】+【V】全选(L)【Ctrl】+【A】选择父标签(G)【Ctrl】+【[】选择子标签(H)【Ctrl】+【]】查找和替换(F)...【Ctrl】+【F】查找下一个(N)【F3】转到行(G)【Ctrl】+【G】显示代码提示(H)【Ctrl】+【空格】缩进代码(I)【Ctrl】+【Shift】+【>】凸出代码(O)【Ctrl】+【Shift】+【<】平衡大括弧(B)【Ctrl】+【"】切换断点(K)【Ctrl】+【Alt】+【B】参数选择(S)...【Ctrl】+【U】切换视图(S)【Ctrl】+【-】刷新设计视图(E)【F5】服务器调试(U)【Ctrl】+【Shift】+【G】动态数据(L)【Ctrl】+【Shift】+【R】文件头内容(H)【Ctrl】+【Shift】+【W】标准表格视图(S)【Ctrl】+【Shift】+【F6】表格布局视图(L)【Ctrl】+【F6】隐藏所有不可见元素(H)【Ctrl】+【Shift】+【I】显示标尺(S)【Ctrl】+【Alt】+【R】显示网格(S)【Ctrl】+【Alt】+【G】靠齐到网格(N)【Ctrl】+【Alt】+【Shift】+【G】播放插件(P)【Ctrl】+【Alt】+【P】停止插件(S)【Ctrl】+【Alt】+【X】播放全部(A)【Ctrl】+【Alt】+【Shift】+【P】停止全部(T)【Ctrl】+【Alt】+【Shift】+【X】显示面板(P)【F4】插入标签(G)...【Ctrl】+【E】插入图像(I)【Ctrl】+【Alt】+【I】插入Flash(F)【Ctrl】+【Alt】+【F】插入Shockwave(S)【Ctrl】+【Alt】+【D】插入表格(T)【Ctrl】+【Alt】+【T】设计模板的可编辑区域(E)【Ctrl】+【Alt】+【V】命名锚记(N)【Ctrl】+【Alt】+【A】插入换行符(E)【Shift】+【回车】插入不换行空格(K)【Ctrl】+【Shift】+【空格】修改页面属性(P)...【Ctrl】+【J】所选属性(S)【Ctrl】+【Shift】+【J】快速标签编辑器(Q)【Ctrl】+【T】建立链接(L)...【Ctrl】+【L】移除链接(R)【Ctrl】+【Shift】+【L】选择表格(S)【Ctrl】+【A】合并单元格(M)【Ctrl】+【Alt】+【M】拆分单元格(P)...【Ctrl】+【Alt】+【S】插入行(N)【Ctrl】+【M】插入列(C)【Ctrl】+【Shift】+【A】删除行(D)【Ctrl】+【Shift】+【M】删除列(E)【Ctrl】+【Shift】+【-】增加列宽(A)【Ctrl】+【Shift】+【]】减少列宽(U)【Ctrl】+【Shift】+【[】左对齐(L)【Ctrl】+【Shift】+【1】右对齐(R)【Ctrl】+【Shift】+【3】对齐上缘(T)【Ctrl】+【Shift】+【4】对齐下缘(B)【Ctrl】+【Shift】+【6】设成宽度相同(W)【Ctrl】+【Shift】+【7】设成高度相同(H)【Ctrl】+【Shift】+【9】增加对象到库(O)【Ctrl】+【Shift】+【B】增加对象到时间轴(A)【Ctrl】+【Alt】+【Shift】+【T】增加关键帧(D)【F6】文本缩进(I)【Ctrl】+【Alt】+【]】文本凸出(O)【Ctrl】+【Alt】+【[】段落格式无(N)【Ctrl】+【0】“段落”格式(P)【Ctrl】+【Shift】+【P】"标题1”格式【Ctrl】+【1】“标题2”格式【Ctrl】+【2】“标题3”格式【Ctrl】+【3】“标题4”格式【Ctrl】+【4】“标题5”格式【Ctrl】+【5】“标题6”格式【Ctrl】+【6】左对齐(L)【Ctrl】+【Alt】+【Shift】+【L】居中对齐(C)【Ctrl】+【Alt】+【Shift】+【C】右对齐(R)【Ctrl】+【Alt】+【Shift】+【R】两端对齐(J)【Ctrl】+【Alt】+【Shift】+【J】粗体样式(B)【Ctrl】+【B】斜体样式(I)【Ctrl】+【I】编辑样式表(E)...【Ctrl】+【Shift】+【E】检查拼写(K)【Shift】+【F7】开始录制命令(S)【Ctrl】+【Shift】+【X】站点文件(S)【F8】站点地图(E)【Alt】+【F8】获取(G)【Ctrl】+【Shift】+【D】取出(C)【Ctrl】+【Alt】+【Shift】+【D】上传(P)【Ctrl】+【Shift】+【U】存回(I)【Ctrl】+【Alt】+【Shift】+【U】显示隐藏”插入”工具栏(I)【Ctrl】+【F2】显示隐藏”属性”工具栏(P)【Ctrl】+【F3】显示隐藏”答案”工具栏(A)【Alt】+【F1】显示隐藏”CSS样式”工具栏(Y)【Shift】+【F11】显示隐藏”HTML样式”工具栏(L)【Ctrl】+【F11】显示隐藏”行为”工具栏(E)【Shift】+【F3】显示隐藏”标签检查器”工具栏(T)【F9】显示隐藏”代码片断”工具栏(N)【Shift】+【F9】显示隐藏”参考”工具栏(F)【Shift】+【F1】显示隐藏”数据库”工具栏(D)【Ctrl】+【Shift】+【F10】显示隐藏”绑定”工具栏(B)【Ctrl】+【F10】显示隐藏”服务器行为”工具栏(H)【Ctrl】+【F9】显示隐藏”组件”工具栏(M)【Ctrl】+【F7】显示隐藏”站点”工具栏(S)【F8】显示隐藏”资源”工具栏(A)【F11】搜索(S)【Ctrl】+【Shift】+【F】验证(V)【Ctrl】+【Shift】+【F7】目标浏览器检查(B)【Ctrl】+【Shift】+【F8】链接检查器(L)【Ctrl】+【Shift】+【F9】站点报告(R)【Ctrl】+【Shift】+【F11】FTP记录(F)【Ctrl】+【Shift】+【F12】服务器调试(D)【Ctrl】+【Shift】+【F5】代码检查器(D)【F10】框架(F)【Shift】+【F2】历史记录(H)【Shift】+【F10】层(Y)【F2】Sitespring【F7】时间轴(T)【Alt】+【F9】显示面板(W)【F4】使用Dreamweaver(V)【F1】使用ColdFusion(C)【Ctrl】+【F1】参考(F)【Shift】+【F1】Dreamweaver快捷键完全收录(Dreamweaver6/7/8/MX/2004)快捷键大全、快捷操作、简易快速便捷操作、高手应用技巧3站点面板新建文件(N)【Ctrl】+【Shift】+【N】新建文件夹(F)【Ctrl】+【Alt】+【Shift】+【N】重命名(R)【F2】删除(D)【Del】检查链接(L)【Shift】+【F8】退出(X)【Ctrl】+【Q】剪切(T)【Ctrl】+【X】拷贝(C)【Ctrl】+【C】粘贴(P)【Ctrl】+【V】复制(D)【Ctrl】+【D】全选(A)【Ctrl】+【A】刷新(R)【F5】显示/隐藏链接(L)【Ctrl】+【Shift】+【Y】作为根查看(V)【Ctrl】+【Shift】+【R】显示网页标题(P)【Ctrl】+【Shift】+【T】站点文件(S)【F8】站点地图(E)【Alt】+【F8】断开(T)【Ctrl】+【Alt】+【Shift】+【F5】获取(G)【Ctrl】+【Shift】+【D】取出(H)【Ctrl】+【Alt】+【Shift】+【D】上传(U)【Ctrl】+【Shift】+【U】存回(I)【Ctrl】+【Alt】+【Shift】+【U】检查站点范围的链接(W)【Ctrl】+【F8】链接到新文件(N)...【Ctrl】+【Shift】+【N】链接到已有文件(X)...【Ctrl】+【Shift】+【K】改变链接(L)...【Ctrl】+【L】移除链接(V)【Ctrl】+【Shift】+【L】Dreamweaver快捷键完全收录(Dreamweaver6/7/8/MX/2004)快捷键大全、快捷操作、简易快速便捷操作、高手应用技巧4代码编辑选择父标签【Ctrl】+【[】选取当前代码段【Ctrl】+【"】全选【Ctrl】+【A】粗体【Ctrl】+【B】斜体【Ctrl】+【I】拷贝【Ctrl】+C,【Ctrl】+【Ins】查找和替换【Ctrl】+【F】查找下一个【F3】粘贴【Ctrl】+V,【Shift】+【Ins】剪切【Ctrl】+X,【Shift】+【Del】重做【Ctrl】+【Y】还原【Ctrl】+【Z】切换到文档【Ctrl】+【-】切换断点【Ctrl】+【Alt】+【B】打印代码【Ctrl】+【P】删除左侧单词【Ctrl】+【退格】删除右侧单词【Ctrl】+【Del】选择上一行【Shift】+【↑】选择下一行【Shift】+【↓】选择左侧字符【Shift】+【←】选择右侧字符【Shift】+【→】选择到上页【Shift】+Pg【↑】选择到下页【Shift】+【PgDn】左移单词【Ctrl】+【←】右移单词【Ctrl】+【→】选择单词左边【Ctrl】+【Shift】+【←】选择单词右边【Ctrl】+【Shift】+【→】移动到行头【Home】移动到行尾【End】选择到行头【Shift】+【Home】选择到行尾【Shift】+【End】移动到文件头【Ctrl】+【Home】移动到文件尾【Ctrl】+【End】选择到文件开始【Ctrl】+【Shift】+【Home】选择到文件尾【Ctrl】+【Shift】+【End】代码片断【Shift】+【F9】Dreamweaver快捷键完全收录(Dreamweaver6/7/8/MX/2004)快捷键大全、快捷操作、简易快速便捷操作、高手应用技巧5文档编辑退出程序【Alt】+【F4】转到下一单词【Ctrl】+【→】转到前一单词【Ctrl】+【←】转到前一段落【Ctrl】+【↑】转到下一段落【Ctrl】+【↓】选择到下一单词【Ctrl】+【Shift】+【→】从前一单词选择【Ctrl】+【Shift】+【←】从前一段落选择【Ctrl】+【Shift】+【↑】选择到下一段落【Ctrl】+【Shift】+【↓】关闭窗口【Ctrl】+【F4】编辑标签【Ctrl】+【F5】延期表格更新【Ctrl】+【空格】在同一窗口新建【Ctrl】+【Shift】+【N】在主浏览器中预览【F12】在副浏览器中预览【Shift】+【F12】,【Ctrl】+【F12】在主浏览器调试【Alt】+【F12】在副浏览器调试【Ctrl】+【Alt】+【F12】退出段落【Ctrl】+【回车】活动数据模式【Ctrl】+【R】打印代码【Ctrl】+【P】下一文档【Ctrl】+【Tab】前一文档【Ctrl】+【Shift】+【Tab】uf03a站点窗口关闭窗口【Ctrl】+【F4】退出程序【Alt】+【F4】打开【回车】在主浏览器中预览【F12】在副浏览器中预览【Ctrl】+【F12】打开HTML窗口【F10】取消FTP【Esc】

这个不需要激活码，下载地址：http://www.orsoon.com/Soft/6816.html

线性海退线http://bbs.gter.net/bbs/archiver/tid-371978-page-4.html

你清除缓存了吗？还有添加附件的类型个是要正确比如rar,zip,gif,中间是英文的逗号，不是中文的

ACCESS