如何用adobe dreamweaver制作网页

如何用adobe dreamweaver制作网页

谢谢邀请

使用adobe dreamweaver制作网页首先要了解该软件的一些基础知识，比如认识工作环境、建立网站站点、新建网页页面开始。

1.工作环境

Dreamweaver提供网页规划、设计到管理全方位功能，兼顾设计与程序开发，是制作网页时的不二之选。提供「所见即所得」的可视化环境，设计阶段即能准确掌握呈现效果。软件的强大设计功能，让网页设计人员能轻易摆脱HTML原始码的限制，以较少的时间做出具专业水平的站点。请各位由「开始」菜单执行「Adobe Dreamweaver CC」，即可开启Dreamweaver程序。

菜单

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

插入面板

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

文档窗口

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

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

属性面板

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

其它工作面板

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

2. Dreamweaver建立站点

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

3. 新建网页页面

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

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