当前位置:主页 > 平面设计

最新发布

Flash实用技巧之蜡烛制造(2)
Flash实用技巧之蜡烛制造(2)

4.  制作蜡烛。=版权所有  软件 下载  学院  版权所有=   蜡烛的制作比较简单。按Ctrl+F8键,新建一个名为“蜡烛”的Graphic符号。然后在场景里画一个与图10相似的蜡烛。蜡烛为黄色,可以用少许橘黄色做点缀(此为300%的图片)。   图10  蜡烛                   图11  烛油                 图12  Library面板  技巧提示:在动画的制作过程中,如果元件太大或者太小的话,我们就要通过实时地调整场景的缩放比例,这样才能使设计更加方便。  5.  制作烛油。  烛油的制作也比较简单。先按Ctrl+F8键,新建一个名为“烛油”的Graphic符号。然后在场景里画一个与图11相似的烛油即可(此为800%的图片)。  接着再按Ctrl+F8键,新建一个名为“烛油”的Movie Clip符号。可能有的读者会奇怪,为什么元件可以同名呢?是的,元件是可以同名的,只要我们把元件放在不同的文件夹里即可同名,如图12所示。另外,在设计较大的动画时使用符号文件夹来管理元件不但方便,而且可以大大提高我们的工作效率。  把Graphic符号“烛油”从库中拖拽到影片剪辑“烛油”的场景里,然后选中第30帧,按下F6键插入关键帧。右键单击第1帧,选择Create Motion Tween命令。接着把第30帧中的烛油向下移动60 px。  6.  制作黑烟。

4 次浏览
Flash视觉效果之漫天飞雪
Flash视觉效果之漫天飞雪

本例讲解的是Flash制作大雪纷飞效果的方法。效果中鹅毛般的雪花悠悠而落,相当逼真。实例中通过简单的AS复制雪花并控制它们的运动,形成大雪纷飞的效果,如效果图所以。  效果图:效果预览(点击这里播放)  源文件下载:点击这里下载(4K, zip压缩文件)  效果预览:点击这里预览  1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为450px x 180px,背景为#00105A,帧频为18fps。  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“雪片”的图形元件,点选“椭圆”工具,在“雪片”元件的编辑场景中按Shift键拉出一个直径为5像素的圆,再用“箭头”工具稍微调整一下,最后形状大概如图1所示。图1

2 次浏览
Flash视觉特效之魔幻曲线
Flash视觉特效之魔幻曲线

本例实现的关键是曲线本身是需要运动的,然后用程序复制和删除它们。另外,读者还要学习如何使用输入文本来设置动态的变量。=版权所有  软件 下载  学院  版权所有=效果截图(点击这里播放)  源文件下载:点击这里下载  效果预览:点击这里预览 1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为260px x 280px,背景为白色,帧速率30fps。=版权所有  软件 下载  学院  版权所有=  2.按快捷键Ctrl+F8新建一个名为“彩线”的影片剪辑元件。点选“工具”面板中的“直线”工具,在“彩线”元件的场景绘制三条直线,线段样式为不规则点状虚线。如图1所示(此图为400%显示)。图1

4 次浏览
Flash AS教程之二 按钮的AS编写规则
Flash AS教程之二 按钮的AS编写规则

在flash中的交互功能一般是由按钮来完成的。掌握按钮的编写规则也是一个闪客的基本技能。  OK,现在咱们来说说按钮脚本如何编写。上一讲中提过,AS脚本编写可以写在时间轴的关键桢上,也可以写在对象本身上面。按钮也不例外,既可以写在时间轴上,也可以写在按钮本身上面。只不过这两种编写规则都要遵循一定的规矩,这是后话。=版权所有  软件 下载  学院  版权所有=   现在咱们来做一个例子,做一个按钮,这个按钮要实现的功能就是打开一个指定的网页。(这个例子非常基础,用这个例子来讲解按钮AS两种编写方法。)  第一种:把脚本写在按钮本身。  一、 在舞台上绘制一个矩形,选中矩形并按F8,将这个矩形转换成按钮元件。  二、 编写动作脚本:  选中按钮,按F9,打开动作面板,在专家模式下输入以下脚本:on(release){getURL("http://bbs.graphicvale.com/","_blank")}  现在这个按钮就实现了一个打开网页的功能。通过例子你应该注意到,按钮的AS书写规则就是:on(事件){//要执行的脚本程序,刚才的例子是用getURL来打开一个网页。你也可以使用脚本程序来执行其他功能,例如跳转到某一个桢,或载入外部一个动画文件。}  大可以看到,其实就一个on语句,这个on语句就是按钮的AS编写规则了。需要注意的是on里面的事件,这个事件你可以理解为是鼠标或键盘的动作。刚才的例子我们使用的事件是release(按一下鼠标)我现在把常用的按钮事件列出来:  事件名字     说明  Press       事件发生于鼠标在按钮上方,并按下鼠标  Release      发生在按钮上方按下鼠标,接着松开鼠标时。也就是“按一下”鼠标  Releaseoutside  发生于在按钮上方按下鼠标,接着把光标移动到按钮之外,然后松开鼠标  Rollover     当鼠标滑入按钮时  Rollout      当鼠标滑出按钮时  Dragover     发生于按着鼠标不放,光标滑入按钮  Dragout      发生于按着鼠标不放,光标滑出按钮  Keypress     发生于用户按下特定的键盘按键时  下面来看看第二种按钮AS的编写方法。  这种方法是把脚本程序写在时间轴上,而不是按钮本身上面。  一、 选中按钮,在下面的属性面板中为按钮起一个名字,这里我起了一个bt  二、 选中时间轴的第一桢,按F9打开动作面板。输入如下脚本:bt.onrelease = function() {getURL("http://bbs.graphicvale.com/", "_blank");};  这种编写AS的方法要遵循的规则就是下面的公式而已:按钮实例的名字.事件名称=function(){//要执行的脚本程序。=版权所有  软件 下载  学院  版权所有= }  大家只要记住这个公式就可以套用了。  按钮的AS就先将到这了,这个可以算是基本技能了。希望大家都能掌握。:)

3 次浏览
Flash另类效果之透明按钮设计
Flash另类效果之透明按钮设计

本例主要给大家介绍一种另类、实用的钮――透明按钮。通过对本文的学习,读者不仅能掌握两种实用按钮的制作方法,还能学习一些简单的Actions,可谓一举多得。效果图相关下载:  源文件下载:点击这里下载(18.3K, zip压缩文件)  1.打开Flash MX 2004,如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板,单击“文档属性”按钮打开“文档属性”面板(快捷键Ctrl+J),设置场景大小为200px x 120px,背景色为白色色,帧频为12fps。如图2所示。 图1,图2  2.单击【窗口】→【其他面板】→【公共库】中的Buttons命令,打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。

5 次浏览
Flash MX 2004 Media组件实现多首mp3连放
Flash MX 2004 Media组件实现多首mp3连放

Flash MX 2004 的Media组件确实不错,大家在使用的时候可能发现MediaDisplay组件只能播放一首mp3,如果要让他播放完一首歌曲后再接着播放另一首歌曲就不行了。今天就来给大家介绍一下怎样用MediaController和MediaDisplay组件实现多首mp3的联播。  播放器界面如图:   思路如下:  歌曲列表用一外部XML文件来记录,便于修改。开始的时候定义一XML对象,并载入外部XML文件,载入后再将歌曲列表提取出来放入一数组中。接着用attachMovie()方法将MediaController和MediaDisplay组件载入舞台,然后设置各自的参数,并将二者相关联(Media.associateController()或者Media.associateDisplay()方法都行)当一首歌曲播放完后,触发MediaDisplay的complete事件,在此事件中我将MediaController和MediaDisplay组件卸载并重新载入MediaController和MediaDisplay组件(使用attachMovie()方法)并给一新的实例名,并设置MediaDisplay组件的播放内容为下一首歌曲,如此往复来播放所有的歌曲。  制作步骤:  1.新建一个FLASH文档,设置舞台大小:220*70。  2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除。这样做的目的是将这两个组件载入库中,为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。

5 次浏览
XHTML+CSS网站设计的优势和问题
XHTML+CSS网站设计的优势和问题

XHTML是目前国际上倡导的网站标准设计语言,Webjx.com也侧重于这方面,进行了比较全面的介绍。因为XHTML网站设计语言具有的基本特点,这种XHTML+CSS模式的网站设计具有一定的优势,不过目前在网站建设应用中XHTML+CSS模式也存在一些问题。昨天利用一晚上的时间终于把破洛洛的CSS改成在FIREFOX下能正常浏览了!本文综合网站技术和设计人员的体会,并从网络营销应用的角度,将XHTML+CSS网站设计的优势和问题归纳如下:XHTML+CSS网站开发的优势  一、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码(其真正意义在于,增加了有效关键词占网页总代码的比重),因此使用XHTML+CSS的web标准制作的网站具有搜索引擎友好的一定优势。  二、XHTML+CSS制作的网站使得网站改版相对简单,很多问题只需要改变CSS而不需要改动程序,从而降低了网站改版的成本。XHTML+CSS网站开发的问题  尽管XHTML+CSS具有一定的优势,不过现阶段XHTML+CSS网站建设存在的问题也比较明显,主要表现在:  一、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),XHTML+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。  二、CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中,这一个或几个文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。  三、对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但XHTML+CSS设计的网站在IE浏览器里面正常显示的页面,到火狐浏览器(FireFox )中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在 )。XHTML+CSS还有待于各个浏览器厂商的进一步支持。  四、XHTML+CSS对搜索引擎优化与否取决于网页设计的专业水平而不是XHTML+CSS本身。XHTML+CSS网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

3 次浏览
制作主流邮箱能正常显示的HTML邮件的技巧
制作主流邮箱能正常显示的HTML邮件的技巧

几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通,如注册确认、营销推广。这些由站方发给会员的信件,往往纯文本格式已不能满足界面和交互的要求,这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面,是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为,各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问,JS代码是被严格过滤掉的,包括所有的事件监听属性,如onclick、onmouseover,这是基于邮件安全性的考虑。不仅如此,CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的,能正常显示的HTML邮件。发送html邮件的建议:用style写内联的CSS;少用图片;用table实现左右布局或者更复杂的布局;用background元素设置背景图片等。首先,我们先来看看邮箱是如何展现HTML邮件的。我本人没有做过邮件系统,况且各大邮箱后台的过滤算法也不是那么容易可以让外人知道的。所以,我们只能通过前端展现,来推测哪些是被邮箱接受的写法,而哪些又是会被过滤掉的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析,我把邮箱分为两类:第一类包括gmail、hotmail、sohu,这类邮箱,邮件内容是被布局在整个邮箱页面中的某个div中。第二类,包括163、sina,这类邮箱,邮件内容被布局在独立的iframe中。熟悉HTML的朋友都知道,iframe内容是作为独立的document,与父页面的元素和CSS是互不相干的,几乎可以作为一个独立的页面来对待。而如果如果邮件内容是在div中,那么邮件内容是作为整个邮箱页面的一个组成部分。显然,以iframe作为展现方式的邮箱,对邮件内容就会宽容许多,因为它给了你一个足够独立的表现空间。而div就不是那么客气了。试想一下,如果你在你的邮件里写上这么一句CSS,是不是整个邮箱的展现页面上字体都变成20px而因此乱了套:<style type="text/css">   body {font-size:20px}   </style>  <style type="text/css">body {font-size:20px}</style>我们需要写兼容各邮箱的统一邮件模板,那么必然就要避开以上这种外联CSS写法,另外类似于float、position等成非正常内容流的style也会被过滤,假如你写了,很可能会影响到外部邮箱的表现。

2 次浏览
html标签:sub标记和sup标记
html标签:sub标记和sup标记

相关文章:HTML标记:optgroup、sub、sup和bdo今天来认识一下两个我不太常用到的html标签:sub标记和sup标记。定义和用法:<sub> 标签可定义下标文本。<sup> 可定义上标文本。都属于行内元素,默认比当前字体稍小。例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html中的sub与sup标签</title><style type="text/css">* { font-size:12px; font-family:Tahoma}</style></head><body><div>这个标签是<sub>sub</sub>这个标签是<sup>sup</sup></div></body></html>

4 次浏览
HTML代码实例:详细讲解超级链接
HTML代码实例:详细讲解超级链接

超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习。—  注意:图片也可以做链接,将在下一章“网页中的图片”详细学习。 4.5.1  给文字添加链接超级链接的标签是<a></a>,给文字添加超级链接类似于其他修饰标签。添加了链接后的文字有其特殊的样式,以和其他文字区分,默认链接样式为蓝色文字,有下划线。超级链接是跳转到另一个页面的,<a></a>标签有一个href属性负责指定新页面的地址。href指定的地址一般使用相对地址。—  说明:网站开发中,文档相对地址使用更为普遍。在D:\web\目录下创建网页文件,命名为a.htm,编写代码如代码4.18所示。代码4.18  超级链接的设置:a.htm<html><head>

4 次浏览
共计26043条记录 上一页 1.. 407 408 409 410 411 412 413 ..2605 下一页