1.3 Dreamweaver认知 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（机械工业出版社）

网页设计与制作 第一章 网页与网站的基础知识 网页设计是一门综合技术，在制作网页之前应该了解网页的基础知识，同时还应掌握Dreamweaver CS5.5设计平台的工作界面结构以及各个部分所能完成的基本功能。 1.3 Dreamweaver认知 1.3.1 Dreamweaver CS5.5的新功能 1. CSS3/HTML5 支持 2. jQuery集成 3. 借助PhoneGap构建本机 Android 和IOS应用程序 4. FTPS、FTPeS支持 5. 移动 UI 构件 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 1. 标题栏 在Adobe Dreamweaver CS5.5的窗口标题栏上整合了网页制作中最常用的布局、DW扩展、站点管理器和设计器按钮，这些常用的命令按钮可以从菜单栏或者工具栏中找到与之相应的选项。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 2. 菜单栏 Dreamweaver CS5.5的主菜单共分10种，即文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 3. 插入工具栏 在“设计器”布局模式下，Dreamweaver CS5.5将原先的插入栏默认呈现为插入面板形式。该面板包含成行的对象图标，用于创建和插入网页元素。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 4. 文档工具栏 文档工具栏包含一系列按钮，主要用于切换编辑区视图模式、设置网页标题、在浏览器中浏览网页以及检查浏览器兼容性等。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 5. 文档窗口 文档窗口用来显示当前所创建和编辑的HTML文档内容。该窗口有代码、拆分和设计3种视图模式。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 5. 文档窗口 文档窗口用来显示当前所创建和编辑的HTML文档内容。该窗口有代码、拆分和设计3种视图模式。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 5. 文档窗口 文档窗口用来显示当前所创建和编辑的HTML文档内容。该窗口有代码、拆分和设计3种视图模式。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 6. 标签选择器 标签选择器位于文档窗口底部的状态栏中，它显示环绕当前选定内容的标签的层次结构。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 7. 属性面板 通过属性面板可以检查和编辑当前选定的页面对象的属性。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 8. 浮动面板组 Dreamweaver CS5.5通过一套面板和面板组系统来轻松处理不同的复杂界面。 小结 本章从网页的基础知识入手，根据不同网站的特点，从颜色、布局结构等方面进行了一一阐述，同时全面展示和介绍了DreamweaverCS5.5的工作界面及其功能含义以及后台HTML代码的核心标记。 Thank You ! $