2012年09月_wangxiaohui6687

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创 ps 背景图案斜线

效果1、画出一个形状2、定义图案3、选中画的形状，然后新建一个图层，点编辑——填充4、收缩两个像素，反选删除就好了

2012-09-26 15:45:24 955

转载 Photoshop 视觉特效快速制作下雨效果

（1）首先我们打开 - PS 这个大家都会吧！然后新建一个画布大小随意插入自己想要的图片（2）新建一个图层背景填充灰色前景色为黑色使用滤镜添加杂单色-平均分布-数量80 （3）滤镜动感模糊-数值为10 角度看你的需要自行调节图层设置为滤色效果

2012-09-20 10:27:57 811

转载 PS制作透明球体图文教程

透明球体制作步骤1.新建一个文件，尺寸大小为800x800px,填充背景色为蓝色2.选择“椭圆”工具，在背景图层上画一个圆形，颜色填充，并添加蒙版对其添加渐变透明。3.复制“球体1”，颜色填充为蓝绿色，同样添加蒙版做出透明渐变；更多具体教程请看下面的图文教程，谢谢！

2012-09-20 10:26:58 1568

原创 flash制作探照灯效果

1、插入一张图片2、ctrl+f8新建一个图形元件，图形的大小随意。3、回到场景中，新建一个图层把元件拖入场景中，给元件起一个名字“shan”，下面的类型改为“影片剪辑”4、图层二为遮罩层5、再新建一个图层，按F9打开动作面版，写上代码 startDrag("shan",true); 。6、ctrl+enter预览圆圈会随着鼠标的移动而改变

2012-09-20 10:08:40 938

转载网页中边框和底色设计技巧

总结：1) 当你不知道边框要用什么颜色的时候，就用和背景相似的色系。2) 当遇到深色背景的时候，使用亮色边框。3）当图片颜色很丰富的时候，用颜色最多的那个颜色做为边框的选用色系。一个是边框；一个是底色。两个再朴实不过的元素了，几乎所有大的门户型页面都有他们出现。那么如何做合格的边框和底色呢，当然后有一些小窍门，这些小知识对于刚刚入行的网页设计师们很有用哦~~

2012-09-19 16:50:39 754

前一段时间在企业管理界流行一句格言叫”细节决定成败”。企业管理当然不是我们这里要讨论的主题，但是，把这句话放在网页设计当中的确是颠扑不破的真理。我们的眼睛和感觉总是非常敏锐的，即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好，但是直觉会告诉他他自己喜欢哪一个。如果别人向我们问起为什么这件作品要优于其它呢？我们的回答是”

2012-09-19 16:38:07 500

转载 logo设计的方法和技巧

一、什么是LOGO 翻开字典，我们可以找到这样的解释：“ logo: n.标识语 ”。在电脑领域而言，LOGO是标志、徽标的意思。而本站主要所收集的LOGO，是互联网上各个网站用来与其它网站链接的图形标志。二、LOGO的作用 1. LOGO是与其它网站链接以及让其它网站链接的标志和门户。INTERNET之所以叫做“互联网”，在于各个网站之间可以联接。要让其他人走入你的网站，必须提供

2012-09-19 15:08:46 6259

转载 ps利用滤镜制作绚丽的彩色烟花

滤镜制作烟花是非常快的，不过用到的滤镜较多，常用的滤镜一定要非常熟悉。作者是用素材图片来做底色，用一系列滤镜做出所需的圆点，然后再用风及扭曲滤镜做出放射效果即可。最终效果1、打开下图所示的闪电素材。2、执行：滤镜——像素化——马赛克。

2012-09-14 16:46:01 1057

原创十个技术含量超高的JS图片展示特效

十款超级酷的JS图片展示代码，一定会给你强烈的震撼，技术含量超高，保证你没见过1.预览地址：http://preview.zcool.com.cn/code/js/04/1/2.预览地址：http://preview.zcool.com.cn/code/js/04/2/3.预览地址：http://preview.zcool.com.cn/code/js/04/3

2012-09-14 16:05:02 745

转载第十天　div+css网页标准布局实例教程

第十天　div+css网页标准布局实例教程（一）http://www.aa25.cn/div_css/911.shtml第十天　div+css网页标准布局实例教程（二）http://www.aa25.cn/div_css/912.shtml第十天　div+css网页标准布局实例教程（三）http://www.aa25.cn/div_css/913.shtml

2012-09-14 15:13:13 2270

转载第九天　CSS表单设计

今天我们开始学习《十天学会web标准(div+css)》的css表单设计，包含以下内容和知识点：（http://www.aa25.cn/div_css/910.shtml）改变文本框和文本域样式用图片美化按钮改变下拉列表样式用label标签提升用户体验一、改变文本框和文本域样式如果前边几章学习的比较扎实的话，本节教程就相当容易了。下边先说一下文本框，文本框和文本域都是可以用css进

2012-09-14 15:10:31 1986

原创第八天　下拉及多级弹出菜单

今天我们开始学习《十天学会web标准(div+css)》的下拉及多级弹出菜单，包含以下内容和知识点：（http://www.aa25.cn/div_css/909.shtml）带下拉子菜单的导航菜单绝对定位和浮动的区别和运用css自适应宽度滑动门菜单一、带下拉子菜单的导航菜单下拉菜单在一些企业网站应用尤为广泛，它存在使用方便，占用空间小等特点。之前纵向导航教程中已使用过二级导航，今

2012-09-14 15:07:40 1972

转载第七天　横向导航菜单

今天我们开始学习《十天学会web标准(div+css)》的html列表，包含以下内容和知识点：（http://www.aa25.cn/div_css/908.shtml）横向列表菜单用图片美化的横向导航css Sprites一、横向列表菜单前边学习过纵向导航菜单，又学习了float属性，那么要实现横向导航菜单是不是很简单了，只需要把li横向排列就可实现了。把第四节的代码拿过来直接用

2012-09-14 15:05:14 2449

转载第六天　html列表

今天我们开始学习《十天学会web标准(div+css)》的html列表，包含以下内容和知识点：（http://www.aa25.cn/div_css/907.shtml）ul无序和ol有序列表改变项目符号样式或用图片定义项目符号横向图文列表浮动后父容器高度自适应IE6的双倍边距bug一、ul无序和ol有序列表无序列表是web标准布局中最常用的样式，代码如下：第五天

2012-09-14 15:02:02 2069

转载第五天超链接伪类

今天我们开始学习《十天学会web标准(div+css)》超链接伪类，包含以下内容和知识点：（http://www.aa25.cn/div_css/906.shtml）链接的四种样式将链接转换为块状用css制作按钮首字下沉一、超链接的四种样式本来计划这节课放到第九章中讲解，但下边的章节都涉及到了，所以提前来学习一下，上节课讲解的内容比较多，这节课就少讲些，只要理解了伪类，就轻松多了。

2012-09-14 15:00:05 2101

转载第四天纵向导航菜单及二级弹出菜单

今天我们开始学习《十天学会web标准(div+css)》的纵向导航菜单及二级弹出菜单，包含以下内容和知识点：纵向列表标签的默认样式css派生选择器css选择器的分组纵向二级列表相对定位和绝对定位一、纵向列表纵向列表或称为纵向导航，在网站的产品列表中应用比较广泛，如淘宝网左侧的淘宝服务，今天我们就学习一下纵向导航的制作先新建一个页面，然后插入一个ID为menu的div，然后在设计

2012-09-14 14:56:23 985

转载第三天二列和三列布局

今天学习《十天学会web标准(div+css)》的二列和三列布局，将涉及到以下内容和知识点二列自适应宽度二列固定宽度二列固定宽度居中xhtml的块级元素(div)和内联元素(span)float属性三列自适应宽度三列固定宽度三列固定宽度居中IE6的3像素bug一、两列自适应宽度下面以常见的左列固定右列自适应为例，因为div为块状元素，默认情况下占据一行的空间，要想让下面的div跑到

2012-09-14 14:51:51 663

转载第二天一列布局

今天我们开始学习《十天学会web标准(div+css)》的一列布局，包含以下几种形式：一列固定宽度一列固定宽度居中一列自适应宽度一列自适应宽度居中一列二至多块布局前一节我们回顾了xhtml基础和css基础部分，今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅。相信之前您已经用过这个软件了，具体怎么使用我就不讲了。为了照顾部分朋友，今天课程

2012-09-14 14:47:04 388

原创第一天　XHTML CSS基础知识

欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法，建议大家还是称之为web标准。学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。如果您刚开始学习网页制作，不知道什么是表格布局及html和css，建议您先去充电，否则学习本教程会非常吃力或者根本就听不懂。由于时间关系，本教程只讲解一些基础知识，让您从

2012-09-14 14:44:09 592 1

转载纵向导航菜单及二级弹出菜单

http://www.aa25.cn/div_css/905.shtml

2012-09-14 14:16:27 418

原创 css网站收录

1、css标准之路http://www.aa25.cn/index.shtml

2012-09-14 11:31:11 298

原创 CSS版式布局

红色字符和背景标识的为比较实用的结构自适应(弹性)宽度CSS版式布局

2012-09-14 11:26:25 415

原创 css3样式教程

1、10 CSS 3种形式教程http://www.catswhocode.com/blog/top-10-css-3-forms-tutorials2、你应该知道的惊人的CSS3技术http://www.catswhocode.com/blog/amazing-css3-techniques-you-should-know

2012-09-13 14:36:22 397

原创 50套精美的icon

真的很漂亮，http://www.smashingmagazine.com/2009/06/07/50-fresh-useful-icon-sets-for-your-next-design/

2012-09-13 14:23:46 708

原创 Photoshop批量导入笔刷、形状、渐变、图层样式、图案的方法

之前群里有朋友要批量导入笔刷，PS默认的只能单个导入。有人问起今天就在这里也说一下，如果批量导入打开PS下对应的目录然后把对应的格式仍到目录里就可以实现批量导入了。例如我要导入画笔，那么要打开PS目录下的 presets目录，PRESETS下目录的 brushes 就是笔刷目录，如果之前导入过一些笔刷，那么brushes目录就保存有你之前导入的笔刷。将还没有导入的笔刷直接复制到这个目录

2012-09-13 14:07:20 4225

原创 position:fixed

在淘宝的列表页上有个列表排序的工具条，这个工具条默认显示是正常的，如图，当滚动条往下拖动到该工具条的时候，改工具条就会始终固定在浏览器的顶部，就是position:fixed效果。如图：在当滚动条往上拖动的时候就会恢复原样，（可能表述不清楚，大家上淘宝自己去看吧。）以前很讨厌这个效果，不习惯。最近感觉这样的工具条效果还真不错。所以今天尝试的自己弄了一

2012-09-13 13:21:50 626

原创 HTML div css 强制换行不换行

1、强制不换行，同时以省略号结尾。你好朋友朋友朋友我为什么不能看到效果啊2、css自动换行div{ word-wrap: break-word; word-break: normal; }3、css强制英文单词断行div{word-break:break-all;}若是div嵌套，要使内层div根据内容自动换行，则可只设置外层的div宽，和 whit

2012-09-13 11:22:30 1037

转载网页设计的12种颜色

前不久，ColourLovers.com公布了一项调查结果。他们发现，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种。我把这12种颜色的RGB代码列出来，供将来自己做网页时参考。1. 浅绿 #8cc5402. 深绿 #009f5d3. 暗蓝 #019fa04. 蓝色 #019fde5

2012-09-13 10:48:05 520

转载自适应网页设计

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一

2012-09-13 10:45:08 906

原创解读Blueprint CSS framework

这个文件将所有的CSS文件合并到一起，减少了并发连接数。一共包含了以下几个CSS/* reset.css *//* typography.css *//* forms.css *//* grid.css */此外，如果是IE8以下版本则包含/* ie.css */ 作者的注释已经很清晰了，代码也很清晰。跟着我一起理解一遍即可。C

2012-09-05 13:33:27 688

原创技术博客

1、http://www.jackness.org/?tag=%E5%B8%A6%E5%B0%8F%E4%B8%89%E8%A7%92%E6%8F%90%E7%A4%BA%E6%A1%862、CSS framework一共包含了以下几个CSS/* reset.css *//* typography.css *//* forms.css */

2012-09-04 23:10:07 322

原创 div+css常见错误总结

DIV+CSS是网站标准的常用术语之一，在xhtml网页设计标准中，采用DIV+CSS实现各种布局。但在编写代码的时候常常会出现各种错误：1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用Clean

2012-09-04 23:02:38 1000 2

转载 CSS 类名的长命名和短命名

先看下长命名和短命名的定义： ====会上大家先是给双方各列了一堆优缺点，结果不相上下。然后从性能和可维护性上进行了详细的争论。性能分为下载性能(速度)和渲染性能，大家认为：1. 下载性能可能是短命名略胜一筹，因为文件会稍小些； 2. 渲

2012-09-04 22:35:03 848

原创特效网站

1、http://js.mobanwang.com/nav/2、http://www.51xuediannao.com/js/nav/list_2_3.html3、WEB前段开发http://www.css88.com/4、许多js网页特效http://www.jsfoot.com/js

2012-09-04 17:19:54 453

转载 display：block是什么效果?

a 元素是是一个行内元素，display：block；就是将他强行转化为块级元素。行内元素没有没有上下填充,也就是说你设置padding-top padding-bottom将是徒劳，#mainnav li a{display:block;width:80px;height:29px;line-height:30px;color:#fff;text-decoration:none;text-ali

2012-09-04 14:07:46 1128

转载 clearfix改良及overflow:hidden详解

原文:clearfix Reloaded + overflow:hidden Demystifiedclearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。这篇短文介绍了如何改进clearfix进行增强，同时对overflow:hidden进行了深入的解释。clearfix曾经在网上流行的一种clearfix的方法：

2012-09-04 13:57:23 539