本书由浅入深地讲解了常用网页设计软件Dreamweaver CS3、Photoshop CS3、Flash CS3应用的多个方面,如网页配色知识基础、Dreamweaver CS3应用详解、Photoshop CS3使用基础、FIash CS3动画制作、在Dreamweaver中插入动画等,并讲述了这3款软件的综合应用实例,如构建房地产类网站、构建IT类商务网站等。
本书内容丰富全面,图文并茂,深入浅出,适用于广大网页设计人员,同时可作为一本速查工具书,适用于网络爱好者和计算机类各专业教师和学生使用,也可供网页设计培训等人员参考。
插图:
3.1.3文档窗口和状态栏
文档窗口显示当前创建和编辑的文档,在其中可以完成文档的大部分操作。文档窗口主要有代码、拆分、设计三种视图方式,如图3.9所示。
“设计”视图一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,显示了文档完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。
“代码”视图 一个用于编写和修改HTML、JavaScfipt、服务器语言代码(如JSP或ColdFusion标记语言CFML)以及任何其他类型代码的手工编码环境。不同类型的代码在代码视图中有不同的色标体系,用户可以通过代码视图中的不同颜色,来区分代码不同的功能部分。
“拆分”视图使用户可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。在代码视图窗口中编辑后,设计视图不会立刻呈现修改效果,此时需要用鼠标单击一下设计视图窗口。
网页浏览器的状态栏位于浏览器的下方,可在浏览器菜单栏上选择【查看】-【状态栏】菜单项,将其打开或关闭。网页的状态栏就是显示网页下载进度等网页的状态信息。
在“文档”窗口底部的状态栏中,提供了与创建文档有关的其他信息,如图3-10所示。
标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击可以选择文档的整个正文。若要在标签选择器中设置某个标签的class或id属性,请右击该标签并从上下文菜单中选择一个类或ID。