《dreamweaver网页排版》由会员分享,可在线阅读,更多相关《dreamweaver网页排版(117页珍藏版)》请在金锄头文库上搜索。
1、,* 软 * 广 * 告* 支持作者请百度一下:中山好美家 做中山最好的装修公司,中山好美家液体墙艺装饰有限公司 网址: 合作加盟QQ:82265147 * 以 上 内 容 可 删 除 *,讲师:易见 QQ82265147 爱的就是你,图层应用 时间轴应用 表单应用 框架应用 行为应用 CSS样式应用 模板应用,网页设计 Dreamweaver 网页排版,学习大纲:,Dreanweaver的工作界面 创建Dreamweaver本地站点 创建主页文件和站点文件管理 文字的排版 超级链接应用 图像应用 表格应用,网页设计 Dreamweaver 网页排版,Dreanweaver的工作界面 :,网
2、页设计 Dreamweaver 网页排版,创建本点站点步骤: 1、在本地磁盘创建一个文件夹,用来存放站点文件 2、点击DW中的站点菜单新建站点 3、指定站点名称:自定义 4、指定是否使用服务器技术:否 5、指定站点文件夹:选择在第1步所创建的文件夹 6、指定连远程服务器的方式:无 7、完成,网页设计 Dreamweaver 网页排版,学会创建主页文件: 1、Ctrl+N 新建网页 2、Ctrl+S 保存在站点根目录下 注:主页默认名称:index.htm index.html 学会站点文件夹: 1、在文件面板中,选择相应的站点 2、按右键新建文件夹,网页设计 Dreamweaver 网页排版,
3、文字排版: 1、文字的录入 方法一:直接输入文字 方法二:复制粘贴 (从Word复制到DW、从网页上复制到DW) 2、属性,网页设计 Dreamweaver 网页排版,超级链接: 目标: _blank _parent _self _top,添加链接的方法: 1、在属性面板直接输入网址 2、点 浏览文件的按钮,从站点文件中选择 3、点 指向目标,然后拖至文件面板中的文件 4、选择文本,按Shfit并拖至文件面板中的文件,网页设计 Dreamweaver 网页排版,图像的属性 : 1、ID:实例名称,程序用name / id 2、宽高:设置图片大小,如果只保留一个数,可按比例缩放width hei
4、ght 3、源文件:图片来源src 4、链接:给图片制作链接,用围堵 5、替换:鼠标经过图片时,显示的文本alt 6、热点:制作链接用。,网页设计 Dreamweaver 插入多媒体对象,实例导入:多媒体站点,1,使用多媒体对象,2,多媒体网站实例的制作过程,3,1 实例导入:多媒体站点,在网页中应用多媒体对象可以增强网页的娱乐性和感染力,多媒体成为最有魅力的方式,也是潮流的方向。 【例1】娱乐在线多媒体站点,如图1所示。 该多媒体站点主要实现的功能是在线观看Flash动画、Flash视频以及其它类型的视频及音频文件。 在本网站实例中,主要涉及以下知识点: 背景音乐的设置; 插入Flash对象
5、:Flash动画、Flash视频、Flash按钮、Flash文本等; 插入其它类型视频和音频文件。,2 使用多媒体对象,网页中常用的多媒体对象主要分为Flash类(包括Flash动画、Flash按钮、Flash文本、Flash视频等)、Java applets、ActiveX控件类,以及各种音频、视频文件(如Shockwave影片、QuickTime、RM、WMV、Mp3等)。,1设置页面背景音乐,由于背景音乐不是一种标准的网页属性,所以需要用修改源代码的方式为网页添加背景音乐。操作步骤如下: 步骤1 打开要添加背景音乐的网页,切换到代码视图或拆分视图。 步骤2 在和标签之间添加以下代码: 在
6、Bgsound标签中,src用于指定背景音乐的源文件路径。Loop是指背景音乐的循环次数,如果输入为-1,则表示无限循环。Bgsound标签中所支持的背景音乐格式为:wav、mid、mp3等。 保存网页,在浏览器中浏览网页中背景音乐的播放效果。,2.2 插入Flash影片,Flash是一种高质量、高压缩率的矢量动画,有超强的交互能力,也正是因为这些原因,Flash在网络上得到了快速发展。 插入在网页中的Flash影片格式为swf,Flash源文件格式为Fla,源文件不能直接插入到网页中,但可以在Flash软件中修改源文件。插入Flash影片常用的方法有两种。 单击“插入”栏“常用”选项“媒体”
7、“Flash”按钮,如图8.2所示。或选择“插入”菜单“媒体”“Flash”命令,如图8.3所示。 插入Flash影片后,在“文档”窗口中出现Flash占位符 。,2.3在网页中添加FLASH按钮和文本,Dreamweaver8.0增添了一些Flash对象,包括Flash文本、Flash按钮和Flash元素等,不使用Flash软件也可以制作出漂亮的Flash动画了。 使用Flash文本对象可以轻松地制作出只包含文本的Flash动画,这样设计者就不用担心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了。 单击“插入”栏“常用”选项“媒体”“Flash文本”按钮,或选择“插入”菜单“媒体”“F
8、lash文本”命令,弹出“插入Flash文本”对话框,如图4所示。,2.4 插入Flash按钮,使用Dreamweaver 8.0就可以快捷地制作出动感Flash按钮。制作多个Flash按钮可以组成一个动态的导航栏。操作步骤如下: 单击“插入”栏“常用”选项“媒体”“Flash按钮”按钮,或选择“插入”菜单“媒体”“Flash按钮”命令,弹出“插入Flash按钮”对话框,如图5所示。设置Flash按钮的相关参数。,2.5 插入Flash Video,Flash Video即Flash视频,它的后缀名为:.flv,是目前广泛流行的一种视频文件格式。一般的视频文件:asf、wmv、rm等都需要专门
9、的播放器来支持视频文件的播放,否则根本无法收看,并且这类文件容量过大,下载慢,查看也不很流畅。为了解决播放器和容量的问题,可以将各类视频文件转换成Flash视频文件,即Flv格式。经过编码后的音频和视频数据,通过Flash Player传送。 单击“插入”栏“常用”选项“媒体”“Flash Video”按钮,或选择“插入”菜单“媒体”“Flash Video”命令,弹出“插入Flash视频”的对话框,如图8.6所示。设置Flash Video的相关参数。,2.6 插入Flash Paper,FlashPaper是一款转换软件,可以将任何可打印的文档转换为SWF或PDF文档,原文档的排版样式和字
10、体显示不受影响,不论浏览者的平台和语言版本是什么,都可以自由的观看你所制作的电子文档动画,并可以进行自由的缩放、翻页、搜索和打印等操作,对文档的传播非常有好处。 用户安装FlashPaper软件后,打开word软件时,就会多出FlashPaper菜单栏,还多出一个FlashPaper工具栏,如图7所示。,在word中,单击FlashPaper工具栏中的“转换为Flash”按钮时,即可将当前word文档转换swf格式的文件。将它可以作为Flash文件插入到网页中。 单击“插入”栏“常用”选项“媒体”“Flashpaper”按钮,或选择“插入”菜单“媒体”“FlashPaper”命令,弹出“插入F
11、lashPaper”的对话框,如图所示。输入FlashPaper文档名,或单击“浏览”按钮查找FlashPaper路径,输入宽度和高度(以像素为单位)指定 FlashPaper 对象在网页上的尺寸,单击“确定”按钮,如图8所示。“文档”窗口出现一个Flash占位符。,2.7 插入Flash元素制作像册,在Dreamweaver 8.0中,可以插入 Flash 元素制作动态的像册。当打开包含FLASH像册元素的网页后,将自动加载制作好的像册,最前面显示当前照片数和照片总数量,后面是后退、播放/停止、前进按钮,单击的时候有不错的FLASH翻页效果,也可设置为自动播放和循环播放。操作步骤如下: 步骤
12、1 首先准备好在Flash相册中要显示的多张图像,图像尺寸大小一致。 步骤2 单击“插入”栏“Flash元素”“图像查看器”按钮,弹出“保存Flash元素”的对话框,保存Flash元素文件,后缀名为swf。 步骤3 在“文档”窗口出现Flash占位符,单击Flash占位符,拖动 Flash占位符四周的控制点来调节像册尺寸大小。选中Flash占位符,选择“窗口”菜单“标签检查器”命令,打开“标签标查器”面板,如图9所示。设置Flash元素的相关参数。,2.8在网页中嵌入音频文件,在网页中加入背景音乐虽然简便,但是缺乏对音频文件的控制能力,比如浏览者不想听到背景音乐时,却无法使播放的声音停下来,并
13、且背景音乐所支持的音频文件格式有限。因此可以媒体插件的方式嵌入声音文件。 网页中的音频文件格式为:mid、wav,几乎所有的浏览器都支持这两种声音格式,所以客户端无需插件即对其支持,另外还有mp3、rm、mwv、mov等。 单击“插入”栏“常用”选项“媒体”“插件”按钮,弹出“选择文件”的对话框,选择音频文件的路径,单击“确定”按钮。 文档窗口出现插件占位符,选中插件占位符,拖动占位符四周的控制点,可调整播放器界面的尺寸,如图所示。 选中插件占位符,单击“属性”面板中“参数”按钮,弹出参数对话框,或在“插件”标签检查器中,设置相关的参数,如图10所示。,2.9 在网页中嵌入视频文件,随着宽带网
14、络技术的飞速发展,网络视频点播已经普及,通过网络可以在线看免费的影片,在线收看远程教学等。这些都是通过在网页中嵌入视频文件来实现的。 网页中视频文件的常见格式有:rm、wmv、asf、mov等。嵌入方式与音频文件的嵌入方法一致。 单击“插入”栏“常用”选项“媒体”“插件”按钮,在弹出“选择文件”的对话框中查找视频文件路径即可。 在“文档”窗口出现插件占位符,根据视频画面大小拖动插件占位符四周的控制点改变插件尺寸,参数设置也与音频文件相似,这里就不重复了。 在网页中还可以插入更多的多媒体对象如:Shockwave、Java Applet、ActiveX等,插入方法与上面所述相似,这里就不详细叙述
15、了。,3 多媒体网站实例的制作过程,本节详细讲解【例1】“娱乐在线”多媒体站点的制作过程,其功能主要是实现视频点播,由多个网页构成,通过超链接将网页关联起来。,本 章 小 结 本章通过制作一个综合性多媒体站点的实例,讲解了多媒体技术在网络中的应用。 1Flash对象的应用:Flash影片、Flash文本、Flash按钮、Flash视频、Flash元素等。 2视频文件的嵌入:各种视频文件的嵌入使网络在线点播成为时尚。 3音频文件的应用:背景音乐的设置、音频文件的嵌入。 本章练习题 1. 选择题 (1)网页中背景音乐常用的音频文件格式为( )。 Amid、wav Bwav、jpeg、mov Cswf、wav、rm Dgif、wav、rm (2)Flash影片文件格式为( )。 Ajpg Bwmv Casf Dswf (3)Flash视频文件格式为( )。 Aswf Bfla Cflv Davi 2. 简答题 网页中常用的多媒体对象包括哪些? Flash视频与其它视频格式文件比较有什么优点? 如何将Flash动画的背景设置为透明?,上 机 实 训 1. 背景知识 根据本章所学的在网页中嵌入多媒体对象的方法,再综合前面所学的创建站点及编辑网页的知识,制作功能完善的多媒体站点。 2. 实训准备工作 将相应的网页草图和网页素材,如:音频、视频、flash等文件,以及相关的软件,如:f