Dreamweaver MX中文版建站攻略(一)连载

晴乐天

Dreamweaver MX中文版简介

作者:痴心不改
Macromedia公司推出的Dreamweaver MX中文版，不仅是专业人员制作网站的首选工具，而且普及到广大网页制作爱好者中，相对于其它网页制作工具和以前版本，有以下这些优势：

◇ 对简体中文良好的支持，不会出现一些不兼容中文的现象。例如，在早期的Dreamweaver4.0中，制作Flash按钮时会出现乱码。

◇ 使用Dreamweaver MX中文版，可以在可视化界面制作出ASP，ASP，NET，JSP，PHP， ColdFusion站点。

◇ Dreamweaver MX中文版自带大量模板，简化了用户的制作过程。

◇ Dreamweaver MX中文版支持数量众多的第三方插件，大大增强了Dreamweaver MX的功能。

◇ 通过配置 Dreamweaver MX 生成符合 XHTML 的代码，确保用最新的 HTML 设计标准及时更新站点。



如何获取Dreamweaver MX简体中文版

从Macromedia中文官方网站，可以下载到试用版的Dreamweaver MX。

Macromedia中文官方网站：http://www.macromediachina.com/

也可以使用google搜索引擎：http://www.google.com以Dreamweaver MX简体中文版+下载，作关键词搜索并下载些软件。

Dreamweaver MX十大新功能：

◇     直观的新工作区

通过标记的文档窗口、可对接的面板组、可自定义的工具条和集成的文件浏览，节省宝贵的开发时间。  

◇ 更加强大的模板

为开发人员设置尖端的规则，以便在不影响站点设计的情况下输入内容。嵌套的模板支持更为自定义的布局控制，而可编辑和可选的地区则允许开发人员更加灵活地输入内容。

◇  广泛的代码库

使用预置的代码库创建插入和更新表单、记录集导航页和用户认证页。通过用现场数据填充设计视图来测试布局。

◇ 新服务器技术支持

Dreamweaver MX 新增了对构建 ColdFusion MX、ASP.NET 和 PHP 网站的支持，以及对开发 ASP、JSP 和传统 ColdFusion 应用程序的支持。

◇ 帮助您起步的示例内容

利用专业质量的、预置的布局和代码，包括站点结构、表单、可访问的模板和 JavaScript 客户机方交互功能。运用能够即时为动态站点、静态站点或 ISP 托管的站点配置站点信息的站点设置向导，快速创建新站点。

◇ XML 和 Web 标准支持

    通过 XML 支持保持前沿领先优势，包括编辑、确认和导入纲要。轻易地自省ColdFusion、.NET 和 Java 中基于 XML 的 web 服务。通过 XHTML 输出的默认创建及标准 HTML 到 XHTML 的简单转换，确保标准一致性。

◇ 改进的级联样式表 2 (CSS2) 支持

使用 Dreamweaver MX 中改进的 CSS 渲染和设计工具，构建符合最新 CSS 标准的站点。Dreamweaver MX CSS 面板经过增强，可显示内外部定义的样式，并支持仅设计时间样式表。

◇ 高性能的新编码功能

利用高性能的编码功能（如代码提示、标记编辑器、可扩展的颜色编码、标记选择器、代码片段和代码确认，更快地编写自己的代码。

◇ 辅助功能

利用页面和站点的符合性检查功能、产品内含的参考内容及辅助功能有源创作模式，随时了解最新的美国法律和国际标准。

◇ 为 ColdFusion MX 开发而优化

ColdFusion 的初学者会发现站点向导、代码示例和参考材料很有帮助意义。而高级开发人员可以利用最新的 ColdFusion MX 功能，包括 ColdFusion 组件、web 服务以及集成的调试和跟踪。

晴乐天

Dreamweaver MX中文版建站流程

作者：痴心不改

　　现在最流行的就是上网了，看到一个个精美的个人网站，是不是也有种冲动想自己来做网站？做网站可得做得好啊！Dreamweaver MX中文版的出现，使制作一个功能强大的网站，变得很容易，可以轻易的做出以前被认为很复杂的ASP，PHP网站。很重要的一点，它是中文版的，大家以后不会为看不懂英文头痛了J我知道大家的心情，很想快速学好制作网页，特别是一些想从事这个行业的人，学习网页制作时寄托了很高的期望，任何一个不明白的地方，都有可能被卡住。在接下来的教程中，将会给大家讲的尽量通俗易懂，一看就会。因为是中文版，有些简单的部分只会稍作介绍，容易出错和价值很高的部分，将作为重点。通过几个建站实例，一步一步的带大家掌握网页制作技术。我觉得做网站制作中，首先要了解的就是制作流程了。

　　整个网站的制作流程：在Photoshop或者Fireworks中作出效果图→切图→在Dreamweaver中添加文字，定义样式。

　　使用Dreamweaver也可以制作出整个网站，只是Dreamweaver本身不适合处理图片，需要Photoshop或者Fireworks的配合。下面是使用Dreamweaver制作静态站点的流程，动态站点流程将在以后介绍。

　　新建站点→站点文件命名→定义页面属性→插入表格→定义页面大小→转换到布局视图→添加内容→插入导航条→转换到标准视图工作→添加链接→使用代码片断→定义及应用CSS→添加动态交互→链接站点各个页面。

　　还有一些很重要的功能，是进阶必须掌握的技术。我认为下面的一些技术，是很重要的。

1　分析一个站点的方法

2　使用模板

3　使用框架

4　表格的应用技巧

5　使用插件

6　使用多页

7　在代码视图设计

8　实用的代码片断

9　层

10　时间轴

11　使用颜色

12　查找与替换功能

13　库

  以上是一个静态网站建设流程和需要掌握的技术。在后面的几篇文章中，将通过建立一个网站实例，具体介绍这些内容。

晴乐天

Dreamweaver MX中文版建站流程

作者：痴心不改

　　现在最流行的就是上网了，看到一个个精美的个人网站，是不是也有种冲动想自己来做网站？做网站可得做得好啊！Dreamweaver MX中文版的出现，使制作一个功能强大的网站，变得很容易，可以轻易的做出以前被认为很复杂的ASP，PHP网站。很重要的一点，它是中文版的，大家以后不会为看不懂英文头痛了J我知道大家的心情，很想快速学好制作网页，特别是一些想从事这个行业的人，学习网页制作时寄托了很高的期望，任何一个不明白的地方，都有可能被卡住。在接下来的教程中，将会给大家讲的尽量通俗易懂，一看就会。因为是中文版，有些简单的部分只会稍作介绍，容易出错和价值很高的部分，将作为重点。通过几个建站实例，一步一步的带大家掌握网页制作技术。我觉得做网站制作中，首先要了解的就是制作流程了。

　　整个网站的制作流程：在Photoshop或者Fireworks中作出效果图→切图→在Dreamweaver中添加文字，定义样式。

　　使用Dreamweaver也可以制作出整个网站，只是Dreamweaver本身不适合处理图片，需要Photoshop或者Fireworks的配合。下面是使用Dreamweaver制作静态站点的流程，动态站点流程将在以后介绍。

　　新建站点→站点文件命名→定义页面属性→插入表格→定义页面大小→转换到布局视图→添加内容→插入导航条→转换到标准视图工作→添加链接→使用代码片断→定义及应用CSS→添加动态交互→链接站点各个页面。

　　还有一些很重要的功能，是进阶必须掌握的技术。我认为下面的一些技术，是很重要的。

1　分析一个站点的方法

2　使用模板

3　使用框架

4　表格的应用技巧

5　使用插件

6　使用多页

7　在代码视图设计

8　实用的代码片断

9　层

10　时间轴

11　使用颜色

12　查找与替换功能

13　库

  以上是一个静态网站建设流程和需要掌握的技术。在后面的几篇文章中，将通过建立一个网站实例，具体介绍这些内容。

晴乐天

明天在发太晚了！！
如果没人顶就不发了~~~~~

快乐晓生

有人，来个图文教程就完善了！

晴乐天

Dreamweaver MX中文版建站初步

作者:痴心不改

　　建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。现在免费的网页空间很少了，在http://www.51.net还可以申请到可以使用几个月的免费空间，这对于学习网页制作已经够了。接下来主要介绍本地站点的建立，站点文件命名。

简明步骤：在C盘新建一个文件夹→在Dreamweaver中定义站点→新建文件和文件夹→给文件和文件夹命名。

目标是做一个个人网站。打开“我的电脑”，打开C盘，点鼠标右键，选择新建。

晴乐天

选择文件夹选项

C盘下会出现一个新建文件夹图标

输入你想要的站点名称，这里输入media,其实可以任意输入名称的，要注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！

现在开始在Dreamweaver MX中把media这个文件夹定义为站点。

打开Dreamweaver，在菜单栏上，点击站点菜单，选择新建站点

接下来需要给站点起一个名字，可以起任意一个名字。

这里起名为media,按下一步

按下一步按钮，选择是否使用服务器技术。因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”。

按下一步按钮，因为要传到网上的虚拟主页空间，就要选择“编辑我的计算机上的本地副本，完成后再传到服务器上”。

按下一步，选择要定义的本地根文件夹

这里选择media文件夹

点“选择”按钮，因为没有使用远程服务器，就选择“无”。

按下一步

按完成按钮，一个站点就定义好了。

(编辑：晴乐天)

晴乐天

文件命名及修改默认扩展名

作者:痴心不改

  站点定义好之后，就要开始新建网页文件和文件夹了，在站点中点击右键，选择新建文件。

给新建的文件输入名称

新建文件夹与新建文件类似，就不重复了。在文件命名和站点结构方面，养成良好的习惯很重要。

网站首页默认的文件名，取决于你申请的主页空间，一般是index.htm,index.html,default.htm等。同类型的文件，最好放在一个文件夹中，例如把图片文件，都放在image文件夹中。不要把所有文件都放在根目录下，把一个栏目的所有文件放在一个文件夹中，在链接网页和维护时，会很方便。文件和文件夹的命名，可以用栏目名称的拼音，也可以用栏目名称的英文，团队开发时，有统一的命名规则相当重要。例如个人简历这个栏目，命名的文件夹名称可以是jianli，如果命名成英文，可以是me。论坛这个栏目的命名，大家都是用bbs作文件夹名称。

应该有人发现了，怎么Dreamweaver MX默认扩展名是.htm，可我的空间默认扩展名是.html啊，难道要一个一个改扩展名？有办法的！修改Dreamweaver MX的一个配置文件，就可以把默认扩展名从.htm改到.html。

以windows2000操作系统，Dreamweaver MX默认安装路径为例，找到  

文件名（MMDocumentTypes.xml）这个文件，此文件位于：C:\\Program Files\\Macromedia\\Dreamweaver MX\\Configuration\\DocumentTypes文件夹下。

双击MMDocumentTypes.xml，在Dreamweaver MX中打开

把第三行的html移动到\\\"htm,html,shtml,shtm,stm,lasso,xhtml\\\"这部分最前面的位置，就是改成\\\"html,htm,shtml,shtm,stm,lasso,xhtml\\\"。



保存文件。重新打开Dreamweaver MX，新建一个文件，默认扩展名变成.html了，其它扩展名修改方法类似。

(编辑：晴乐天)

yeah7314

简单教材！

辛苦劳作！