网页制作基础

第四章　Dreamweaver　网页制作基础

本章重点

1. 知道Dreamweaver外观界面的用法。

2. 知道Dreamweaver的工作环境设置。

3. 熟练掌握网页元素的添加。

4. 熟练掌握CSS样式表的使用。

案例导入

代　　码

虽然所有的网页都是由HTML代码构成的，但是即使是对HTML最熟悉的人，直接使用记事本等简单工具去构建一个大型网站的工作难度仍然难以想象。Dreamweaver是一个可视化的网页设计和网站管理工具，它能使我们通过简单的鼠标、菜单操作代替代码记忆和录入，把我们从大部分繁重和重复性的工作中解放出来，从而能够把更多的时间和精力花在制作更美观、更具个性化的网页上。

当我们在Dreamweaver中创建一个新网页文件时，只需要选择菜单【文件】〉【新建】〉【空白页】，并单击【创建】按钮，以下代码就会自动添加到新建网页中。

〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"〉

〈html xmlns="http://www.w3.org/1999/xhtml"〉

〈head〉

接下来，就可以在这个基础上修改、添加内容。虽然我们仍然需要对这些标记有一定的了解，但毕竟不再需要死记硬背，同时也节省了时间。Dreamweaver提供了大量类似的辅助功能，这使得每个网页开发人员都能从中受益，而它也成为世界上最流行的网页开发和管理工具之一。

Dreamweaver 是一个专业的HTML编辑器，用于对Web站点、Web网页和Web应用程序进行设计、编码和开发。无论用户是喜欢直接编写HTML代码，还是偏爱在可视化编辑环境中工作，Dreamweaver都会为用户提供众多的帮助工具，丰富用户的网页创作体验。

利用Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无须编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。也可以在Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入Dreamweaver，或者添加 Macromedia Flash 对象，从而优化开发工作流程。