1℃

使用CSS Sprites就好像玩拼图游戏一样

2014年04月21日 优化推广, 网站设计 
在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展,网速的提升,大家越来越重视页面的加载速度、页面效率问题,过去的那些小图便成为了前端开发者的眼中钉,因为每加载一张图片都会产生一次浏览器请求数,发起的请求数越多那么页面加载的速度也越慢。还有当页面加载时,图片一个个的零星显示,鼠标经过时候背景闪白等也都是我们不能忍受的。于是乎将页面中的背景图整合到一起,利用“backgroun...
阅读全文
0℃

一个网页设计师和终端体验者的对话

2014年04月14日 微博随笔, 网站设计 
虽然说设计师很少能和终端体验者发生关系。但是事实上,一个页面到底好不好,终端体验者最有权利说。作为一个设计师,不是说光会设计漂亮页面就OK了,如果用户体验不好,页面再漂亮,也是空的。 1、需要学习理论,但不要迷信理论。很多设计师喜欢看国外的设计理论,这些理念通常都很先进,而且都有很强的逻辑,让人觉得“该这么回事”。不过,实际情况是,这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西,虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点,我做过几个大...
阅读全文
0℃

CSS布局只是Web标准的一部分

2014年03月24日 网站设计 
CSS布局也就是俗称的 Div + CSS 布局,或者是 (X)HTML + CSS 布局。其核心思想就是用 CSS 来控制网页中元素的样式,包括位置、大小、颜色等; 1.事实上,CSS布局只是Web标准的一部分,在HTML、CSS、Javascript这三大元素中,HTML才是最重要的,结构才是重点,样式是用来修饰结构的。正确的做法是,先确定HTML,确定语义的标签,再来选用合适的CSS。 2.默认情况下,浏览器会根据标签的语义给定一个默认的样式,CSS则是用来控制样式和重置样式的。判断网页标签语义是否良好的一个简单方法就是:去掉样式,看网页结构...
阅读全文
0℃

你所不知道的PHOTOSHOP图层的10个技巧

2014年03月10日 网站设计 
1. 填充不透明度 填充不透明度可以减少一个图层内容的不透明度,而不能减少图层样式的可见度。因此,诸如渐变叠加等图层样式最好设置成叠加模式来保持图层的穿透效果。   2. 图层组快捷键 当你的文件中有很多图层组并且嵌套时,你可以考虑使用下面几个快捷键来提高工作效率: · 按住Ctrl键点击顶级图层组的箭头来一次打开/关闭所有的顶级图层组。 · 按住Alt键点击图层组箭头来打开/关闭所有嵌套图层组。 · 按住Ctrl+Alt键点击顶级图层组的箭头来打开/关闭所有的顶级图层组和所有的嵌套图层组。   3. 多...
阅读全文
0℃

在网页设计中的如何使用白色才能恰到好处

2014年03月07日 网站设计 
白色是一种包含光谱中所有颜色光的颜色,通常被认为是“无色”的。通常与白色的引申含义为:清洁,纯净,新鲜,纯洁,和平,纯真,简单,纯粹。白色和黑色的组合有最大的视觉反差,这可以用来描绘相反的概念,如日间及夜间或善与恶。 在网页设计中的白色是优雅、简约和时尚的象征。在保证网站整洁的情况下,它是用来创造空间和移动关注的网站的重要元素。使用白色的最佳合肥网站建设公司中有很多给人的印象就是“干净和简洁”。这类设计貌似很简单,但是它真的是个挑战。最佳的设计通常是看起来不是被设计过的那些。 ...
阅读全文
0℃

PHP的301重定向代码

2014年01月10日 优化推广, 网站设计 
一、这种方法,因为它可以把www.seosir.cc原来所有的url都转到seosir.cc新的地址上 <?php $the_host = $_SERVER['HTTP_HOST']; $request_uri = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : ''; if($the_host == 'www.seosir.cc') { header('HTTP/1.1 301 Moved Permanently'); header('Location: http://seosir.cc'.$request_uri);// } ?> 二、单页多站的php301重定向代码,www.seosir.cc和seosir.cc则301到index.php上,www.seosir.cc则301到seosir.cc上,否则转到错误页 <?php if(($HTTP_...
阅读全文
2℃

koala是一个前端预处理器语言图形编译工具

2013年07月03日 网站设计 
越来越多的同学开始使用less/sass等预处理器的方式来编写CSS与JavaScript,很大程度上提高了工作效果,但编译文件是个繁琐的事情,使用命令行的方式操作起来很累,目前也已经有一些图形工具,比如mac下的codekit, windows下有winLess、simpless等。Codekit是一个很棒的工具,它是一个商业的软件且只有Mac版本。而windows下现有的工具都比较简陋,无法满足我们日常开发需求。 今天向大家推荐一个新工具Koala,功能齐全,跨平台运行,同时还是一个开源软件。 Koala是什么? koala是一个前端预处理器语言图形编译工具...
阅读全文
1℃

关于WordPress不使用插件制作标题关键词描述

2013年05月06日 网站设计 
不用插件如何在wordpress中设置标题、关键词和描述,这个问题是很多时候都在谈论的问题。百度一下,也会出现很多的答案。答案大致相同,但是不是每一个都可以用。很多都是直接复制改了改伪原创发了出去,新手根本搞不好。这里我把一般出现的情况给大家说说。 因为WP插件泛滥,很多的插件不是很合适用,所以我个人就是选择不用插件。 要做到优化的效果,一样是PHP的语句判断,代码如下: ———————————————————————————————————————————————— <head> <?php if ( is_home ()) { $description = "aaaaaaaaaaaa...
阅读全文