四月, 2009 的归档

  • 在译言上看到这篇文章，才知道原来这项技术叫做CSS Sprites。这篇文章介绍的很全了，转载之，供大家学习吧. 转自http://www.yeeyan.com/articles/view/oc/39032 CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。 本文系统的介绍了CSS Sprites的概念、用途和用法，相信本文会解决你在使用CSS Sprites中遇到的大部分问题。 什么是CSS Sprites？ “Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要 同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。 上图是口袋妖怪的组合图片，可以点这里欣赏更多。 时间进行到2000年，Web设计向着精致、巧妙的方向发展。设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生，它基于同上文提到的游戏Sprite同样的原理，并且使用CSS更容易控制，很快的流行开来。 2004年，Dave Shea 提出了一种使用CSS控制组合图片的方案 ，将许过小的图片组合在一起，使用css定义背景属性，来控制图片的显示位置和方式。 当页面加载时，不是加载每个但以图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。 CSS Sprites用在哪里？ CSS Sprites可以用在很多场合，大字那个网站可以将许多单独的图片，以有机的方式组合起来，从而使其便于维护和更新。图片之间通常会留出较大的空白，使 得图片不会影响网页的内容。但同时CSS Sprite大多使用于较固定的像素定位中，它的弹性较差，收到定位等因素的制约。所以，你需要在可维护性vs降低负载之间权衡利弊，选择最适合你的项目...

    解密CSS Sprites：技巧、工具和教程

    在 2009年04月30日 上发表 | 没有评论
    在译言上看到这篇文章，才知道原来这项技术叫做CSS Sprites。这篇文章介绍的很全了，转载之，供大家学习吧. 转自http://www.yeeyan.com/articles/view/oc/39032 CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。 本文系统的介绍了CSS Sprites的概念、用途和用法，相信本文会解决你在使用CSS Sprites中遇到的大部分问题。 什么是CSS Sprites？ “Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要 同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。 上图是口袋妖怪的组合图片，可以点这里欣赏更多。 时间进行到2000年，Web设计向着精致、巧妙的方向发展。设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生，它基于同上文提到的游戏Sprite同样的原理，并且使用CSS更容易控制，很快的流行开来。 2004年，Dave Shea 提出了一种使用CSS控制组合图片的方案 ，将许过小的图片组合在一起，使用css定义背景属性，来控制图片的显示位置和方式。 当页面加载时，不是加载每个但以图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。 CSS Sprites用在哪里？ CSS Sprites可以用在很多场合，大字那个网站可以将许多单独的图片，以有机的方式组合起来，从而使其便于维护和更新。图片之间通常会留出较大的空白，使 得图片不会影响网页的内容。但同时CSS Sprite大多使用于较固定的像素定位中，它的弹性较差，收到定位等因素的制约。所以，你需要在可维护性vs降低负载之间权衡利弊，选择最适合你的项目...

    继续阅读...

  • 一，PHP脚本与动态页面。  　　PHP脚本是一种服务器端脚本程序，可通过嵌入等方法与HTML文件混合，也可以类，函数封装等形式，以模板的方式对用户请求进行处理。无论以何种方式，它的基本原理是这样的。由客户端提出请求，请求某一页面　—–>　WEB服务器引入指定相应脚本进行处理　—–>　脚本被载入服务器　—–>　由服务器指定的PHP解析器对脚本进行解析形成HTML语言形式　—->　将解析后的HTML语句以包的方式传回给浏览器。由此不难看出，在页面发送到浏览器后，PHP就不存在了，已被转化解析为HTML语句。客户请求为一动态文件，事实上并没有真正的文件存在在那里，是PHP解析而成相对应的页面，然后发送回浏览器。这种页面处理方式被称为“动态页面”。 二，静态页面。  　　静态页面是指在服务器端确实存在的仅含HTML以及JS，CSS等客户端运行脚本的页面。它的处理方式是。由客户端提出请求，请求某一页面　—->　WEB服务器确认并载入某一页面　—->　WEB服务器将该页面以包的形式传递回浏览器。由这一过程，我们对比一下动态页面，即可方现。动态页面需由WEB服务器的PHP解析器进行解析，而且通常还需连接数据库，进行数据库存取操作，然后才能形成HTML语言信息包；而静态页面，无须解析，无须连接数据库，直接发送，可大大减轻服务器压力，提高服务器负载能力，大幅提供页面打开速度和网站整体打开速度。但其缺点是，不能动态地对请求进行处理，服务器上必须确实存在该文件。 　　 三，模板及模板解析。  　　模板即尚未填充内容html文件。例如： 　temp.html this is a { file } file's templets PHP处理： 　templetest.php <!--p $title = "拓迈国际测试模板"; $file = "TwoMax Inter test templet, author：Matrix@Two_Max"; 　$fp...

    PHP生成静态页面详解

    在 2009年04月30日 上发表 | 没有评论
    一，PHP脚本与动态页面。  　　PHP脚本是一种服务器端脚本程序，可通过嵌入等方法与HTML文件混合，也可以类，函数封装等形式，以模板的方式对用户请求进行处理。无论以何种方式，它的基本原理是这样的。由客户端提出请求，请求某一页面　—–>　WEB服务器引入指定相应脚本进行处理　—–>　脚本被载入服务器　—–>　由服务器指定的PHP解析器对脚本进行解析形成HTML语言形式　—->　将解析后的HTML语句以包的方式传回给浏览器。由此不难看出，在页面发送到浏览器后，PHP就不存在了，已被转化解析为HTML语句。客户请求为一动态文件，事实上并没有真正的文件存在在那里，是PHP解析而成相对应的页面，然后发送回浏览器。这种页面处理方式被称为“动态页面”。 二，静态页面。  　　静态页面是指在服务器端确实存在的仅含HTML以及JS，CSS等客户端运行脚本的页面。它的处理方式是。由客户端提出请求，请求某一页面　—->　WEB服务器确认并载入某一页面　—->　WEB服务器将该页面以包的形式传递回浏览器。由这一过程，我们对比一下动态页面，即可方现。动态页面需由WEB服务器的PHP解析器进行解析，而且通常还需连接数据库，进行数据库存取操作，然后才能形成HTML语言信息包；而静态页面，无须解析，无须连接数据库，直接发送，可大大减轻服务器压力，提高服务器负载能力，大幅提供页面打开速度和网站整体打开速度。但其缺点是，不能动态地对请求进行处理，服务器上必须确实存在该文件。 　　 三，模板及模板解析。  　　模板即尚未填充内容html文件。例如： 　temp.html this is a { file } file's templets PHP处理： 　templetest.php <!--p $title = "拓迈国际测试模板"; $file = "TwoMax Inter test templet, author：Matrix@Two_Max"; 　$fp...

    继续阅读...

  • 　　用PHP生成EXCEL的方法很多，当然我们可以用一些现成的类，像PHPEXCEL。但只用现成的类，就失去了学习的意义。下面介绍两个不用现成类的方法，代码清晰，方便大家学习。 参考原文略做修改 <? //定义一些需要的函数 //如果需要可以放到单独的文件中去 function xlsBOF() { echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0); return; } function xlsEOF() { echo pack("ss", 0x0A, 0x00); return; } function xlsWriteNumber($Row, $Col,...

    用PHP创建真正的EXCEL文件的简单方法

    在 2009年04月28日 上发表 | 没有评论
    　　用PHP生成EXCEL的方法很多，当然我们可以用一些现成的类，像PHPEXCEL。但只用现成的类，就失去了学习的意义。下面介绍两个不用现成类的方法，代码清晰，方便大家学习。 参考原文略做修改 <? //定义一些需要的函数 //如果需要可以放到单独的文件中去 function xlsBOF() { echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0); return; } function xlsEOF() { echo pack("ss", 0x0A, 0x00); return; } function xlsWriteNumber($Row, $Col,...

    继续阅读...

  • 原文地址http://bbs.chinaunix.net/viewthread.php?tid=1062440 在论坛看到好文章，我也是跟作者一样不敢独享，故分享之。 因工作需要，需利用PHP在windows中建创自动运行的服务，调试后不敢独享，放出源代码。 特别注意：PHP.ini文件中路径要使用绝对路径 Config.php <?PHP /* * 功能：利用PHP安装windows自动运行的服务 * 作者：LiangJQ * 时间：2008年3月7日 */ //定义服务名称 define("_SERVICENAME", "PHP Service"); //定义服务显示名称 define("_SERVICEINFONAME", "Exsample PHP Service"); //定义php.exe存放路径 define("_PATH", "C:\wamp\php\php.exe"); //定义所要执行的程序名称 define("_PARAMS", "D:\\localhost\\Service\\win32_service.php"); //定义程序分隔执行时间，单位：秒...

    PHP创建windows服务并自动运行之

    在 2009年04月28日 上发表 | 一条评论
    原文地址http://bbs.chinaunix.net/viewthread.php?tid=1062440 在论坛看到好文章，我也是跟作者一样不敢独享，故分享之。 因工作需要，需利用PHP在windows中建创自动运行的服务，调试后不敢独享，放出源代码。 特别注意：PHP.ini文件中路径要使用绝对路径 Config.php <?PHP /* * 功能：利用PHP安装windows自动运行的服务 * 作者：LiangJQ * 时间：2008年3月7日 */ //定义服务名称 define("_SERVICENAME", "PHP Service"); //定义服务显示名称 define("_SERVICEINFONAME", "Exsample PHP Service"); //定义php.exe存放路径 define("_PATH", "C:\wamp\php\php.exe"); //定义所要执行的程序名称 define("_PARAMS", "D:\\localhost\\Service\\win32_service.php"); //定义程序分隔执行时间，单位：秒...

    继续阅读...

  • 方法一：   跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看：   本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6——    IE7——IE8——FF2——FF3—    Opera9.5 >property——    Y——    Y——    Y——    N——    N——    N .property——    Y——    Y——    Y——    N——    N——    N *property——    Y——    Y——    Y——    N——    N——   ...

    简单CSS hack：区分IE6、IE7、IE8、Firefox、Opera

    在 2009年04月22日 上发表 | 没有评论
    方法一：   跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看：   本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6——    IE7——IE8——FF2——FF3—    Opera9.5 >property——    Y——    Y——    Y——    N——    N——    N .property——    Y——    Y——    Y——    N——    N——    N *property——    Y——    Y——    Y——    N——    N——   ...

    继续阅读...

Page 1 of 3123