分类： WEB开发

如何学习WEB开发，分享WEB开发学习经验，交流WEB开发学习心得，共享WEB开发学习教程，提供WEB开发最佳学习路线！

Unslider – 非常实用的超小JQuery轮播slider插件！

admin 评论
  1. 引入jQuery 和 Unslider
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//unslider.com/unslider.js"></script>
  2. 准备HTML代码
    <div> 
  <ul> 
    <li><img src="slider_1.jpg" /></li> 
    <li><img src="slider_2.jpg" /></li> 
    <li><img src="slider_3.jpg" /></li> 
  </ul> 
</div>
  3. 添加CSS样式
    .banner { position: relative; overflow: auto; } 
  .banner li { list-style: none; } 
    .banner ul li { float: left; }
  4. 启动！
    $(function() { 
  $('.banner').unslider(); 
});

官方网站：http://www.bootcss.com/p/unslider/

Font Awesome：精心打造的 Twitter Boostrap 矢量字体图标

admin 评论

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标，除了包括 Twitter Boostrap 的默认图标外，还有社交网络图标、Web 应用程序图标和编辑器图标等等，可以免费用于商业项目。

主要特色：

  • ✓  一种字体，249个图标，是网页操作的象形语言；
  • ✓  纯 CSS 控制，能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果；
  • ✓  无限缩放，矢量图标在任何尺寸下都一模一样；
  • ✓  免费使用，包括商业和非商业项目；
  • ✓  支持 Internet Explorer 7 浏览器；
  • ✓  能够在 Retina 屏幕完美呈现；
  • ✓  完全兼容 Twitter Boostrap 最新版本；
  • ✓  对设计师友好，设计师能够轻松使用；
  • ✓  和其它图标字体不同，兼容屏幕阅读器；

使用方法

　　使用 CSS：

  1. 拷贝 Font Awesome 字体目录到项目中；
  2. 拷贝 font-awesome.min.css 文件到项目中；
  3. 修改 font-awesome.min.css 文件中的字体路径到正确的位置；
  4. 在页面的 head 里引入 font-awesome.min.css 文件：

<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/font-awesome.min.css" rel="stylesheet" />

　　使用 LESS：

  1. 拷贝 Font Awesome 字体目录到你的项目中；
  2. 拷贝 font-awesome.less 文件到 bootstrap/less 目录。
  3. 打开 bootstrap.less 文件并替换 @import “sprites.less”; 为 @import “font-awesome.less”;
  4. 编辑 elusive-webfont.less 文件的 @FontAwesomePath 变量为字体路径：

@FontAwesomePath: "../font";

然后重新进行 LESS 编译就可以了。

Github     官方主页     猛击下载

如何 GitHub 无法访问，可能需要配置 hosts 才能访问：

207.97.227.239 github.com
207.97.227.252 nodeload.github.com
207.97.227.243 raw.github.com
204.232.175.78 documentcloud.github.com

Zend Framework插入当前时间报错 | ORA-01861: 文字与格式字符串不匹配

admin 评论

无法插入当前时间。

错误提示：ORA-01861: 文字与格式字符串不匹配

解决办法：
[php]
$data = array(
‘ID’ => time(),
‘TITLE’ => $newyqgg->getTitle(),
‘CONTENT’ => $newyqgg->getContent(),
‘AUTOR’ => $newyqgg->getAutor(),
‘CREATETIME’ => new Zend_Db_Expr(“sysdate”), // 此处使用Zend_Db_Expr
‘STATUS’ => $newyqgg->getStatus(),
‘BZ’ => $newyqgg->getBz()
);
[/php]

ZendFramework部署项目 | 如何使用ZF tools

admin 评论

zf create project myzf 将创建一个新的ZF工程.

zf create action add index 在index controller 中创建一个add action

 

Zend_Tool for windows:

 

1、在C盘下面创建一个新的目录zendframework，如c:/zendframework

2、从网上下载ZendFramework-1.8.0-minimal.zip，然后解压就会出来一个bin文件夹和一个library文件夹，把这两个文件夹拷贝到c:/zendframework中。

3、把c:/zendframework/bin添加到环境变量中，右击“我的电脑”=>“属性”=>“高级”=>“环境变量”，双击path，然后把c:/zendframework/bin添加进去。完成。

 

Zend_Tool for OS X (Linux is similar)
• Extract the downloaded archive file, ZendFramework-1.8.0b1-minimal.zip in your Downloads
directory by double clicking on it.
• Copy to /usr/local/ZendFrameworkCli by opening Terminal and typing:
sudo cp -r ~/Downloads/ZendFramework-1.8.0-minimal /usr/local/
ZendFrameworkCli
• Edit your bash profile to provide an alias:
• From Terminal, type: open ~/.bash_profile
• Add alias zf=/usr/local/ZendFrameworkCli/bin/zf.sh to the end of the file
• Save and exit TextEdit.
• Exit Terminal.

 

在bin目录中有两个文件：zf.bat和zf.sh，zf.bat是在windows中运行的，另一个是在linux中运行的。

 

测试一下，进入命令行，输入：zf show version

它将显示Zend Framework Version: 1.8.0

 

zf create project myzf 将创建一个新的ZF工程.

zf create action add index 在index controller 中创建一个add action

 

其它的详细信息请参考：http://framework.zend.com/manual/en/zend.tool.framework.html

修改oracle10g express版本数据库字符集

admin 评论

Oracle 10g EXPress Edition是Oracle专门为小型用户提供的免费版本。Oracle XE十分小巧，安装简单，可供第三方软件开发商部署较小的应用。

不过Oracle XE目前的beta2缺省安装的字符集是WE8MSWIN1252，不是中文字符集，并且不能通过直接运行 alter database character set ZHS16GBK ; 来修改，因为ZHS16GBK不是缺省字符集的超集。过去流传很广的直接修改sys用户下的PROPS$表的方法,也会给字符集的变更留下很多潜在的问题.

不过在安装完Oracle XE后，可以在sqlplus(即Oracle XE的run SQL command line)中， 进行如下的操作来修改字符集：

connect sys/sys as sysdba

shutdown immediate

startup mount

alter system enable restricted session ;

alter system set JOB_QUEUE_PROCESSES=0;

alter system set AQ_TM_PROCESSES=0;

alter database open ;

alter database character set internal_use ZHS16GBK ;

shutdown immediate

startup

这样字符集的修改就完成了

为什么absolute定位始终以浏览器为基准，而不是以父元素为基准

admin 评论

只有将父元素的postion设置为relative，那么absolute定位才以父元素为基准进行偏移。

 

拿例子说明最好
<body>
<div id="a">
  <div id="b"></div>
</div>
</body>

#a{width:500px;height:500px;background:#ccc;}
#b{width:100px;height:100px;background:#f00;}

首先我们设置#a{position:relative;left:30px;top:50px;}
此时浏览效果为,#a距离浏览器 上边缘50px,左边缘30px

接着我们设置#b{position:absolute;left:20px;top:10px;}
此时浏览效果为#b是距离#a内部上边缘10px,左边缘10px,而不是相对于浏览器

一句话，如果要使用absolute,就必须在这个absolute的外面那个层设置relative
如刚刚这个例子的#a和#b这样

而relative不是就是相对于浏览器的边缘的，而是相对于包围他的那个层，不理解，咱继续
如<body>
    <div id="out">
      <div id="a"><div id="b"></div></div>
    </div>
  </body>
假如我们的#out此时在距离浏览器上方100px,距离浏览器左边300px
那么我们设置#a{position:relative;left:10px;top:20px;}
此时浏览器显示#a距离#out上边缘20px,左边缘10px

好了，差不多就这样了，自己必须写一下才能知道，看看肯定不行

Microsoft Office 2007没有保存为PDF的选项

admin 评论

加载项下载地址：http://www.microsoft.com/zh-cn/download/details.aspx?id=9943

此下载使您得以在八种 2007 Microsoft Office 程序中导出文件并将其保存为 PDF 格式。在其中某些程序中，还可以利用它将文件以 PDF 格式的电子邮件附件形式发送。

支持的操作系统

Windows Server 2003, Windows Vista, Windows XP Service Pack 2

  • 此下载适用于下列 Office 程序：
    • Microsoft Office Access 2007
    • Microsoft Office Excel 2007
    • Microsoft Office InfoPath 2007
    • Microsoft Office OneNote 2007
    • Microsoft Office PowerPoint 2007
    • Microsoft Office Publisher 2007
    • Microsoft Office Visio 2007
    • Microsoft Office Word 2007

CentOS上安装部署LAMP环境

admin 评论

原文地址：http://os.51cto.com/art/201103/248774.htm

 

在CentOS5.4上安装Apache2+PHP5+MySQL(LAMP)

1.注意事项：在这篇教程中，我将使用的主机IP 地址是192.168.0.100.这些设置可能与你的机器不同，因此你需要在合适的地方更换下。

2.安装MySQL5.0

我们通过执行下面的命令来安装MySQl：

  1. yum install mysql mysql-server

然后我们为MySQL创建系统启动快捷键(这样的话，MySQL就会在系统启动的时候自动启动)并且启动MySQL服务器：

  1. chkconfig –levels 235 mysqld on
  3. /etc/init.d/mysqld start

运行

  1. mysqladmin -u root password yourrootsqlpassword
  3. mysqladmin -h server1.example.com -u root password yourrootsqlpassword

来为root用户设置一个密码(否则的话任何人都可以访问你的MySQL数据库!)。

3安装Apache2

Apache2 是CentOS的一个可供选择的包，因此我们可以使用下列命令安装它：

  1. yum install httpd

现在配置你的系统使得Apache可以自动启动。。。

  1. chkconfig –levels 235 httpd on

… 并且启动Apache

  1. /etc/init.d/httpd start

现在你可以在你的浏览器中转到http://192.168.0.114,你应该看到Apache2的预留页：

CentOS/安装/LAMP

  1. apache preloadpage
  3. apache preloadpage

在CentOS里Apache的默认文档路径的位置是在/var/www/html，配置文件的路径是/etc/httpd/conf/httpd.conf。其他的配置存储在/etc/httpd/conf.d/ 文件夹里。

4 安装PHP5

我们可以使用下列命令来安装PHP5和Apache的PHP5模块：

  1. yum install php

然后我们必须重新启动Apache:

  1. /etc/init.d/httpd start

5测试PHP5

获取PHP5安装的一些信息

网站的默认文档的路径是/var/www/html.我们可以在这个目录里创建一个简单的php文件(info.php)并且在浏览器中调用。这文件将会显示很多关于PHP安装时候的有用的细节，例如PHP的安装的版本。

vi /var/www/html/info.php

  1. phpinfo();
  3. ?>

现在我们可以再浏览器中访问这个文件(例如http://192.168.0.114/info.php)：

CentOS/安装/LAMP

  1. phpinfo
  3. phpinfo

正如你所看到的，PHP5现在正在工作，正如Server API这一行中显示的一样，它是工作在Apache 2.0 Handler模式下。如果你向下滑动的话，你将会看到所有的模块都可以在PHP5中使用了，MySQL并没有在这里被列出来，这也就意味着PHP5并不 支持MySQL。

6 使得PHP5支持MySQL

要使得在PHP中支持MySQL，我们可以安装 php-mysql这个包。最好的办法是安装一些其他的PHP5模块，这些模块可能其他应用程序会用到。你可以使

用search命令寻找可用的PHP5模块：

  1. yum search php

选择你所需要的包，然后通过下列命令安装他们：

  1. yum install php-mysql php-gd php-imap php-ldap php-odbc php-pear php-xml php-xmlrpc

现在重新启动Apache2

  1. /etc/init.d/httpd restart

现在在你的浏览器中重新加载http://192.168.0.114/info.php 这个页面，并再次查看模块部分，你现在就能看到多了很多模块，包括我们刚刚安装的MySQL模块。

CentOS/安装/LAMP

  1. mysqlmodule
  3. mysql module

7 phpMyAdmin

phpMyAdmin是一款MySQL数据库web化的管理工具。

第一步我们先使我们的CentOS支持RPMforge repository，因为phpMyAdmin并不在CentOS5.3官方的依赖包里：

对于 x86_64 系统:

  1. wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.3.6-1.el5.rf.x86_64.rpm
  3. rpm -Uvh rpmforge-release-0.3.6-1.el5.rf.x86_64.rpm

对于 i386系统

  1. wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.3.6-1.el5.rf.i386.rpm
  3. rpm -Uvh rpmforge-release-0.3.6-1.el5.rf.i386.rpm

现在你就可以使用下列命令来安装phpMyAdmin了:

  1. yum install phpmyadmin

现在我们配置下phpMyAdmin。我们改下Apache的配置文件，使的 phpMyAdmin不单单是本机访问。

  1. vi /etc/httpd/conf.d/phpmyadmin.conf
  3. #
  5. # Web application to manage MySQL
  7. #
  9. #
  11. # Order Deny,Allow
  13. # Deny from all
  15. # Allow from 127.0.0.1
  17. #
  19. Alias /phpmyadmin /usr/share/phpmyadmin
  21. Alias /phpMyAdmin /usr/share/phpmyadmin
  23. Alias /mysqladmin /usr/share/phpmyadmin

下面我们改变下phpMyAdmin的认证方式，从cookie改成http：

  1. vi /usr/share/phpmyadmin/config.inc.php
  3. […]
  5. /* Authentication type */
  7. $cfg[‘Servers’][$i][‘auth_type’] = ‘http’;
  9. […]

最后，你就可以通过http://192.168.0.114/phpmyadmin/当问phpMyAdmin了：

CentOS/安装/LAMP

  1. phpmyadmin