第3章 Dreamwear网页设计.ppt

《第3章 Dreamwear网页设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第章Dreamweaver操作基础行为的应用网页布局技术网页文档基本操作表单操作CSS样式表的应用总结与习题Dreamweaver网页设计Dreamweaver是Macromedia公司出品的一款集网页制作和网站管理于一体的“所见即所得”的网页制作软件。无论用户愿意享受手工编写HTML代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都提供了有用的工具，使用户拥有更加完美的Web创作体验。Dreamweaver操作基础3.1作为网页制作软件，Dreamweaver提供了功能强大的可视化设计工具和精简而高效的代码编辑环境，使开发人员

2、能够快捷地创建规范的Web应用程序，构建功能强大的网络服务体系。Dreamweaver的主要特点及功能如下页所示。Dreamweaver操作基础3.1特点1是集网页制作和网站管理于一体的“所见即所得”的网页制作软件。使用内置的图形编辑程序节省开发时间。将设计和代码编辑器合二为一；设计者可书写HTML代码或以可视化的形式设计Web页。提供操作方便、功能强大的用户界面。特点4特点2特点3Dreamweaver操作基础3.1特点5提供完美的CSS支持，可利用丰富的CSS样式表构建复杂、规范的站点提供完整的集成开发环境，可以开发多种站点，还可定制和扩展开发

3、环境可与一些常见格式的外部文档或代码实现无缝结合提供了较多的行为，用户不用书写代码即可设计出功能丰富的网页特点8特点6特点7Dreamweaver操作基础3.1特点9通过布局视图技术将表格和层两种排版工具结合起来，从而提供精确而灵活的页面排版功能强大的网站管理功能提供了跨浏览器兼容性检查功能，以检验页面中是否包含目标浏览器不支持的标记或CSS结构易学、易用，只要掌握了其基本操作方法，即使初学者也能制作出具有专业水平的网页特点12特点10特点11Dreamweaver操作基础3.1初次启动Dreamweaver后，会弹出【工作区设置】对话框，对话框中

4、提供了“设计器”和“编码器”两种布局风格，使用者可以根据自己的操作习惯，从中选择一种工作区布局当选择一种工作区布局后，如果想切换成另一种工作区布局，可以选择【窗口

5、工作区布局】，然后在弹出的子菜单中选择工作区布局。Dreamweaver操作基础3.1Dreamweaver在启动时，默认显示【起始页】对话框，用户可以在这个对话框中创建文档或打开最近使用过的文档，还可以通过产品介绍或教程了解关于Dreamweaver的更多信息。如果选中“不再显示此对话框”选项，则以后启动Dreamweaver时将不再自动显示起始页Dreamweaver操作基础3.1当

6、新建或打开一个Web页后，Dreamweaver显示出工作区窗口，窗口由主菜单、工具栏、文档窗口、面板组、属性面板等组成Dreamweaver的工作区窗口如下图所示Dreamweaver操作基础3.1Dreamweaver的工作界面主菜单主菜单提供Dreamweaver的所有操作，各菜单项的功能介绍如下：Dreamweaver操作基础3.1【文件】用于管理文件。包括创建和保存文件、导入与导出、预览等。【编辑】用于编辑操作。包括撤销与恢复、复制与粘贴、查找与替换、参数设置与快捷键设置等。【插入】用于插入页面元素。如图像、层、表格、表单、框架、特殊字符

7、等。Dreamweaver操作基础3.1【查看】用于查看对象。如代码的查看，网格线、面板、工具栏的显示/隐藏等。【修改】用于对页面元素的修改。如链接、表格、层位置、时间轴等。【文本】用于对文本的操作。如文本格式设置、HTML/CSS样式、段落格式化等。Dreamweaver操作基础3.1【命令】汇集了所有的附加命令项。如录制命令等。【站点】用于创建和管理站点。【窗口】用于打开/关闭面板和窗口【帮助】包含Dreamweaver的联机帮助、技术支持等。Dreamweaver操作基础3.1插入工具栏插入工具栏包含用于将各种类型的对象插入到文档中的按钮，每

8、个对象都对应一段HTML代码。由于可以插入的对象很多，所以插入工具栏采取分类显示的方法，单击插入工具栏的“类别名”显示区域，显示类别列表，从中选择一个类别后，该类别所包含的工具按钮出现在工具栏中。各类别所包括的按钮列举如下：Dreamweaver操作基础3.1【常用】包括链接类、图像和表格类、模板和标签类等常用的对象。【布局】包括表格、div标签、层和框架等对象，还可以在此选择视图模式【表单】包括用于创建表单容器和插入表单元素的工具按钮。Dreamweaver操作基础3.1【文本】包括定义文本格式和列表格式的各种设置按钮。【HTML】包括用于插入水

9、平线、文件头内容、表格、框架和脚本的HTML按钮。【应用程序】包含插入记录集、重复区域等动态元素的按钮。Dreamweav