/html/shejijiaocheng/wangyesheji/wangyetexiao/ 网络学院 / 网页设计 zh-cn vision@cailoo.com /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20071219/96003.html 画中画效果---谈Iframe标记的使用 作者： 秋实 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些点缀的东西日益消得钱憔悴了，有没 2007-12-19 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/CSSjiaocheng/20070709/85557.html 网页标准化制作：CSS的超级技巧大放送 在之前贴出的CSS说明中已经说明了m_blog div.tit是Blog文章标题的代码所以我们只要把添加图片的代码添加在后面的{}中即可。 添加代码如下： line-height:多少px; 设置标题的高度，其实这里的设置为图片的高度就可以了 text-inden 2007-07-09 CSS教程 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/FrontPage/20070709/85556.html 在服役了9年之后的Office悍将FrontPage,将于今年下半年正式退役.微软是这么说的:作为一种获奖的 Web 创作工具,FrontPage 已服务客户九年多了,它准备在 2006 年下半年退出市场. 微软网站上说道:作为一种获奖的 Web 创作工具,FrontPage 已服务客户九年多了,它准备在 2006 2007-07-09 FrontPage 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070709/85546.html XML数据源对象是一个ActiveX控件，允许你在XML文件和HTML页面之间操作数据。本文将向你展示如何从各种XML数据源中提取数据，以及如何使用JavaScript显示这些数据。 XML数据源对象DSO是一个微软ActiveX控件，构建在微软IE4以后的版本上。这个对象允许你把一个外部的XML文 2007-07-09 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070709/85545.html 在xml应用中，经常将一些URL信息作为xml数据存储，其中URL参数有可能包含有中文字符。当使用dom对xml数据进行解析时，可以对中文字符进行编码。 但如果只使用xslt来显示xml数据时(data.xml+data.xsl)，发现此时的URL会出现编码错误.即使指定编码类型(encoding=gb2312), 2007-07-09 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/CSSjiaocheng/20070709/85532.html iframe应用很普遍，通常的需求有两种： 1. 获取iframe效果，就是带一个滚动条，可以省不少版面。 2. 要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下相应解决方案： 1. 可以使用css布局来实现，即可以少一个页面，也可以提高执行效率。 2. 可以采用xml 2007-07-09 CSS教程 秩名 彩鹭视觉在线 /html/shejijiaocheng/CSSjiaocheng/20070709/85530.html 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构 2007-07-09 CSS教程 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Dreamweaver/20070709/85516.html Dreamweaver轻松打造Flash像册 2007-07-09 Dreamweaver 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85080.html [普通效果] 现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码： CODE: var delta=0 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85079.html 1、建立duilian.js页面，内容如下 //左边 var left_img='a title=彩鹭视觉 target=_blank href=http://www.cailoo.com/list.php?u=loveflashimg border=0 src=/web/UploadFiles/200512/20051222172653862.gif width=100 height=100/abrbra title=彩鹭视觉 target=_blan 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85078.html div id=ad style=position:absolute a href= target=_blank img src=http:// www.cailoo.com /copyright.gif border=0 /a/div script var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById(ad) function floatAD 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85077.html div id=ad style=position:absolutea href= http://www.cailoo.com target=_blankimg src=http://www.cailoo.com/images/logo.gif border=0/a/div script var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById( 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85076.html 一段超级好的..漂浮广告代码.. 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/wangyetexiao/websitetexiao/20070629/85075.html SCRIPT language=javascript src=js/flr.js/SCRIPT SCRIPT language=javascript src=js/fll.js/SCRIPT ---------------------------flr.js------------------------------------ var imgheight document.ns = navigator.appName == Netscape window.screen.width800 ? 2007-06-29 网页特效 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39839.html 小乖最近买了IPOD，时刻无不在吹嘘IPOD外观的漂亮、功能的强大。加上最近她学习 Fireworks 着魔一样，更扬言要把美丽漂亮的IPOD用FW画出来，可惜，她真是“才疏学浅”阿，这不，最后还是来找我帮忙，难得她能这么积极的学一个软件，这忙得帮，想想让她画平面的也学不到 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39838.html 朋友小乖在网上收集了一些水晶图片，其中有一组水果类的，很是漂亮，她正在学习用 Fireworks 做图，于是问我怎么用FW来做此类的图片，于是写了下面这篇简单的教程，给她也给大家。 废话不多说了，教程搬上来。 1.在Fireworks中新建画布，大小根据你的喜好和葡萄的大小， 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39837.html Fireworks MX 2004 版本新增一个移除相片红眼效果的工具。该工具 可将 选定范围内将特定区域的红色暗影替换为灰黑之间的自然色彩。 使用红眼移除工具 FWMX04的红眼移除新工具位于工具条上，与橡皮图章工具和颜色替换工具属同一组。 在这个群组中颜色替换工具是默认的使 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39836.html 用 Fireworks 画仿真立体的东西其实不难，只需要仔细的观察，还有一点点的耐心。今天我们开始我们的fireworks 仿真绘画的第一步吧。画一个金属球。 前言：因为大部分朋友没有学习过素描，也没有详细观察事物的习惯。所以我们在画之前要说明一下金属绘画的重点，金属的特 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39835.html 本例中我们用 Fireworks 绘制一个矢量风格的帅气美女，大家可以从中了解到Fireworks在矢量绘画方面的能力。 1、在Fireworks中用路径勾画脸部、头发的形状（如下图） 2、路径做头发上的光泽： 光泽部分使用的色彩，将光泽全部组成组后再添加颜色。得下图： 3、制作眉与 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39834.html 本文中我们跟随作者用 Fireworks 来绘制一个造型简单同时又美观大方的立体Logo。 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39833.html 不要奇怪，这样的效果并不是 Photoshop 和painter的专利，只要你有一点美术功底，有足够的耐心，仔细调节色彩、合理运用笔尖羽化值的大小以及节点的尖锐与平滑程度，即可达到这种效果。 完成效果如下： 简单步骤： 一、先得建一个画布，如图(700x500白色底子) 二、手绘 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39832.html 黑白照片，怎么会变彩色呢？但看看下面这幅图，你看着是灰色调的，但你尝试着用鼠标拖动，选择一下看看？ 嗯，我想你发现了，这图变成彩色了。神奇吧？这个原理是很简单的，首先我要从选择图时的处理方法讲起。在选择图片的时候，浏览器会把图片像素按间隔填充交错填充 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39831.html 虽然使用动画元件制作Gif动画速度比较快，但如果需要细节比较丰富的的动画，还是使用逐帧动画调节起来比较细腻，我就比较喜欢一帧一帧地调。 下面是我用 Fireworks 做的几个图片变换过渡的效果，感兴趣的朋友可以将png文件下载下来，用Fireworks打开仔细看看。 ① 逐帧 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39830.html 本文以图文并茂的形式、全面总结了一些 Fireworks 笔触的概念和设置。希望本文能对大家、尤其是Fireworks初学者有所帮助。 以上图为例，一点一点说明，最后贴效果。 前三项已经说明 第四项：建立。FW的解释是建立其本身之上的刷子，不过效果不明显。 第五项：纹理，边 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39829.html 漂亮的闪图动画应用范围非常广，不仅可以在相册、动态表情里使用，还可以在QQ空间、论坛签名、各类回贴和博客中使用。 学习要点： 本例中我们主要学习 Fireworks 导入闪底素材、将闪底素材粘贴于图像内部的制作方法。 我们先来欣赏一下漂亮的闪图。 文章最后附送丰富闪 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39828.html 创建非矩形切片 当试图将交互性附加到非矩形图像时，矩形切片可能无法满足需要。例如，如果打算将变换图像行为附加到切片，而切片对象互相重叠或者形状不规则，则矩形切片可能会与交换图像交换出非您所要的背景图形。 Fireworks 解决此问题的方法是：允许您使用"多边形 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39827.html 创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像，它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形，则 HTML 切片很有用。 若要创建 HTML 切片： 绘制切片对象并将其保留 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39825.html 本例是一个以女性化妆品为主打产品的企业宣传网站的形象页面效果图设计。该公司一直致力于结合科技和自然的化妆品产品的研发，主打自然健康的产品理念，因此在整体的页面设计中以绿色为主要的风格，同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39826.html 九月开学在即，今天我们用 Fireworks 为小朋友绘制一枝矢量风格的 卡通 彩色铅笔。祝小朋友们新学期学习愉快。 1、在Fireworks中画好如图a、b、c 三层，摆好层次。 2、将c层按上面设置渐变，注意这里要设置成黑白的，后面可以修改颜色。 3、将b层按照上面设置渐变，注 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39824.html 最近网络上很流行一种超炫的闪彩文字及签名，在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影，一些具有个性的闪字还相当耀眼，那么这种炫彩字是如可制作出来的呢？其实制作炫彩字并不难，我们在 Fireworks 中用闪底素材 粘贴于内部的制作方法，可以省去相 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39823.html 农历七月初七也就是七夕被誉为中国的情人节，七夕的起源来自于古老的神话故事“牛郎织女”，每年的农历七月七，为了祝福这对天上人间的神仙眷侣重逢的日子，许多商家和大众都开展一系列活动来庆祝。今年七夕就快到了，我们使用 Fireworks 工具绘制一张牛郎织女的美图， 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39822.html 早上用竹盐牙膏刷牙的时候，发现包装上的竹子很好看~ 上班的时候没什么事情就尝试着也做了一个竹子。不过，感觉有些地方还是没有达到想象中的效果，大家可以交流好的意见 这里先说下制作以前要注意的地方：我感觉竹子最重要的部分就是关节部分（2段竹子的结合处）这也 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39820.html 绘制残破照片边缘的方法有很多，我们上次介绍了用 Fireworks 笔触和蒙板来实现的方法，今天我们用Firework的s笔触与选区来实现。 1、首先打开欲加残破边缘效果的照片文件； 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域， 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39821.html 绘制造残破照片边缘的方法有很多，本文我们用 Fireworks 笔触和蒙板来实现。 1、在Fireworks中打开欲加残破边缘效果的照片文件，可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径，如图所示 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39819.html 不要奇怪，这样的效果并不是 Photoshop 和painter的专利，只要你有一点美术功底，有足够的耐心，仔细调节色彩、合理运用笔尖羽化值的大小以及节点的尖锐与平滑程度，即可达到这种效果。 完成效果如下： 简单步骤： 一、先得建一个画布，如图(700x500白色底子) 二、手绘 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39818.html 网页设计中我们会用到很多种样式的分隔线，下面我们就来看看在 Fireworks 中设计网页虚线有哪些妙招。 方法一、用Fireworks中自带的虚线样式 Fireworks中自带的虚线样式有：三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。 在网页设计中，我通常 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39817.html 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39816.html 使用 Fireworks 中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字。 图1 本例在Fireworks 8中文版中制作完成，具体操作步骤如下。 1.启动Fireworks 8中文版后，按Ctrl N新建一个文档，大小自定，然后使用文本工具在画布上单击，输入文本“天极网设计在 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39815.html 今天我们来制作一个具有卷边效果的黑白艺术照片，这里我们利用原先拍摄好的一张彩色艺术照片，然后将其放置在一个卷边页面效果的文档图片之中。涉及到的知识点有：矩形工具、部分选定工具、线性填充、效果、图像渐隐等。通过本例的学习，读者应基本掌握具有很强怀旧意 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39814.html 利用 Fireworks （以下简称FW）提供的现成丰富图案 和纹理 ，我们可以很轻松地制作很多特特效字。 迷彩字完成效果如下： 1 打开FW，新建文件： 2 选择工具箱里的文字工具，输入文字： 3 选择填充选项： 4 选择图案： 5 在下拉菜单中可以选择FW自身提供的很多预制图案： 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39813.html 说起照片处理大家就会想到 Photoshop ，其实 Fireworks 中也有很多工具可以帮助我们快速调整照片色调。 下面我们介绍详细的调整步骤。 在Fireworks中打开一张我们准备处理的图片： 新建一层，将图片复制粘贴在改层，设置其为屏幕模式，并进行高斯模糊，参数为3。 接下来 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39811.html 我们以这个妇女节为主题宣传动画表达衷心的祝福，愿全世界的女性都能够美丽自信、幸福美满。 在下面的例子中，我们通过具体的 Fireworks 的实例为即将到来的三八妇女节献上一个精美的礼物。我们首先使用Fireworks的矢量路径工具如矩形、笔触、路径等勾勒出一个卡通的女 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39812.html 人的面部可以表现出成千上万、不计其数而又十分微妙的表情，而且表情的变化十分迅速、敏捷和细致，能够真实、准确地反映情感，传递信息。面部所表现出的各种各样的情感，最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息，对你的气质、情绪 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39810.html 最近，这种菜单好象很流行，不少网站都有了，这个菜单可以节约有限的空间，很有价值，经常设计中要用到，今天有 Fireworks 的初学者，来问怎么做这种菜单，所以顺手做了一下，其实这样的菜单不复杂，无非是渐变的填充，用 fireworks 强大的交互式填充工具来制作，那简 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39808.html 今天我们用 Fireworks 制作一个钟摆式的公告牌。 先参阅一下效果图。 1、新建一个文件，画布背景颜色选取白色。同时将画布大小设置稍大些。 2、使用Fwmx2004的矢量工具，绘制圆角矩形，自选一种纹理效果填充，如图。 3、输入文字。 4、在圆角矩形右、左上角绘制小圆形， 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39809.html 在 Fireworks 中创建并优化图形后， 用户 可将该图形输出为常用的Web格式及供其他程序（如 Freehand ）使用的向量图形格式。Fireworks MX 2004由于它的面向 网络 的特性， 导出 的形式可以不仅仅是图像，还可以是包含各种链接和Java Script信息的完整的网页。由于图像 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39807.html 光照边框运动的Logo制作 如何做出像下图一样的LOGO呢？ screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new windownCTRL Mouse wheel to zoom in/out';}" border=0> 不急慢慢来！以下是在Firework MX下做的，FW 4. 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39806.html 想视频聊天但却没有摄像头，这可怎么办？别急，这就为大伙送上一个！ 最终效果图 启动 Fireworks ，新建一个450*400大小的画布。在“工具”面板中点 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39805.html Fireworks 制作Logo screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new windownCTRL Mouse wheel to zoom in/out';}" border=0> screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt= 2007-01-19 Fireworks 秩名 彩鹭视觉在线 /html/shejijiaocheng/wangyesheji/Fireworks/20070429/39804.html 制作GIF文件的软件很多，常见的有Animagic GIF、GIF Construction Set、GIF Movie Gear、Ulead GIF Animator等。 Fireworks MX 2004在制作GIF动画上有着强大的功能。动画制作完成之后，就需要我们对其进行优化以达到最佳的显示效果，并且经过导出设置以及预览等步骤，最 2007-01-19 Fireworks 秩名 彩鹭视觉在线