《dreamweaver基础教程—使用dreamweaver构建html结构》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作与网站开发从入门到精通使用Dreamweaver构建HTML结构对于初学者来说，如果不能熟练掌握一种或多种Web设计和开发工具，将会面临众多挑战，甚至是举步维艰。可以毫不夸张地说，精通一种工具对于所有Web开发和设计人员来说都是至关重要的。Web设计和开发的工具众多。有小巧灵便的EditPlus（高手的最爱），也有功能庞大的VisualStudio（.NET开发的必备工具），还有新兴时尚的Aptana（支持Web2.0）等。但是总体来说，Dreamweaver 应该算是比较经典、口碑尚佳的Web 设计、开发和管理工具。横向比较，Dreamweaver 的优势在

2、于它对HTML技术和CSS技术的支持比较完善。不管是成熟的工作流、强大的可视化操作界面，还是性能卓越的站点管理表现，都让专业人士和业余爱好者爱不释手。本章将从HTML结构重构方面来探索Dreamweaver 工具的使用，挖掘Dreamweaver 为初学者提供的最佳操作流程，以及Web设计和开发的整合功能。当然，本书不是Dreamweaver 软件操作教程，无法深入讲解Dreamweaver 界面操作的每个细节和技巧，如果读者希望精通Dreamweaver，建议选购Dreamweaver 软件操作类图书。1可视化网页编辑工作流评价Web设计和开发工具的优劣不妨参考两点

3、：第一，功能是否完善；第二，操作是否方便（即易用性）。从功能角度来分析，目前Dreamweaver 还不是最优秀的集成工具，特别是在相关脚本和Ajax技术框架的支持方面稍显落后，但是它的工作流是非常棒的，操作起来非常方便。综合起来比较，Dreamweaver 应该是Web设计和开发人员的最佳操作工具。无论是可视化设计、编码环境、网站集成开发和Web拓展功能服务等方面都是非常优秀的。1.1 可视化构建HTML结构在Dreamweaver可视化编辑环境中，我们习惯于把所有被操作的元素称为对象。例如，文本对象、图像对象、视频对象、Flash动画对象、声音对象、超链接对象、表

4、单对象和表格对象等。启动Dreamweaver，按常规步骤新建网页文档，Dreamweaver 会在提示对话框中要求选择文件类型、模板类型和文档类型等，这在一般Web编辑器中是没有的功能，可谓服务细致入微。新建的文档在可视化编辑环境中显示为一块空白区域，如图1所示。42使用Dreamweaver构建HTML结构图1Dreamweaver的可视化编辑环境光标闪烁处正是编辑区域的起始位置，此时可以在菜单栏的【插入】菜单中选择准备插入的对象。该菜单中包含图像、多媒体（如视频、音频、Flash 动画等）、表格、布局对象、表单和超链接等网页中大部分的对象内容。插入对象时一般会打

5、开对话框要求进行必要的设置，在编辑窗口中的插入点显示对象效果。插入对象之后，可以随时选中对象，并在窗口底部的【属性检查器】面板中设置对象的属性，【属性检查器】面板能够自动侦测用户所选对象并显示该类型对象的设置项。所有设置都会即时呈现在编辑窗口中的插入对象上，从而可以直观地查看对象的设置效果。小型编辑器一般都不会提供这种即时预览功能。例如，下面以示例的形式演示使用Dreamweaver可视化操作构建HTML结构的过程和方法。所设计的结构如下： 

网页标题

网页副标题

6、v>  

栏目标题

• 列表项1
• 列表项2