最后版本 |
您的文本 |
第1行: |
第1行: |
| [[Image:Dreamweaver.png|right]]
| | ==Dreamweaver的介绍== |
| | Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具,它与Flash、Fireworks合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,Flash用来制作精美的网页动画,而Fireworks用来处理网页中的图形。 |
|
| |
|
| '''Dreamweaver'''是制作[[网页]]的好工具。Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的[[Macromedia]]公司推出的可视化网页制作工具,现已被[[Adobe]]公司收购。它与[[Flash]]、[[Fireworks]]合在一起被称为[[网页制作三剑客]],这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,[[Flash]]用来制作精美的网页动画,而[[Fireworks]]用来处理网页中的图形。 | | *'''Dreaweaver8简介''' |
| [[Image:173.jpg|right|200px]]
| |
| | |
| ==Dreamweaver的介绍==
| |
| ===Dreamweaver8简介===
| |
| 我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了! | | 我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了! |
| | Dreamweaver 8,Macromedia开发者们把这些提议都放在心里了,如果你是一个代码狂人,你将会迷恋于Dreamweaver 8新的编码工具栏。让我们看看它的一个新的编码特点——代码折叠。在下面的文字里,我们将带你体会这个非常不错的新特点。 如果你的主要工作是写HTML代码,你就知道这些代码一行一行的,足可以翻几页,这样太烦人了。更糟糕的是,如果你想看另一段代码,你得用滚动条翻来翻去,终于找到了这段代码,然后你又得用滚动条翻回去!除非你在开始找的时候,定义一个特殊的标记。Dreamweaver 8则解决了这一点,相关的代码段,可以通过编辑器左边的"+"号和"-"号展开和关闭 |
|
| |
|
| 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>
| |
|
| |
| *'''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/使用层叠样式表设置文本格式|使用层叠样式表设置文本格式]]
| |
| </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地址,这个不用去管它。 |
| | #单击下一步,会提示你“是否使用服务器技术”,对于新手来说,选择,“否,我不使用服务器技术”,如果你感到自己有能力使用服务器技术,那么你也可以选择使用服务器技术。 |
| | #单击下一步,选择“文件存放的位置”,这里文件位置,是你存放站点的路径。 |
| | #单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目录下。 |
| | #单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,点击完成。 |
| | 这样就建立好了一个站点,那么你就可以在这个站点上进行网页编辑了。 |
|
| |
|
| == 相关条目 ==
| | *'''创建和打开文档''' |
| *[[Photoshop]]
| | Macromedia Dreamweaver 8 为处理各种 Web 设计和开发文档提供了灵活的环境。除了 HTML 文档以外,您还可以创建和打开各种基于文本的文档,如 CFML、ASP、JavaScript 和 CSS。Dreamweaver 还支持源代码文件,如 Visual Basic、.NET、C# 和 Java。 |
| *[[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]]
| |