摘要: 本文转自UCDBLOG原文:http://www.ucdcom.com/Blog/post/14.html在此网页设计教程,您将了解如何创建一个美丽,绿色,时尚的布局在Photoshop。您将了解到流行的设计技术,如建立一个三维带和具有专业外观的颜色gradient效应。最后结果查看预览正是我们要共同创造。不要忘记点击图片看全尺寸版本的网页布局。设置Photoshop的文件1、在Photoshop创建一个新的文件,文件“快捷键(按Ctrl+N),大小为980px的830px。2、标尺(按Ctrl+R)沿着边缘拉4条辅助线。 创建布局的背景3、选择圆角矩形工具“快捷键(u)”,设置半径为10px 阅读全文
posted @ 2011-08-17 17:57 ideaplusl 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 【Alt】 按住Alt键时用吸管工具可以吸取背景色而非前景色。 在绘制选定范围时,可以按住Alt键,临时在“多边形套索工具”和“套索”工具之间进行切换。 在使用“加深工具”和“变淡工具”时,可以按住Alt进行临时相互切换。 在使用“画笔工具”,“喷枪工具”时,可以按住Alt键临时切换成“吸管”工具,随时选取需要的颜色。 在使用“橡皮擦工具”时,按住Alt键,系统以抹到历史记录相反的状态进行擦除。 在绘制路径时,按住Alt键,并拖动鼠标,可以切换到手工绘制状态。 调用Curves对话框时,按住Alt键于格线内单击鼠标可以增加网格线,提高曲线精度。 更改某一对话框的设置后,若要恢复为默认值,按住A 阅读全文
posted @ 2011-07-31 10:54 ideaplusl 阅读(987) 评论(0) 推荐(0) 编辑
摘要: <!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><title>CSS控制的背景渐变特效</title><style><!--body{margin:0px;padding 阅读全文
posted @ 2011-07-31 10:48 ideaplusl 阅读(12998) 评论(1) 推荐(1) 编辑
摘要: 现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧,好好运用它们,能让你的设计更加精致,从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中,光源来自左方。高光是光照最强的部分,阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问,这和网页设计有什么关系?如果你打算创造丰富、有质感的界面和网站,光影能助你一臂之力。如同许多传统艺术家们在绘画上对光 阅读全文
posted @ 2011-07-27 14:56 ideaplusl 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 几个具有质感的页面: 阅读全文
posted @ 2011-07-27 14:37 ideaplusl 阅读(285) 评论(0) 推荐(0) 编辑
摘要: ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。下面列出了世界各地使用的不同字符集:字符集描述使用范围ISO-8859-1Latin alphabet part 1北美、西欧、拉丁美洲、加勒比海、加拿大、非洲ISO-8859-2Latin alphabet part 2东欧ISO-8859-3Latin alphabet part 3SE Europe、世界语、其他杂项ISO-8859-4Latin alphabet part 4斯堪的纳维亚/波罗的海(以及其他没有包括在 ISO-8859-1 中的部分)ISO-8859-5Latin/Cyrillic par 阅读全文
posted @ 2011-07-10 13:59 ideaplusl 阅读(954) 评论(0) 推荐(0) 编辑
摘要: 1. size,padding和margin距离异常在IE6中,各种size,padding和margin总是感觉怪怪的,有时候死活差那么几个像素.这时候可以使用单独为IE准备的CSS文件来纠正.只需要在页面头部加类似这样的CSS文件即可:1.<!--[if IE 6]> 2.<link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen" /> 3.<![EndIf]-->其中的ie.css是对主C 阅读全文
posted @ 2011-07-07 11:15 ideaplusl 阅读(1017) 评论(0) 推荐(0) 编辑
摘要: 什么是hasLayout?hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容,而不是依赖于祖先元素来完成这些工作。 下列元素默认 hasLayout=true <table> <td> <body> <img> <hr> <input> &l 阅读全文
posted @ 2011-07-07 10:51 ideaplusl 阅读(15691) 评论(1) 推荐(2) 编辑
摘要: jsp我们学完也有好长一段时间间了,过程中总结的一点点基础知识,拿来与初学者分享,直到最后做我们一个小小的项目,宠物医院,也是用我们最简单的工具Jcreater4.0来做的,呵,到了Ecliplse下才发现,开发速度如此之快,不过这样也打好了我们的基础....不多说了,把所学到的小小总结发来至此吧,愿给初学者带来便利,同时愿高人给以指点不足之处..... 首先来说一下我们jsp的课程:第一部分为Servlet技术,包括Servelt入门,会话跟踪,javaMal和Servlet.第二部分就是Jsp技术,包括:jsp简介,jsp脚本和指令的使用,jsp隐式对象,JavaBean与jsp中的标准动 阅读全文
posted @ 2011-07-01 16:44 ideaplusl 阅读(361) 评论(0) 推荐(0) 编辑