DreamWeaver:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
 
(未显示7个用户的47个中间版本)
第1行: 第1行:
[[Image:Dreamweaver.png‎|right]]
'''Dreamweaver'''是制作[[网页]]的好工具。Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的[[Macromedia]]公司推出的可视化网页制作工具,现已被[[Adobe]]公司收购。它与[[Flash]]、[[Fireworks]]合在一起被称为[[网页制作三剑客]],这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,[[Flash]]用来制作精美的网页动画,而[[Fireworks]]用来处理网页中的图形。
[[Image:173.jpg|right|200px]]
==Dreamweaver的介绍==
==Dreamweaver的介绍==
Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具,它与[[Flash]][[Fireworks]]合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,[[Flash]]用来制作精美的网页动画,而[[Fireworks]]用来处理网页中的图形。
===Dreamweaver8简介===
我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了!
 
Dreamweaver 8,Macromedia开发者们把这些提议都放在心里了,如果你是一个代码狂人,你将会迷恋于Dreamweaver 8新的编码工具栏。让我们看看它的一个新的编码特点——代码折叠,在下面的文字里,我们将带你体会这个非常不错的新特点。
 
如果你的主要工作是写[[HTML]]代码,你就知道这些代码一行一行的,足可以翻几页,这样太烦人了。更糟糕的是,如果你想看另一段代码,你得用滚动条翻来翻去,终于找到了这段代码,然后你又得用滚动条翻回去!除非你在开始找的时候,定义一个特殊的标记。Dreamweaver 8则解决了这一点,相关的代码段,可以通过编辑器左边的"+"号和"-"号展开和关闭
 
===Dreamweaver cs4简介===
[[Dreamweaver]] Cs4功能更加的强大和完善,除了界面的改变更有一些质的变化。
 
'''一、[[JavaScript]]代码外链和书写提示以及错误提示'''
很多朋友对js错误很纠结,一个小标点就让人头上冒烟,现在DW会告诉你错误在哪里,大大节省了工作者的时间和脑力。
 
'''二、新增实时视图功能'''
[[网页]]设计者最讨厌各种[[浏览器]]HACK,DWcs4添加了实时视图功能,让网页更符合[[W3C]]标准。
 
 
==Dreamweaver使用手册==
 
=== Dreamweaver安装 ===
*[[Dreamweaver/Dreamweaver安装|Dreamweaver安装]]
 
===[[Dreamweaver/使用|Dreamweaver使用]]===
*[[Dreamweaver/新建站点|新建站点]]
*[[Dreamweaver/创建新文档|创建新文档]]
*[[Dreamweaver/保存新文档|保存新文档]]
 
*'''DreamWeaver使用 CSS 对页进行布局'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/关于CSS层|关于CSS层]]
*[[Dreamweaver/插入层|插入层]]
*[[Dreamweaver/管理层|管理层]]
*[[Dreamweaver/将层转化为表格|将层转化为表格]]
*[[Dreamweaver/制作层动画|制作层动画]]
*[[Dreamweaver/处理CSS布局可视化|处理CSS布局可视化]]
*[[Dreamweaver/div标签进行布局|div标签进行布局]]
</div>
 
*'''DreamWeaver使用表格显示内容'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/关于表格|关于表格]]
*[[Dreamweaver/添加及删除行和列|添加及删除行和列]]
*[[Dreamweaver/拆分和合并单元格|拆分和合并单元格]]
*[[Dreamweaver/复制、粘贴和删除单元格|复制、粘贴和删除单元格]]
*[[Dreamweaver/设置表格和单元格的格式|设置表格和单元格的格式]]
*[[Dreamweaver/选择表格元素|选择表格元素]]
</div>
 
*'''DreamWeaver使用框架'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/关于框架和框架集|关于框架和框架集]]
*[[Dreamweaver/创建框架和框架集|创建框架和框架集]]
*[[Dreamweaver/框架中打开文档|框架中打开文档]]
*[[Dreamweaver/查看和设置框架属性|查看和设置框架属性]]
</div>
 
*'''DreamWeaver管理模板'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/关于Dreamweaver模板|关于Dreamweaver模板]]
*[[Dreamweaver/模板标签语法|模板标签语法]]
*[[Dreamweaver/设计视图和代码视图中的模板和基于模板的文档|设计视图和代码视图中的模板和基于模板的文档]]
*[[Dreamweaver/创建Dreamweaver模板|创建Dreamweaver模板]]
*[[Dreamweaver/创建可编辑区域|创建可编辑区域]]
*[[Dreamweaver/编辑和更新模板|编辑和更新模板]]
*[[Dreamweaver/DreamWeaver管理模板|DreamWeaver管理模板]]
</div>


*'''[[Dreaweaver8简介]]'''
*'''DreamWeaver使用页面'''
我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了!
<div style="-moz-column-count:3; column-count:3;" class="sclist">
Dreamweaver 8,Macromedia开发者们把这些提议都放在心里了,如果你是一个代码狂人,你将会迷恋于Dreamweaver 8新的编码工具栏。让我们看看它的一个新的编码特点——代码折叠。在下面的文字里,我们将带你体会这个非常不错的新特点。 如果你的主要工作是写[[HTML]]代码,你就知道这些代码一行一行的,足可以翻几页,这样太烦人了。更糟糕的是,如果你想看另一段代码,你得用滚动条翻来翻去,终于找到了这段代码,然后你又得用滚动条翻回去!除非你在开始找的时候,定义一个特殊的标记。Dreamweaver 8则解决了这一点,相关的代码段,可以通过编辑器左边的"+"号和"-"号展开和关闭
*[[Dreamweaver/关于使用页面|关于使用页面]]
*[[Dreamweaver/设置页面属性|设置页面属性]]
*[[Dreamweaver/任务自动化|任务自动化]]
*[[Dreamweaver/在浏览器中预览和测试页面|在浏览器中预览和测试页面]]
</div>
 
*'''DreamWeaver插入文本和设置文本格式'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/插入文本|插入文本]]
*[[Dreamweaver/设置段落格式和文档结构|设置段落格式和文档结构]]
*[[Dreamweaver/设置文本格式|设置文本格式]]
*[[Dreamweaver/使用层叠样式表设置文本格式|使用层叠样式表设置文本格式]]
</div>
 
*'''DreamWeaver链接与导航'''
<div style="-moz-column-count:3; column-count:3;" class="sclist">
*[[Dreamweaver/创建链接|创建链接]]
*[[Dreamweaver/管理链接|管理链接]]
*[[Dreamweaver/导航条|导航条]]
</div>
 
*'''[[Dreamweaver/插入图像|DreamWeaver插入图像]]'''
*'''[[Dreamweaver/使用JavaScript行为|使用JavaScript行为]]'''


==Dreamweaver站点说明==
=== '''[[Dreamweaver/其他|Dreamweaver其他]]''' ===
Dreamweaver 站点提供一种组织所有与 Web 站点关联的文档的方法。通过在站点中组织文件,可以利用 Dreamweaver 将站点上传到 Web 服务器、自动跟踪和维护链接、管理文件以及共享文件。若要充分利用 Dreamweaver 的功能,需要定义一个站点。
Dreamweaver 站点由三部分(或文件夹)组成,具体取决于开发环境和所开发的 Web 站点类型:本地文件夹是您的工作目录。Dreamweaver 将该文件夹称为“本地站点”。此文件夹可以位于本地计算机上,也可以位于网络服务器上。这就是为 Dreamweaver 站点所处理的文件的存储位置。只需建立本地文件夹即可定义 Dreamweaver 站点。若要向 Web 服务器传输文件或开发 Web 应用程序,还需添加远端站点和测试服务器信息。远端文件夹是存储文件的位置,这些文件用于测试、生产、协作等,具体取决于开发环境。Dreamweaver 在“文件”面板中将该文件夹称为“远端站点”。一般说来,远端文件夹位于运行 Web 服务器的计算机上。本地文件夹和远端文件夹使您能够在本地磁盘和 Web 服务器之间传输文件;这使您可以轻松管理 Dreamweaver 站点中的文件。


*'''Dreamweaver新建站点'''
*[[Dreamweaver/Dreamweaver快捷键|Dreamweaver快捷键]]
对于一些刚刚接触Dreamweaver的朋友来说,如何来使用Dreamweaver来进行网页的编辑,如何来设计自己的网站,由于不熟悉它,就会存在一些问题,在这里“站在百科”会慢慢的告诉你,如何来使用和编辑Dreamweaver,现在就让我们来迈出学习Dreamweaver的第一步吧。
*[[Dreamweaver/Dreamweaver序列号|Dreamweaver序列号]]
制作网页,设计页面,首先要建立站点,建立站点后,可以对文件进行更好的管理,所以下面,就教大家如何建立站点。
#打开Dreamweaver软件,在工具栏中,点击站点->新建站点,这时会弹出一个面板,在这个面板上有基本和高级两种选择。在这里,我们选择基本,给你的站点起个名字(要是英文的),下面的文本框,要填写http地址,这个不用去管它。
#单击下一步,会提示你“是否使用服务器技术”,对于新手来说,选择,“否,我不使用服务器技术”,如果你感到自己有能力使用服务器技术,那么你也可以选择使用服务器技术。
#单击下一步,选择“文件存放的位置”,这里文件位置,是你存放站点的路径。
#单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目录下。
#单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,点击完成。
这样就建立好了一个站点,那么你就可以在这个站点上进行网页编辑了。


*'''创建和打开文档'''
== 相关条目 ==
Macromedia Dreamweaver 8 为处理各种 Web 设计和开发文档提供了灵活的环境。除了 HTML 文档以外,您还可以创建和打开各种基于文本的文档,如 CFML、ASP、JavaScript 和 CSS。Dreamweaver 还支持源代码文件,如 Visual Basic、.NET、C# 和 Java。
*[[Photoshop]]
*[[flash]]
*[[fireworks]]
*[[Sitebuilder]]


Dreamweaver 为创建新文档提供了若干选项。您可以创建以下任意文档:
== 参考资料 ==


新的空白文档或模板
[http://baike.baidu.com 百度百科]
基于 Dreamweaver 附带的某预定义页面布局的文档
基于某现有模板的文档
另外还支持其它一些文档。例如,如果经常使用某种文档类型,可以将其设置为创建的新页面的默认文档类型。


在 Dreamweaver 中,可以在“设计”视图或“代码”视图中轻松定义文档属性,如 meta 标签、文档标题、背景颜色和其他几种页面属性。
本章包含下列章节:
**[[创建新文档]]
**[[保存新文档]]


==页面布局==
使用 Macromedia Dreamweaver 8 中的可视化设计工具创建复杂的页面布局。
此部分包含以下各章:
#使用 CSS 对页进行布局
##[[关于CSS层]]
##层的相关操作
###[[插入层]]
###[[管理层]]
###[[将层转化为表格]]
###[[制作层动画]]
##[[处理CSS布局可视化]]
#使用表格显示内容
##[[关于表格]]
##[[表格的相关操作]]
###[[添加及删除行和列]]
###[[拆分和合并单元格]]
#使用框架
##关于框架和框架集
##创建框架和框架集
##框架的相关操作
###框架中打开文档
###保存框架和框架集文件
#管理模板
##关于Dreamweaver模板
##创建Dreamweaver模板
##编辑和更新模板
##管理模板


==添加内容==


==优化页面==
[[Category:Dreamweaver]]
[[Category:网页三剑客|D]]
[[Category:网页制作|D]]
[[Category:Adobe|D]]

2012年6月12日 (二) 16:46的最新版本

Dreamweaver.png

Dreamweaver是制作网页的好工具。Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具,现已被Adobe公司收购。它与FlashFireworks合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,Flash用来制作精美的网页动画,而Fireworks用来处理网页中的图形。

173.jpg

Dreamweaver的介绍[ ]

Dreamweaver8简介[ ]

我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了!

Dreamweaver 8,Macromedia开发者们把这些提议都放在心里了,如果你是一个代码狂人,你将会迷恋于Dreamweaver 8新的编码工具栏。让我们看看它的一个新的编码特点——代码折叠,在下面的文字里,我们将带你体会这个非常不错的新特点。

如果你的主要工作是写HTML代码,你就知道这些代码一行一行的,足可以翻几页,这样太烦人了。更糟糕的是,如果你想看另一段代码,你得用滚动条翻来翻去,终于找到了这段代码,然后你又得用滚动条翻回去!除非你在开始找的时候,定义一个特殊的标记。Dreamweaver 8则解决了这一点,相关的代码段,可以通过编辑器左边的"+"号和"-"号展开和关闭

Dreamweaver cs4简介[ ]

Dreamweaver Cs4功能更加的强大和完善,除了界面的改变更有一些质的变化。

一、JavaScript代码外链和书写提示以及错误提示 很多朋友对js错误很纠结,一个小标点就让人头上冒烟,现在DW会告诉你错误在哪里,大大节省了工作者的时间和脑力。

二、新增实时视图功能 网页设计者最讨厌各种浏览器HACK,DWcs4添加了实时视图功能,让网页更符合W3C标准。


Dreamweaver使用手册[ ]

Dreamweaver安装[ ]

Dreamweaver使用[ ]

  • DreamWeaver使用 CSS 对页进行布局
  • DreamWeaver使用表格显示内容
  • DreamWeaver使用框架
  • DreamWeaver管理模板
  • DreamWeaver使用页面
  • DreamWeaver插入文本和设置文本格式
  • DreamWeaver链接与导航

Dreamweaver其他[ ]

相关条目[ ]

参考资料[ ]

百度百科