第1章2DreamweaverMX2015概述.pptVIP

第1章 Dreamweaver MX 概述 教学内容: 1、了解Dreamweaver MX 的概念 和新功能. 2、掌握Dreamweaver MX 的工作界面. 3、会进行 Dreamweaver MX 的首选参数的设置 4 、会使用Dreamweaver MX 各种面板组 网页设计的三种方式 １、手工编码方式 网页是由HTML（HYPER TEXT MARKUP LANGUAGE）超文本标记语言编码的文本文档，设计制作网页的过程就是生成HTML代码的过程。 手工编码制作网页对网页设计人员的要求较高，编码效率低，调试过程复杂。但手工编码可以灵活地制作出丰富的网页效果。 网页设计的三种方式 ２、可视化工具方式 利用FrontPage、Dreamweaver这些工具人们在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。 利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但利用可视化工具在制作一些特殊网页效果上有一定的局限性。 网页设计的三种方式 ３、编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。具体过程为：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。 这种方式效率高、调试方便而且可以实现丰富的网页效果，但要求设计人员既要熟悉Html语言又能运用可视化工具。 组成网页的基本元素 １、文本 ２、图像和动画 ３、声音和视频 用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。 视频文件的格式也非常多，常见的有Realplay, MPEG, AVI和DivX等 ４、超级链接 ５、表格 ６、表单 ７、导航栏 ８、其他元素：如按钮，Java特效，ActiveX等各种特效 1.1、什么是DREAMWEAVER DREAMWEAVER 是一款专业的网页制作工具，集网页制作和网站的管理与一身。 Dreamweaver MX和Fireworks MX、Flash MX一起，被人们喻为“网页制作三剑客”。 Dreamweaver MX能够很好的支持ActiveX, JavaScript, Java, Flash和Shockwave等，而且还能通过鼠标拖动的方式从头到尾制作动态的HTML效果。 Dreamweaver MX允许用户使用ASP、JSP、PHP等服务器技术创建动态的网页和维护网页。 1.2、 Dreamweaver MX的新功能 1、改进的INSERT栏 2、外部文挡/代码的无缝结合（WORD、EXCEL） 3、改进的表格编辑工具 4、灵活的开始界面 5、FTP安全保障 6、跨浏览器有效性检查 7、内置的图形编辑程序让开发更加节省时间 8、功能更多的CSS支持 9、支持Macromedia FLASH 元素 10、更多有效的代码编辑工具 1.3 Dreamweaver MX 的工作界面 1.3.1 选择工作界面 1.3.2 界面组成 标题栏、菜单栏、工具栏、文档窗口、状态栏、属性栏、控制面板 注：控制面板是Dreamweaver 中常用的资源面板，主要包括Design、Code、 Application、Tag Inspector、Files、Frames、 History等7个面板，可以通过Windows 菜单显示/隐藏面板。 * *