在网页设计中细节的处理十分重要,个人也经常观摩外国佬的网站,发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单,但是却可以很好滴增强整个网站的细节。所以个人认为这些技巧对提升你的网站设计水平也是有帮助的。
并且你会留意到这些技巧都围绕一个词,就是“像素化”,简单地说就是一些1px,2px的小线。
1.像素分隔线
第一个介绍的是分隔线,请看下图,为 Pixel2Life.com 的导航栏。
CSS Sprites图片整合技术的使用
以前我转载了一篇关于CSS Sprites技术的实例应用,并没有主要介绍一下CSS Sprites到底有什么好处,今天就直白的讲讲在css中用一张背景图做页面的技术的优势。
简单介绍一下 CSS Sprites 的优点:
1)、当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。
2)、CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。
favicon.ico制作与使用全攻略
1、Favicon.ico简介
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
显示桌面和IE图标不见的解决办法
“显示桌面”图标在我们的使用中是一个非常重要的功能,当我们打开大量的程序而想要返回桌面时就会用到他,点击“显示桌面”图标会快速返回桌面,非常便利。但有时候不小心出现失误而令那显示桌面图标不见了,这时候我们就有点苦恼了。
系 统原IE图标,如果不小心删除了以后,虽然可以在C:Program FilesInternet Explorer下找到iexplore.exe,然后再创建快捷方式,可是在点击快捷方式的右键时候,总是没有IE的属性这一项。我们设置 Internet选项不得不先启动IE,再菜单栏—–工具—-Internet选项,这样一步步去设置,显得十分麻烦。这时候我们就会怀念原系统IE图标的方便了,呵呵,不用担心,现在就帮你搞定!
mysql命令大全
启动:net start mySql;
进入:mysql -u root -p/mysql -h localhost -u root -p databaseName;
列出数据库:show databases;
选择数据库:use databaseName;
列出表格:show tables;
显示表格列的属性:show columns from tableName;
建立数据库:source fileName.txt;
匹配字符:可以用通配符_代表任何一个字符,%代表任何字符串;
增加一个字段:alter table tabelName add column fieldName dateType;
增加多个字段:alter table tabelName add column fieldName1 dateType,add columns fieldName2 dateType;
多行命令输入:注意不能将单词断开;当插入或更改数据时,不能将字段的字符串展开到多行里,否则硬回车将被储存到数据中;
10款有用的Javascript代码高亮脚本
某日见网上流传一文《9 Useful Javascript Syntax Highlighting Scripts》,让我大开眼界,但缺少一款GeSHi(Generic Syntax Highlighter),总觉得有点遗憾,故重新总结一下。
代码高亮很重要,特别是当我们想要在博客中展示我们的代码的时候。通过在博客中启用代码高亮,读者更方便的读取代码块。
有很多免费而且有用的代码高亮脚本。这些脚本大部分由Javascripts编写,当然也有些使用其它语言(比如Phyton或Ruby)写的。
今天,让我们来看看使用最多的10款Javascript代码高亮脚本吧。
css sprites图片背景优化技术–制作一幅扑克牌
在google中搜索一下css sprites这个名称,会查出很多信息,并且随着SEO越来越被人们重视,采用这种技术来进行图片优化的网站越来越多,国内几家大型门户网站无不仿效。如新浪,网易,搜狐。你下载一下他们的网站上的图片,你会看到他们将很多小图片全部集成在一张图片上。
这样做的好处是不言而语:
1. 加速图片显示
2. 利用CSS技巧减小HTTP请求
3. 利于网站优化SEO
其实原理非常简单,主要是应用css中的背景定位技术来实现的。主要就是用一个属性background-position来控制显示一张大图片中的一个指定大小的图片位置。
如何利用CSS创建漂亮的按钮
这个教程将教你如何使用CSS创造一个漂亮的动态按钮 ,所谓动态,指的是默认状态和聚焦状态时背景按钮图片不一样,让我们看一下这是怎么完成的:
手工打造极酷的分离式滑动门导航菜单
导言:本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单,从思路、原理、步骤,手段可谓“无所不用其极”,即便你是菜鸟,相信你看了本文后,也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构,利于数据动态输出,非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理,相信对那些还在这条路上摸索的朋友会有一些帮助!当然如果有什么错误和问题,也欢迎大家提出来探讨。
Windows下Apache与Tomcat的整合
Apache的HTTPD是目前比较受欢迎的网站服务器软件,它不但功能强大,而且完全免费,并且支持市场上流行的各种操作系统(Windows,Linux,Mac os)。同时对于Java Servlet/JSP的支持,通常也会使用同样Apache出品的Tomcat。
Tomcat除了支持Java Servlet/JSP之外,也可以当做网站服务器使用,但是在对于静态的html文件、图片文件等的解析效率上不如Apache HTTPD的执行效率高。应用tomcat的服务器如果网站的访问量较大,系统资源占用会明显升高,近日笔者在项目执行过程中遇到这一问题,便也想到同时应用tomcat+apache服务。Apache负责静态资源处理,tomcat负责jsp和java servlet等动态资源的处理。在网上看了不少介绍Apache和Tomcat集成的帖子。大多为互相转贴,有几个关键问题没有讲清楚,并且多数文章讲解中所举的软件版本都已经比较老旧。因而笔者总结自己实际操作的经验,希望对大家有所帮助。