网页设计dreamwe***er教程-dreamwe***er 网页设计

div>

Dreamwe***er提供网页规划、设计到管理全方位功能，兼顾设计与程序开发，是制作网页时的不二之选。提供「所见即所得」的可视化环境，设计阶段即能准确掌握呈现效果。软件的强大设计功能，让网页设计人员能轻易摆脱html原始码的限制，以较少的时间做出具专业水平的站点。请各位由「开始」菜单执行「Adobe Dreamwe***er CC」，即可开启Dreamwe***er程序。当各位在「新建」处点选「HTML」选项，建立第一个HTML文件后，就会进入Dreamwe***er的工作界面。在开始操作软件之前，让我们先熟悉一下工作环境。

菜单

放置Dreamwe***er各项编辑命令的区域，不过许多功能命令可透过鼠标右键所显示的快捷菜单来执行。

插入面板

插入面板用来插入各式各样的网页组件，面板上的每一个图标都代表着一种元素，只要点选面板中的功能图标，就可以将相关组件放置到网页上。至于「插入」面板的开启及隐藏，可由「窗口/插入」命令来切换。

文档窗口

文档窗口是网页内容的编辑区域，设计出来的网页画面与实际浏览时所呈现的效果几乎一模一样。

预设状态会在文档名称下方显示「文档工具栏」，内含「代码」、「拆分」、「设计」、「实时视图」及「文件标题」、「文件管理」等工具钮。另外， reamwe***er还提供有「标准工具栏」，内含「新建」、「开启」、「储存文件」、「全部储存」及「剪切」、「复制」、「贴上」、「还原」、「重做」等快速工具，如要显示「标准工具栏」，可勾选「查看/工具栏/标准」命令。

属性面板

可对页面中的各种元素进行调整及编辑。当各位在页面上点选不同的网页元素时，属性面板也会对应显示不同的属性。执行「窗口/属性」命令可决定是否显示「属性面板」。

其它工作面板

其它工作面板则是放置各种类别的***编辑面板，画面上所看到「CSS设计器」、「CSS过渡效果」、「文件」等面板，都是Dreamwe***er预设启动的工作面板。

2. Dreamwe***er建立站点

「建立站点」是在Dreamwe***er中设计网页的首要步骤，各位必须要在硬盘中建立一个用来放置所有网页内容的文件夹，然后利用Dreamwe***er来对此文件夹进行管理。利用Dreamwe***er在本机建立站点的方式相当简便快速，只要简单的步骤，便可完成设定。

3. 新建网页页面

要在站点中新建网页文档及文件夹时，可以利用「文件」面板来进行，一般站点首页所使用的文档名称通常为「index.html」。此处我们以前面建立的「班级站点」来做说明。你也可以执行「文件/新建」命令来新建网页文档，并且在「新建文档」的窗口中选用文件类型。不过***用此方式新建文件时要记得执行存盘动作，并且在存盘的过程中设定文件名称。

这是我个人觉得使用adobe dreamwe***er制作网页必须要知道的基础知识，剩下的就靠对干软件的细心学习了，祝您快速掌握该软件！

怎么用dreamwe***er制作简单网页？

如果想做这行建议先学好html和css语法，dreamwe***e只是加快开发速度而已。如果只是想做网站，用dw只能做静态没有任何意义，现在网站都是动态，有后台的，建议直接下载pageadmin这些网站管理系统来用。

DW软件怎么制作框架网页？

第一、首先在DW软件中创建一个HTML文件。然后点击工具栏上的插入。

第二、然后插入的选项窗口中，选择HTML。再选择框架。

第三、然后框架会弹出一个方向的选项窗口。选择[_a***_]上缘。

第四、然后点击HTML文件下的拆分。在右边的效果栏就可以看到透明的白线。

第五、然后按shift键加F2键。就可以弹出框架的显示图窗口。

第六、然后选择框架显示图窗口中的框架。右边的显示窗口会有虚线出现，拉动虚线，就可以改变框架的大小。

1、在开始菜单打开dreamwe***er，打开之后，见到的第一页默认应该是下图所示的这样，我们选择html，就进入网页的编辑窗口了。

2、如何进入框架的编辑呢，如果你的工作区不是“经典”，那就切换过来，在右上角的位置。这样方便找到布局，当然你还可以在“修改”选项中找到框架。我们就以“经典”工作区进行编辑。

3、单击框架右下角的黑色三角形，就出现许多种框架格式，我们选择“顶部和嵌套的左侧框架”，当然你可以根据实际需要选择。这种框架也是比较常用的。

4、选择“顶部和嵌套的左侧框架”后会出现一个对话框，如果没有修改的必要，那就选择默认的就行，单击“确定”，对框架进行编辑。

5、如果在右侧没有显示框架的窗口，那么可以在“窗口”选项中打开框架窗口，这对于我们后来的编辑很有好处，你也可以直接按"shift+f2"快捷键打开。

6、我们可以对框架进行各种编辑，如修改边框颜色和宽度。在刚刚打开的框架窗口里单击需要编辑的那一层的边框，或者直接单击编辑窗口里的框架边框，不过通常前者更加方便和直观。这样做之后，会出现下面的属性。我们就可以进行各种编辑了。

7、因为框架每一个框都是一个独立的网页，所以保存的时候要特别注意，不仅需要保存每个网页文件，还得保存边框的结构。比如说刚刚我建立的哪个框架，需要保存四个文件。