w617280955-CSDN博客

转载怎么绘制专业PSD，与页面制作者更好的合作

作为设计师，应该将设计稿的最完美一面表现给其他人看。就像jobs 说的一样，好设计师，不会使用烂木头作为衣柜的背板。虽然你最终的设计稿很完美，但是你的psd让人觉得很糟糕，同样会让之后的切图仔觉得你不是个优秀的设计师，对不起死去的jobs哇～ XD在企鹅村玩代码玩了半年多，玩起psd来都有点生疏了。最近对设计MM 给的psd文件产生了点暧昧。有感悟抒发一下。看看是不是都有一样的困惑和同

2012-04-27 11:47:09 810

转载 scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离

scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离补充：scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽

2012-04-26 15:24:56 747

转载 css 继承

多数边框类属性，比如象Padding（补白），Margin（边界），背景和边框的属性都是不能继承的。三、继承中容易引起的错误　　有时候继承也会带来些错误，比如说下面这条CSS定义：　　Body{color:blue}　　在有些浏览器中这句定义会使除表格之外的文本变成蓝色。从技术上来说，这是不正确的，但是它确实存在。所以我们经常需要借助于某些技巧，比如将CSS定义成这样：

2012-04-25 17:03:50 708

转载 html5离线应用

如果 Web 应用能够提供离线的功能，让用户在没有网络的地方（例如飞机上）和时候（网络坏了），也能进行内容撰写，等到有网络的时候，再同步到 Web 上，就大大方便了用户的使用。浏览器在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。开发离线需考虑的三方面步骤：1.离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资

2012-04-22 15:09:53 1131

转载 UI设计的概念

虽然很早就知道UI设计，也做了一些关于UI设计的事，为杂志做了几期UI设计的专题，心理好像理解了UI设计的概念，然而当别人问起我时，我却也说得含混不清，最后只能说“这是一门很复杂的学科，涉及了很多方面”，以此结束别人的提问。为了不让这种事再继续发生，我把自己在接触UI设计过程中的知识进行了整理，系统地阐述一下UI设计的概念。—————————————————————分割线———————————

2012-04-06 15:29:47 2191

转载包含选择与子对象选择符的区别

相信会进来看这篇文章的人，都对CSS选择符这个名词不陌生了。CSS为我们提供了很多选择符，这使得我们可以根据自己的需要选择适合的选择符来进行样式的构造。　　在众多的选择符里，相信大家用的最多，最熟悉的就是ID选择符，类选择符及包含选择符等常用的选择符。然后对于一些如属性选择符，相邻选择符，子对象选择符可能就稍微有点陌生了，这当然也是有原因的，因为IE6及以下的浏览器并不支持这几个选择符，而大多

2012-04-05 15:15:50 1737

理解了什么是浏览器／服务器架构，就了解了什么是Web应用程序。常见的计数器、留言版、聊天室和论坛BBS等，都是Web应用程序，不过这些应用相对比较简单，而Web应用程序的真正核心主要是对数据库进行处理，管理信息系统（Management Information System,简称MIS）就是这种架构最典型的应用。MIS可以应用于局域网，也可以应用于广域网。目前基于Internet的MIS系统以其成

2012-03-27 13:45:02 4945

转载 vs中web应用程序和Web网站区别

Vs2005和VS2008中都有建立web应用程序和Web网站，总搞的大家不知所戳。web应用程序可能是微软为了让程序员很好的从winform过渡到web开发而保留了。Web网站就完全要应用到web开发的。其实两者之间没有什么大的区别，自己从表象总结了一下他们的异同点。相同：1、都是设计Asp网页的。2、都可以添加ASP.Net文件夹（都包括App_Browsers、App_Dat

2012-03-27 11:18:54 999

转载网站类型

一、资讯门户类网站本类网站以提供信息资讯为主要目的，是目前最普遍的网站形式之一。这类网站虽然涵盖的工作类型多，信息量大，访问群体广，但所包含的功能却比较简单。其基本功能通常包含检索、论坛、留言，也有一些提供简单的浏览权限控制，例如许多企业网站中就有只对代理商开放的栏目或频道。这类网站开发的技术含量主要涉及到三个因素： 1、承载的信息类型。例如是否承载多媒体信息，是

2012-03-27 10:28:38 958

转载 PS画虚线的几种方法

第一种，用文字工具输入短横线或破折号，调整字号字距，先做成一条虚线，复制生成第二至第N条，如果需要虚线边框就复制三条，将其中两条旋转90度摁在两边，最后修整一下完事。第二种，定义画笔，用一个长方形色块生成画笔，在画笔工具下选中该画笔，调整画笔间距，画出虚线。第三种，使用路径描边。需要分多次描边完成。用路径画好虚线的形状，新建一图层，在该图层上用适当大小、硬度为100、间距为0的画笔

2012-03-26 10:15:07 3191

转载 CSS之Position详解

CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。position的四个属性值：

2012-03-25 19:08:46 569

转载 css优先级

一、什么是CSS优先级？所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。二、CSS优先级规则既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是本次所需要讲的重点。样式表中的特殊性描述了不同规则的相对权重，它的基本规则是：统计选择符中的ID属性个数。统计选择符中的CLASS属性个数。统计选择符中的HTML标记名个数。最后，按正确的

2012-03-25 16:23:25 2476 1

转载分辨率

分辨率（resolution，港台称之为解析度）就是屏幕图像的精密度，是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。A4纸的尺寸是210mm×297mm，

2012-03-23 12:54:22 530

转载 SD9027: 各浏览中某些标记通过鼠标触发 Click 事件后不会获得焦点并触发 Focus 事件

作者：钱宝坤标准参考根据 W3C HTML4.01 规范中的描述，onFocus 是 HTML 中的标准属性，它在元素通过鼠标或者键盘 TAB 导航获得焦点时触发，一般应用在 A、AREA、LABEL、INPUT、SELECT、TEXTAREA、BUTTON 元素上。此事件不冒泡。根据 W3C DOM Level 2 (HTML) 规范中的描述，HTMLSelectElement、HT

2012-03-19 12:47:16 1151

转载 CSS样式分离

引导语：举个例子，依照现在主流的写法，下截图所示的灰色背景的框框命名与样式可能如下：.topic_edit_box{display:inline-block; border:1px solid#ddd; background:#f7f7f7; padding:20px 40px;}如果您有强烈的分离意识，尤其在大型的项目中，这段样式可能会是这个样子（注意命名

2012-03-18 16:36:09 1952

转载 vertical-align

最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex等等）。我先给大家看一个我觉得最夸张的值：bottom。代码如

2012-03-16 19:53:41 468

转载 css3实现背景颜色线性渐变

对于网页设计师而言，颜色渐变在网页设计中十分常见，而对于网页制作者来说，通常的方法就是把渐变切成图片来实现。伴随着css3的出现，实现背景颜色渐变，图片不再是唯一的实现方式。虽然IE浏览器还没有实现，但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面，我分别就这两种内核的浏览器进行讲解。一、以firefox为代表的mozilla内核的浏览器（注意，以下的图请有fir

2012-02-28 10:20:35 768

转载网页设计中的常用表单设计技巧

“输入框（ Input ）应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签（label），操作方式，以及周围的视觉元素都会或多或少影响用户的行为。表单布局考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户所熟悉的（比如

2012-02-23 19:08:10 466

转载 UI规范使用体会

优点（在资讯类页面中表现比较突出）：1. 清楚一致的设计提供一种稳定、一致的感觉，使得界面熟悉而又可预测。2. 有良好的直觉特征如链接色制定为蓝色，重点内容标注为红色，符合用户日常积累的知识和经验，使用户阅读起来容易上手。3. 较快的页面响应速度有助于代码制作的简洁，缩短页面下载速度。4. 提高工作效率统一的模块化定制

2012-02-23 18:23:48 450

转载产品经理与交互设计师的合作

产品经理和交互设计师的职责是不同的，虽然很多公司由于成本考虑把这两个岗位合二为一了。然后他们之间在专业性方便的确有比较大的差距。希望能在产品经理与交互设计师的合作方面做些探讨。在互联网这个圈儿里，中国人闹了不少笑话了，所谓笑话就是做了些不专业的事儿，还特喜欢把自己的不专业贴上“有中国特色”的标签来炫耀。其中一件不专业的事情就是对于“产品经理”与“交互设计师”的分工。我非常熟悉某些产

2012-02-23 18:21:33 886

转载 Web可用性设计的247条指导方针

序：Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条 Web可用性设计的指导方针，并把它们清晰的分为六个大类：首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说，“虽然易用性系统的设计远不止应用一些简单的指导方针，但是它们却可以为获取稳定性和好的实践提

2012-02-23 18:18:27 609

转载 10个提高网站可用性的实用技巧

不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性是用户体验的一种度量，它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位，他说：可用性是评估网站易用程度的一种属性。同时“可用性”这个词也指在设计过程中提高易用性的方法。在本

2012-02-23 18:14:07 478

转载 15 个用户体验设计剖析

用户界面和用户体验（UI/UX）是任何产品成败的关键，尤其 Web，Web 是一种公开的，可以被任何人随时随地访问的特殊产品，用户的体验几乎意味着一切，虽然内容更重要，但内容可以替代，体验却是独一无二的，本文分析了15个不同的 UI/UX 案例，优秀的用户体验给我们带来的启发是无价的。内容滚动中的运动视差效果 Parallax scrolling 是让多层背景以不同的速度移动，形

2012-02-23 17:40:11 762

转载上下固定，中间可滚动

这个效果在电脑上可以但是pad上不行 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">上下固定[不滚动]中间自适应高度布局body { margin:0; border:0; padding:0; height:100%; max-height:100%

2012-02-23 10:14:30 1328

转载 css3实现背景颜色线性渐变

对于网页设计师而言，颜色渐变在网页设计中十分常见，而对于网页制作者来说，通常的方法就是把渐变切成图片来实现。伴随着css3的出现，实现背景颜色渐变，图片不再是唯一的实现方式。虽然IE浏览器还没有实现，但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面，我分别就这两种内核的浏览器进行讲解。一、以firefox为代表的mozilla内核的浏览器（注意，以下的图请有fir

2012-02-17 16:15:21 3611

转载 win7安装IIS 防火墙设置

http://www.360doc.com/content/10/0624/19/1872066_35018211.shtml#如果防火墙开启，同一局域网内的电脑也不能访问，但是开启了又会有危险，所以要给外面的电脑开启一个单独的接口。方法如下：控制面板->系统和安全->Windows防火墙->高级设置->入站规则找到名称为：“万维网服务(HTTP流入量)”组

2012-02-13 08:55:48 2111

原创 css——position

无标题文档.c1{ position:absolute; width:400px; height:400px; border:1px #0000FF solid;}.c2{position:relative; top:500px; background:#0099FF;border:1px #0000FF solid;width:120px; height:120px;}.c3{p

2012-02-08 14:24:43 604

转载垂直水平都居中

CSS垂直水平都居中站长学院www.pigzz.com .main{ position:absolute; top:50%; left:50%; width:560px; height:188px; margin:-94px 0 0 -280px; background:red} --> 站长学院www.

2012-02-07 13:40:05 335

原创抠图

1、魔法棒之选择相似要抠出白色部分：选择魔法棒之后，点击白色部分，再鼠标右击，点选择相似，就选中了所有白色部分，ctrl+j 把白色部分复制到新图层

2011-12-21 10:08:43 432

转载 CSS filter滤镜的用法

filter:filtername(parameters)　即 filter:滤镜名称（参数）滤镜效果功能描述 Alpha 设置不同的透明度变化效果 Blur 建立模糊效果 DropShadow 建立一种偏移的影象轮廓，即投射阴影

2011-12-12 16:30:56 853

转载 CSS、JS在不同浏览器的兼容性问题

1.css在不同浏览器下显示效果不同firefox和IE对某些css样式的认定有不少区别，包括：ul和ol的默认padding值是不一样的，在Firefox中，padding-left默认值为40px左右，而IE中为0，只能将它们指定为20px才保证在两个浏览器中显示效果一样；对字体大小small的定义不同，Firefox中为13px，而IE中为16px，差别挺大，也只能设置为14px

2011-12-11 09:34:52 1754

转载在新窗口中 vs 在同一窗口中

作者：Fred.ren 来源：DIV之家（转载请注明）是在新浏览器窗口中打开链接？还是在原有窗口中打开链接？目前有三种做法：1.始终在新窗口中打开2.始终在同一窗口中打开3.索引页之间在同一窗口中打开，具体的信息页在新窗口中显示。第一种和第二种做法比较容易使用户建立起正确的心理模型，也就是说，用户很容易理解，但是这两种做法都存在一定缺陷。

2011-12-05 16:12:52 1219

转载怎样设计web“帮助页面”更有效作者：Fred.ren 来源：DIV之家（转载请注明）

用户在使用web服务的时候遇到问题，就可能会想到“帮助页面”。其实“帮助页面”只是狭义的“帮助”，用户在人机交互过程中的任何一个提示，一个说明都属于“帮助”的范畴。2 用户更喜欢在实践中学习，而不是通过“帮助页面”用户总是忙碌的，他们所有的操作都是为了完成他们的目标，用户并不关心用什么方式和为什么用这样的方式来完成他们的目标。所以他们对待系统的“帮助页面”总是冷漠的。用户更喜欢在实践中学

2011-12-05 14:50:00 2650

转载 css属性大全

在Dreamweaver4的CSS样式里包含了W3C规范定义的所有CSS1的属性，Dreamweaver4把这些属性分为Type（类型）、Background（背景）、Block（块）、Box（盒子）、Border（边框）、List（列表）、Positioning（定位）、Extensions（扩展）八个部分，下面我们分别详细讲解。　　1.Type（类型）　　Type面板主要是对文字的字体

2011-12-01 18:56:08 3348

转载清除浮动“clear:both;”的应用

在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clear:both;CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）

2011-12-01 15:53:14 1051

转载鼠标移过变换颜色字体之类

方法一：写在标签内的鼠标经过的语句懒人图库懒人图库懒人图库查找更多代码，请访问：懒人图库以上写法有错：.borderColor之类的前面一定要有style，因为是改变行内样式，如果是classname就不用，如onMouseOut="this.style.background='url(image/login_2

2011-11-30 10:04:48 2667

转载事件

onmouseup：鼠标键按下并松开时响应事件 onmousedown：鼠标键按下时响应事件 onmouseover：鼠标移动到对象上时响应事件 onmouseout：鼠标从对象上移出时响应事件 onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。onkeyup 是在用户放开任何先前按下的键盘键时发生。

2011-11-29 18:14:48 293

转载目前比较全面的CSS BUG浏览器兼容知识汇总

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了

2011-11-29 11:43:20 911

转载推荐新手阅读的CSS技巧十则

这十则CSS技巧汇编于网络，作为老手已经司空见惯了，也没有什么新意，但温故而知新，或许阅读一遍也有一定的启发，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，更多的知识浏览52CSS.com的教程。希望大家能认真阅读。一、CSS字体属性简写规则一般用CSS设定字体属性方法： font-weight:bold;

2011-11-29 11:42:34 466

转载精选31个网站界面设计实践教程

设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师，他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台，更不用说高质量免费教程了。　　如果您打算建立自己的个人网站或者重新设计您的博客的主题，现在看来已经不是很难了。这要感谢那些慷慨的设计师和撰稿者们，现在互联网充满着各种很棒的教程来帮助你逐步建立自己的网站界面及导航。这篇文章只是让大家浅

2011-11-29 11:39:15 495

you can draw in 30 days

空空如也