吴伟贤のBlog

Feed Rss

存档: ‘网页@Web’ 分类

DIV+CSS布局

09.09.2009, DIV+CSS布局已关闭评论, div+css & html, by .

现在做SEO的都知道,基于DIV+CSS的布局更加利于网站优化,为什么呢?因为DIV+CSS有效的把DIV框架和CSS代码的分离,使网站代码更加简洁,方便蜘蛛爬取!还有是可以减小网页的大小。这在百度是比较有利的!

DIVCSS布局大全.pdf
上面比较详细的介绍了布局内容。

如果你不会DIV+CSS没有关系下面可以在线教你!

CSS基本概念
CSS初探 – CSS基本知识 – 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html

CSS基本语法与核心概念 – CSS基本知识 – 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html

设置丰富的文字效果 – CSS基本知识 – 第3课http://learning.artech.cn/uploads/2007/06/01/20070601.html

CSS/DIV布局专题讲解

设置图片效果 – CSS/DIV专题讲解 – 第1课http://learning.artech.cn/uploads/2007/06/04/20070604.html

设置网页背景 – CSS/DIV布局专题讲解 – 第2课http://learning.artech.cn/uploads/2007/06/05/20070605.html

设置表格与表单的样式 – CSS/DIV布局专题讲解 – 第3课http://learning.artech.cn/uploads/2007/06/06/20070606.html

设置页面和浏览器的元素 – CSS/DIV布局专题 – 第4课http://learning.artech.cn/uploads/2007/06/07/20070607.html

用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 – 第5课 http://learning.artech.cn/uploads/2007/06/08/20070608.html

CSS滤镜的应用 – CSS/DIV布局专题讲解 – 第6课http://learning.artech.cn/uploads/2007/06/11/20070611.html

理解CSS定位与div布局 – CSS/DIV布局专题讲解 – 第7课http://learning.artech.cn/uploads/2007/06/12/20070612.html

CSS排版 – CSS/DIV布局专题讲解 – 第8课http://learning.artech.cn/uploads/2007/06/13/20070613.html

网页变幻 – CSS/DIV布局专题讲解 – 第9课http://learning.artech.cn/uploads/2007/06/14/20070614.html

CSS与其他技术

CSS与javascript的综合应用 – CSS与其他技术 – 第1课http://learning.artech.cn/uploads/2007/06/15/20070615.html

CSS与XML的综合运用 – CSS与其他技术 – 第2课http://learning.artech.cn/uploads/2007/06/18/20070618.html

CSS与AJAX的综合应用 – CSS与其他技术 – 第3课http://learning.artech.cn/uploads/2007/06/19/20070619.html

CSS/DIV综合实践

博客设计DIY – CSS/DIV综合实践 – 第1课 http://learning.artech.cn/uploads/2007/06/20/20070620.html

小型工作室 – CSS/DIV综合实践 – 第2课 http://learning.artech.cn/uploads/2007/06/21/20070621.html

公司网站 – CSS/DIV综合实践 – 第3课http://learning.artech.cn/uploads/2007/06/22/20070622.html

了解更多

网页内容部分禁用右键,禁用图片另存为

09.08.2009, 网页内容部分禁用右键,禁用图片另存为已关闭评论, js, by .

对需要禁用右键的加以下内容

oncontextmenu=self.event.returnValue=false onselectstart="return false"

 

如要禁用整个网页

在body里加入

<body oncontextmenu=self.event.returnValue=false onselectstart="return false">

了解更多

APMServ 5.2.0开启Mod_Rewrite伪静态的方法

08.27.2009, APMServ 5.2.0开启Mod_Rewrite伪静态的方法已关闭评论, php, by .

APMServ 5.2.0 有一个困扰了我很久的问题,就是它的Apache2 无法打Mod_Rewrite ,找了很多常规的打开Apache2 的方法,在APMServ 5.2.0 都不适用,今天在本地测试easytalk ,再次解决Mod_Rewrite ,无奈它还是不生效,无法启用,使用.htaccess 转向会出现Error 404提示Object not found!
这次我选择了去官方论坛找方法,没想到被这个问题困恼的人还真多,不过解决的方法还是有的:

引用

打开APMServ 5.2.0 程序目录,在Apache\conf 目录下找到httpd.conf 文件,搜索

LoadModule rewrite_module modules/mod_rewrite.so

去掉前面的#
再在#APMServ默认虚拟主机里面 这个也在httpd.conf里面
AllowOverride None 改为AllowOverride Options FileInfo

让apache支持.htaccess

httpd.conf里面修改

<Directory />
    Options FollowSymLinks
    AllowOverride None
</Directory>

改为

<Directory />
    Options FollowSymLinks
    AllowOverride All
</Directory>

重启Apache后,Mod_Rewrite就可以生效了。

了解更多

PHPMYADMIN简明安装教程

08.27.2009, PHPMYADMIN简明安装教程已关闭评论, php, by .

简单的说,phpmyadmin就是一种mysql的管理工具,安装该工具后,即可以通过web形式直接管理mysql数据,而不需要通过执行系统命令来管理,非常适合对数据库操作命令不熟悉的数据库管理者,下面我就说下怎么安装该工具:
1.先到网上下载phpmyadmin,再解压到可以访问的web目录下(如果是虚拟空间,可以解压后通过ftp等上传到web目录下),当然您可以修改解压后该文件的名称。
2.配置config文件
  打开libraries下的config.default.php文件,依次找到下面各项,按照说明配置即可:
A.访问网址

$cfg[‘PmaAbsoluteUri’] = ”;这里填写phpmyadmin的访问网址

B.mysql主机信息

$cfg[‘Servers’][$i][‘host’] = ‘localhost’; // MySQL hostname or IP address
填写localhost或mysql所在服务器的ip地址,如果mysql和该phpmyadmin在同一服务器,则按默认localhost
$cfg[‘Servers’][$i][‘port’] = ”; // MySQL port – leave blank for default port
mysql端口,如果是默认3306,保留为空即可

C.mysql用户名和密码

$cfg[‘Servers’][$i][‘user’] = ‘root’; // MySQL user 访问phpmyadmin使用的mysql用户名
fg[‘Servers’][$i][‘password’] = ”; // MySQL password (only needed对应上述mysql用户名的密码

D.认证方法

$cfg[‘Servers’][$i][‘auth_type’] = ‘cookie’;

在此有四种模式可供选择,cookie,http,HTTP,config
   config方式即输入phpmyadmin的访问网址即可直接进入,无需输入用户名和密码,是不安全的,不推荐使用。
   当该项设置为cookie,http或HTTP时,登录phpmyadmin需要数据用户名和密码进行验证,,具体如下:
   PHP安装模式为Apache,可以使用http和cookie;
   PHP安装模式为CGI,可以使用cookie
E.短语密码(blowfish_secret)的设置

$cfg[‘blowfish_secret’] = ”;

如果认证方法设置为cookie,就需要设置短语密码,置于设置为什么密码,由您自己决定  ,但是不能留空,否则会在登录phpmyadmin时提示错误
  好了,到此为止,您已经成功安装了phpmyadmin,简单吧 ,赶快登录体验下吧

了解更多

linux apache 重启命令

08.26.2009, linux apache 重启命令已关闭评论, apache, by .

 

apache 重启 /etc/init.d/httpd restart

了解更多

wml中页面自动跳转的实现方法

08.13.2009, wml中页面自动跳转的实现方法已关闭评论, div+css & html, by .

下面的例子将把 "Hello World!" 显示 3 秒钟,然后跳转到 "test.wml":

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card ontimer="test.wml">
<timer value="30"/>
<p>Hello World!</p>
</card>
</wml>

注意:<timer> 标签是在<card> 与<p> 标签之间的!否则不会跳转!

了解更多

apache rewrite_module

08.06.2009, apache rewrite_module已关闭评论, apache, by .

httpd.conf

 

LoadModule rewrite_module modules/mod_rewrite.so  #去掉

 

支持htaccess

#
# AllowOverride controls what directives may be placed in .htaccess files.
# It can be "All", "None", or any combination of the keywords:
#   Options FileInfo AuthConfig Limit
#
AllowOverride All

了解更多

asp随机取数据库中的记录

08.05.2009, asp随机取数据库中的记录已关闭评论, asp, by .

<%
sql="select * from cp"
rs.open sql,conn,3,2
if rs.bof then
response.Write("目前没有信息!")
response.End()
end if
DIM Appeared
Call DisRndRecord(3,rs.recordCount)’调用函数该位置显示记录

‘################SUBS################
‘#DisRndRecord(DisNum,rsBound)
‘#参数DisNum:显示数量
‘#参数rsBound:随机数产生范围
Sub DisRndRecord(DisNum,rsBound)
DIM i,ThisRnd
If rsBound < DisNum Then DisNum = rsBound’记录总数小于要抽取记录条数的情况
For i = 0 To DisNum – 1
ThisRnd = GetRnd(rsBound)’取得一个不重复的随机数
rs.Move(ThisRnd)’游标移动到随机数位置数读取
Response.Write("<center><br><a href=’cpxs.asp?id="&rs("id")&"’><img width=’60’ height=’68’ border=’0′ src="&rs("cptp")&"></a><br><br><a href=’cpxs.asp?id="&rs("id")&"’>"&rs("cpmc")&"</a></center>")
rs.Move(-ThisRnd)
Next
End Sub
‘# 函数GetRnd(bound)返回一个不重复的随机数字
‘#参数bound:随机范围
Function GetRnd(bound)
DIM ranNum
Randomize()
ranNum=int(bound*rnd)
If Instr(Appeared,"["&ranNum&"]") Then’产生的随机数是否出现过
ranNum = getRnd(bound)
End If
Appeared = Appeared & "["&ranNum&"]"’记录已出现的随机数
GetRnd = ranNum
End Function
%>

了解更多

php FCKeditor瘦身

07.27.2009, php FCKeditor瘦身已关闭评论, php, by .

FCKeditor_2.6.4程序瘦身
首先下在FCK文件,解压该文件。
根目录下:
editor目录
fckconfig.js
fckeditor.cfm
fckutils.cfm
fckeditor.php
fckeditor_php4.php
fckeditor_php5.php
fckstyles.xml
fcktemplates.xml
这几个保留,其余的全部去除。
然后是精简 editor目录:
editor\filemanager\connectors目录中把PHP目录留下(注意留下test.html 和 uploadtest.html)其余的方法目录删除.
editor\lang 语言目 把 en.js 、 zh.js 、 zh-cn.js留下,其余全部删除.
editor\skins界面目录:默认带有三个界面,保留default,其余全部删除.
基本完成
下面是配置:
1、默认语言
打开fckconfig.js文件(注意此文件是utf-8编码哦), 找到FCKConfig.AutoDetectLanguage = true ;
此句作用为自动检测语言,默认为true,即表示编辑器会根据系统语言自动检测加载相应的语言,
我们将其改为false,不让其检测,然后 将FCKConfig.DefaultLanguage = ‘en’;
改为简体中文"zh-cn"。
2、字体列表
依然打开fckconfig.js,因为此编辑器为外国人编写,所以默认不提供中文字体,我们为其加入,找到
FCKConfig.FontNames加入“宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;”其他字体可根据自己需要自
行加入。
3、文件上传
配置相对复杂,下面我大致讲一下:在FCKeditor中共有三个文件跟上传功能有关,
一个是js文件,两个是php文件,前者关闭后界面中不出现相关窗口或按钮,后者关闭后相关功能不可用。
js文件即是指的fckconfig.js文件,在以前旧版本的fckconfig.js中首先你必需开启如下几项:
浏览上传功能:
CODE:
FCKConfig.LinkBrowser = true ; //文件
FCKConfig.ImageBrowser = true ; //图片
FCKConfig.FlashBrowser = true ; //Flash
快速上传功能:
CODE:
FCKConfig.LinkUpload = true ; //同上
FCKConfig.ImageUpload = true ; //同上
FCKConfig.FlashUpload = true ; //同上
即把这几项设为true,而我们今天使用的fckconfig.js中默认已经是开启上传开关显示功能的,
所以,如果你要将该编辑器作为前 台使用(fckeditor上传漏洞问题一直没有得到较好的改善),
考虑到安全性你可能需要关闭文件上传功能,那么你只需要将这几项设置为false即可
(当然两个php文件你也不要开启上传功能哦)。
如果你要使用文件上传功能,那么我们继续配置:
依然在fckconfig.js文件中,fckeditor对语言默认支持的是php,找到以下两句,进行相应修改:
var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php | py(第182行)
var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | php
对js文件的配置到此已经完成,下面我们进行两个php文件在上传方面的设置:
文件浏览上传修改:
打开editor\filemanager\connectors\php\config.php文件,找到:
$Config[‘Enabled’] = false ;(第28行)将false改为true,即允许上传。
$Config[‘UserFilesPath’] = ‘/userfiles/’ ;(第32行)为定义上传目录,可根据自己情况进行修改,我将其改为upload目录。

了解更多

fckeditor在IE7下不显示

07.16.2009, fckeditor在IE7下不显示已关闭评论, div+css & html, by .

 

fckeditor.js里面设置了属性宽为100%,高为200,在ie6、firefox下面显示都正常,但是在ie7下面就不行,就是不显示

看DOM,发现iframe已经有了,说明fckeditor.js已经起作用了

在没用seam和richfaces的时候貌似也是正常的,估计十有八九是richfaces的问题

没办法,在无数次修改fckeditor的源代码都没有用,自己写xhtml倒是可以的

最后就是width=100%这里出问题了,删掉或者改成具体数字比如200、300,就正常显示了。

了解更多