Dreamweaver MX网页设计与制作完整版全套PPT电子课件教案.pptx

第1章 走进 Dreamweaver ;1.1 第一个主页：基本操作 ;1. 9 插入Flash：在线游戏 ;1.1 基本操作 ;html head …… …… /head body …… …… …… /body /html;1.1.2 第一个网页的制作－－Hello World!;1.2 学生成绩表 ;1.2.3 表格的属性设置;1.2.4 制作学生成绩表;1.3 学生成绩分类汇总;无论文本、图像、动画等，一切在网页中可以插入的对象，在表格或者单元格中都可以插入。 插入方法基本相同，将光标置于表格或者单元格中，就可以执行相应的操作 所插入的对象，同样可以在属性面板中进行编辑 表格的嵌套 ;;1.3.2 制作成绩列表;设置表格的颜色;插入表格内容;1.4 网上花店;新建表格，并将光标置于某一个单元格内。 在属性面板中，单击[浏览文件]按钮，弹出选择文件对话框。 选择插入图片。 当插入的图片不在站点根目录或者其子目录中，则软件会提示是否需要复制一份拷贝文件到相应的根文件夹中。;;最终完成的网页效果图;1.5 小说封面;插入图片，并且为图片中的某一个区域绘制对应的“图像映射”，也就是热区。;1.6 层的使用;1.6.2 上机操作;插入多个层，注意连续绘制多个层的技巧： 按下[Ctrl]键，并画出层。在编辑窗口的左上角对应地显示层的图标。;1.7 星座介绍;1.7.2 上机操作;在左侧的表格中插入星座图片和文字;1.8 焰火晚会;在编辑窗口中插入一个1行1列的表格，并且在表格内插入Java Applet。;将本例需要的声音文件，以及实现Java Applet所以需要的一些文件拷贝到对应的网页目录中。;1.9 FLASH游戏;1.9.2 上机操作;插入Flash游戏文件;1.10 插入音频和视频;视频常见格式 Mpeg或Mpg 一种压缩比例较大的活动图像和声音的视频压缩标准，也是VCD光盘所使用的标准。 Avi 一种MS windows操作系统所使用的多媒体文件格式 Wmv Windows操作系统自带的媒体播放器Windows media player所使用的文件格式 Rm Real公司推广的一种多媒体文件格式，具有很好的压缩性能，网络中应用最广泛的格式之一。 Mov Apple公司推广的多媒体文件格式;1.10.2 上机操作;1.11 总结提高;;二、选择题;第2章 CSS样式表与模板 ;2.1　文字和图像的处理：生日贺卡 ;2.1.1 基本概念;打开已??准备好的网页素材;;;2.2 CSS样式：独具风格的主页 ;2.2.2 上机操作;;2.3 对文字运用CSS滤镜：蓝色生死恋;CSS滤镜－常用的Alpha滤镜 Blur滤镜 FlipV滤镜 FlipH滤镜;2.3.2 上机操作;我们还可以利用Blur滤镜制作动感字，它的语法格式为Blur(Add=?, Direction=?, Strength=?)。我们定义Blur(Add=1, Direction=90, Strength=150) ;CSS不仅可以对文字进行样式的修改，还可以对表格进行修改。 l???????? 区块样式的修改：精确定义整段文本中文字的字距，对齐方式等属性 l?????????方框样式的修改：大表格的外面加一条细细的边框，可以使用边框样式 　　边框样式的修改 ：定义特定元素的大小及其与周围元素的间距等属性;区块定义 方框定义 边框定义;2.4.2 上机操作;将【扩展】下的【过滤器】设为Alpha(Opacity=30) ;层是最早在图形图象处理中提出的一个概念，由于层的运用使得平面设计师在处理图像时可以多层操作、任意组合，从而大大提高了工作效率，也使创作出的效果更加丰富。Dreamweaver中的层概念与图像处理中层的概念不同，但它们都有一个共同点，就是层的重叠性。 Dreamweaver中的层可以理解为浮动在网页上的一层透明纸，它可以被准确地定位于网页的任意位置，并且可以设置大小。作为一种网页元素定位技术，使用层可以以像素为单位精确定位页面元素。 层还可以相互嵌套层，子层会继承父层的特征，如可见性、移动等。层在Dreamweaver中被认为是一个对象，这样就具有更多的特性，如制作动画、触发动作。如果要构建一个十分酷的网页，层的作用不能忽视。而对于层的应用。;2.5.2 上机操作;执行【文件】｜【另存为模板】命令 ;2.6 库项目的应用：公司主页 ;2.6.2 上机操作;为一个鲜花礼品公司的主页创建并编辑库项目。公司已经设计好的主页，直接将网页中现有的对象元素转换为库文件 ;;2.7 总结提高;;5．库有哪些作用？创建库项目的方法有哪些？ 6．创建一个库项目，库项目的内容为你的电话号码和电子邮件地址。 7．设计一个