文本属性面板参数介绍

Dreamweaver十分简单方便的网页工具，软件后，双击运行桌面上的软件图标，进入软件界面。

这里建议用户依次选择菜单栏中的“窗口”→“工作区布局”→“经典”选项，如图1所示。

图1Dreamweaver软件打界面接下来，选择菜单栏中的“文件”→“新建”选项，会出现“新建文档”窗口。

在“文档类型”下拉选项中选择“HTML5”，单击“创建”按钮，如图2所示，即可创建一个空白的HTML5文档，如图3所示。

图2新建HTML文档窗口图3空白的HTML5文档需要注意的，如果初次使用Dreamweaver工具，创建空白HTML文档时可能会出现如图21所示的空白界面，此时单击“代码”选项即可出现图4所示的界面。

图4初次使用Dreamweaver新建HTML文档图4为软件的操作界面，主要由六部分组成，包括菜单栏、入栏、文档工具栏、文档窗口、属性面板和常用面板，每个部分的具体位置如图5所示。

图5Dreamweaver操作界面接下来将对图22中的每个部分进行详细讲解，具体如下。

1、菜单栏Dreamweaver菜单栏由各种菜单命令构成，包括文件、编辑、查看、入、、格式、命令、站、窗口、帮助10个菜单项，如图6所示。

图6菜单栏关于图6所示的各个菜单选项介绍如下。

“文件(F)”菜单：包含文件操作的标准菜单项，如“新建”、“打”、“保存”等。

文件菜单还包括其它选项，用于查看当前文档或对当前文档执行操作，如“在浏览器中预览”“多屏预览”等。

“编辑(E)”菜单：包含文件编辑的标准菜单选项，如“剪切”、“拷贝”和“粘贴”等。

此外“编辑”菜单还包括选择和查找选项，并且软件快捷键编辑器、标签库编辑器以及参数编辑器的访问。

“查看(V)”菜单：用于选择文档的视图(例如设计视图、代码视图等)，并且可以用于显示或隐藏不同类型的页面元素和工具。

“入(I)”菜单：用于将各个对象入文档，例如入图像、Flash等。

“(M)”菜单：用于更改选定页面元素的属性，使用此菜单，可以编辑标签属性，更改表格和表格元素，并且为库和模板执行不同的操作。

Flash CS3 课堂练习 更改文本属性本实例主要通过UI 组件制作一个更改文本属性的程序，通过颜色组件对文本进行颜色替换，通过按钮组件对文本的大小进行控制，如图8-54所示。

通过本例的学习，读者可以了解UI 组件中Button 、ColorPicker 、TextArea3个组件的使用方法和它们之间如何进行关联。

图8-54 更改文本属性操作步骤（1）新建文件，按快捷键Ctrl+R 打开【导入】对话框，导入背景素材，在【属性】面板设置素材大小和坐标。

【文档大小】要按照背景素材大小设置，如图8-55所示。

图8-55 导入背景素材（2）锁定“图层1”新建“图层2”，选择“图层2”打开【组件】面板，分别将Button 、ColorPicker 、TextArea3个组件拖入舞台中，如图8-56所示，参数设置如表8-6所示。

设置图片坐标图8-56 导入组件表8-6 【组件】面板参数设置（3）选择TextArea 组件，打开【参数】面板，在htmlText 中粘贴要显示的文本，这里的文本支持HTML 语言格式，如图8-57所示。

图8-57 添加显示文本内容车，回车以后的文本无法显示。

表示段落或以使用添加显示的文本内容（4）新建“图层3”，选择第一帧按F9打开【动作】面板，输入如下代码，因为Flash CS3组件中所输入的中文太小，所以通过脚本将文字变大，如图8-58所示。

var aTf:TextFormat = new TextFormat(); //创建样式aTfaTf.size = 12; //设置文字大小为12aTa.setStyle("textFormat", aTf); //实例名为aTa的组件读取样式import fl.events.ColorPickerEvent; //事件对象类型//单击实例名称为aCp组件，调用函数changeHandleraCp.addEventListener(ColorPickerEvent.CHANGE, changeHandler);//使TextArea组件的样式和ColorPicker组件相关联function changeHandler(event:ColorPickerEvent):void {aTf.color = event.target.selectedColor;aTa.setStyle("textFormat", aTf);}图8-58 使TextArea和ColorPicker关联（5）不要有任何操作，还是在第1帧上接着上面的代码往下写，这段代码是让“放大”和“缩小”按钮对TextArea组件内的文字进行放大和缩小的控制，完成后按快捷键Ctrl+Enter测试程序，如图8-59所示。

AE 文本属性动画文本属性可以设置文本的颜色，字体和段落结构，以及文本的动画属性。

在AE中不但具有像photoshop等平面软件中配置的基本文字属性，还在图层中内置文字动画属性，用户可通过更改文本的属性的到更为丰富的文本效果。

1．文本的基本属性在AE中可通过【文字】面板和【段落】面板设置文本的基本属性。

【文字】面板可以设置文字的颜色、字体、大小等参数。

文字样式的设置，可直接单击【文字】面板最下方的6个文字样式按钮。

分别设置文字的粗体和斜体，及作用于字母的全部大、小写和上、下标字符的效果。

【段落】面板控制着文本的对齐与在段落前加空格或缩进。

特别是在编辑较长的文本段落时，使用该面板上的对齐按钮，可以使文本参照不同方向进行对齐。

2．文本的图层动画属性在【时间线】面板中添加文字层后，可设置该层的路径和字符等动画属性。

在文本层中建立遮罩，将该遮罩指定给文字，在【路径】选项下方将弹出路径文字动画属性设置选项，可调整文字动画。

遮罩路径可以是封闭的图形，也可以是反转路径设置路径上文字的反转效果。

默认为关闭状态，单击右侧的参数，将启用反转路径文字的效果。

●垂直线为路径设置文字垂直于路径。

默认为开启状态，若需关闭，可以单击右侧的参数。

●强制对齐调整文字与路径的两端对齐，默认为关闭，启用后会将文字强制拉伸至路径的两端。

●开始、最后留白设置文本中首、尾字母的缩进程度。

数值越大缩进的字符位置就越长，数值小则反之。

数值为正时，向后缩进；数值为负时，向前缩进。

通过调整【更多选项】选项的下拉选项，可定义字符并进行样式混合。

●定位点编辑组设置定位点的编辑类型。

该选项提供了4个编辑选项。

●编组对齐通过调整参数，设置编组的对齐效果。

●填充与描边设置文本的填充与描边颜色的样式类型。

该选项提供了【字符板】、【在所有边框之上填充】和【在所有填充之上描边】选项。

●字符间隔混合设置字符间隔部分的混合模式，类似于图层之间的混合模式。

在该下拉列表提供了24个混合选项。

Flash CS3 设置文本属性在创建文本时，用户可以对文本的属性进行设置。

在文本的【属性】面板中可以设置字体、文字大小、文本颜色、对齐方式等参数。

当创建新文本时，其属性由当前【属性】面板中的参数决定。

在创建好文本后，还可以对文本进行修改。

在Flash 中可以通过两种方法修改文本的属性。

一种是通过【属性】面板对文字进行修改，另一种是使用菜单中的命令来设置文本的属性，如图2-59所示。

图2-59 静态文本的【属性】面板使用【属性】面板修改文本的字体、文字大小、文字颜色、字符间距等操作十分方便。

首先单击【文本工具】，然后选择要修改的文本，接着再单击【字体】或【文字大小】选项，在弹出的下拉列表中进行设置。

如果在下拉列表中没有找到合适的选项，还可以直接输入需要的尺寸和数值，如图2-60所示。

文本类 字体 字体大小字体颜色居中对齐URL 链接图2-60 输入文本属性面板如果创建的是动态文本，如图2-61所示。

除了与静态文本【属性】面板相同的部分外，还可以为文本设置变量名称，单击【字符】按钮，还可以选择能够嵌入字体轮廓的字符等。

图2-61 动态文本【属性】面板如果在制作动画时，适当地调整文字的颜色，可以使制作的动画更加引人注目。

用户可以是直接在【属性】面板的【文本（填充）颜色】中进行选择，从而设置文字的颜色。

另一种是选择【窗口】|【设计面板】︱【样本】命令，在打开的【样本】面板中进行设置，如图2-62所示。

线条类型 可选文本 编辑字符选项 字体呈现方法自动调整字距输入变量 设置参数填充文本颜色图2-62 填充文本颜色在编辑动画时，为了使文本与动画能够很好地融合在一起，使文字在动画中可以更加整洁、美观，需要对文本的格式进行调整。

在调整之前，首先要选中该文本，然后单击【属性】面板中的【格式】按钮，这时将弹出如图2-63所示的对话框。

格式选项对话框图2-63 格式选项对话框在【格式选项】对话框中分别设置文本的缩进为30、行为8、左边距为30、右边距为30，其原图和效果如图2-64所示。

《网页制作》理论试题及答案一、单选题1.当测览器不能正常显示图像时，会在图像的位置显示的内容__A__。

A.替代B.目标C.地图D.低品质源2.将超链接的目标网页在当前窗口中打开的方式是__D___。

A.parentB._blankC._topD._self3.当网页既设置了背景图像又设置了背景色，那么__A__。

A.以背景图像为主B.以背景色为主C.产生--种混合效果D.冲突，不能同时设置4.在页面属性对话框中，我们不能设置__C___。

A.网页的背景色B.网页文本的颜色C.网页文本的大小D.网页的边界5.在文本的属性面板中，不能设置___D__ 。

A.文字的大小和颜色B.加粗或倾斜风格C.文字的超链接D.矩形热区6.下列路径中属于绝对路径的是___A___ 。

B./xuesheng/chengji/mingci.htmC. address.htmD. staff/telephone.htm7.DreamweaverMX可以导入的表格式数据的格式是___C___。

A.Excel格式B.Word格式C.文本格式D.任意格式8.要一次选择整个行，在标签检查器中选择___B___ 标签。

A.tableB.trC.tdD.tp9.指定表格内单元格之间的间隙大小，需要设置表格属性面板中的___B___。

10.如果层中的图片太大，要设置超出部分照样显示，则"溢出"选项中应选择__A___ 。

A.visibIeB.hiddenC.scrolID.auto11.不论层中的内容是否超出，都显示滚动条，则"溢出"选项中应选择 ___C____ 。

A.visibleB.hiddenC.scrollD.auto12.利用键盘方向键移动层时，一次按键只能移动 ___A___ px。

A.lB.2C.3D.413.层的对齐万式"设成宽度相同"的含义是__B___ 。

事实上，HTML是一种因特网上较常见的网页制作标注性语言，而并不能算做一种程序设计语言，因为它缺少程序设计语言所应有的特征。

HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。

1.1.2 HTML的结构概念一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML 元素。

在HTML中使用标签来分割并描述这些元素。

实际上可以说，HTML文件就是由各种HTML 元素和标签组成的。

一个HTML文件的基本结构如下：<html> 文件开始标记<head> 文件头开始的标记…文件头的内容</head> 文件头结束的标记<body> 文件主体开始的标记…文件主体的内容</body> 文件主体结束的标记</html> 文件结束标记从上面的代码结构可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为< >，结束标记为</ >，在这两个标记中间添加内容。

有了标记作为文件的主干后，HTML文件中便可添加属性、数值、嵌套结构等各种类型的内容了。

1.1.3 HTML的标记既然HTML是超文本标记语言，那么可以想象其构成主要是通过各种标记来标示和排列各对象，通常由尖括号“<”、“>”以及其中所包容的标记元素组成。

例如，<head>与</head>就是一对标记，称为文件的头部标记，用来记录文档的相关信息。

在HTML中，所有的标记都是成对出现的，而结束标记总是在开始标记前增加一个“/”。

标记与标记之间还可以嵌套，也可以放置各种属性。

此外在源文件中，标记是不区分大小写的，因此在HTML 源程序中，<Head>与<HEAD>的写法都是正确的，而且其含义是相同的。

HTML定义了3种标记用于描述页面的整体结构。

页面结构标记不影响页面的显示效果，它们是帮助HTML工具对HTML文件进行解释和过滤的。

第三章动画基础第二节逐帧动画(1)从本节起，我们将逐渐给大家介绍Flash MX 2004中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。

本节着重介绍逐帧动画（Frame By Frame），这是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。

由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。

1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。

逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。

图3-2-1 逐帧动画2．创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。

（2）绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。

（3）文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。

（4）指令逐帧动画在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。

（5）导入序列图像可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。

3．绘图纸功能（1）绘画纸的功能绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。

通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。

使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。

如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。