Dreamweaver基础

Dreamweaver

DW是一个专业的网页设计软件，同时也支持动态网页的开发。目前CS4版本很好地支持ASP，PHP等服务器端开发脚本，对于客户端，CS4很好的支持javascript，ccs等。

 

DW的设计视图

DW中有两种基本工作区：代码视图和设计视图；

对于普通的设计者仅仅需要知道设计视图，并通过DW直接在设计视图中设计所要的web页面即可完成网站的设计。在设计过程中，最常用用到的工具来自“插入”菜单。插入菜单提供各种HTML标签，设计者仅需根据各种设计需求在设计视图中插入各种HTML元素(标签和内容)，DW将自动生成完整且符合规范的HTML代码。即，DW能够让用户采用“所见即所得”的方式来设计自己的网页。

常用的网页布局方式：使用 CSS 对页面进行布局，使用 HTML 对页面进行布局。

本质上HTML近是为了呈现网站的内容，并不控制显示，因此，采用CSS来控制HTML标签的显示是最佳的方式，因此，应该多使用div来实现CSS布局，而不是古老的表格布局方式。

 

在完成布局之后，设计者可往页面中插入各种HTML元素来丰富和晚上页面设计。因此，作为DW的用户，非常有必要牢记各种插入命令的快捷键！

 

DW的代码视图

本质上，用户可在代码视图中，手动编辑各种HTML代码来完成网页设计，但这要求设计者精通HTML，不太适合初学者。当然对于初学者，读懂并理解DW自动生成的代码，也是必要的，在设计过程中，经常需要手动更改部分代码来调整页面。

 

采用DW开发的第一步就是“建立站点”。所谓站点其实就是网页的存放目录。DW允许开发者在本地设计和开发，同时用过远程服务器来测试网页，因为本地服务器可能不能正确解析开发中的网页(如缺少web服务器和php等)。当然在实际开发中，经常将本地开发机作为测试服务器使用。

 

对于开发服务器端的动态网页，需要服务器安装apache，php，mysql等基础软件。这是一个经常碰到的话题，这里不多叙述。为了使web能够正确工作，一定要确保DW站点的本地文件夹和测试服务器的测试文件夹是一致的，同时确保本地文件夹处于apache根文件夹下。

对于web服务器的文件夹放置，如果采用“虚拟主机”,将有更大的自由度，站点页面可以任意放置，仅需正确配置apache的虚拟主机即可。

 

使用代码视图来开发网页的同时，我们可直接刷新设计视图来显示最新的HTML页面。即代码视图和设计视图是可保持同步的，换句话，我们可利用设计视图来测试代码的正确性。这在开发动态网页时非常有用。

 

DW的PHP开发

DW非常好地支持PHP语言，在完成测试服务器和站点设置之后，即可使用DW来开发动态网页。

 

DW支持PHP的代码提示和自动补全。自动补全一般用于补全全局变量，这在输入变量时非常好用。代码提示则需要人为触发，默认快捷键为：Ctrl+space，然此快捷键和输入法切换冲突，需重新定义，习惯定义为：Ctrl+k。目前php中有将近3000个函数，代码提示主要用于函数输入和函数查询。

 

在编辑含有php代码的页面时，如想查看当前代码生成的页面，可认为显式地触发“实时视图”，快捷键为Alt+F11。默认情况下，设计视图将在含php代码处，显示“php”图标，仅当触发实时视图时才真正执行php代码(前提正确配置测试服务器)，并且每次均需要手动触发更新。注意：请在“首选参数”à在浏览器中预览à选择”使用临时文件预览”。这样可避免每次触发实时视图的提示。