首页
微语
统计
友链
留言
memos
圈子
图床
推荐
相册
网站监控
VPS监控
Search
1
实现typecho微信时光机功能的图文教程
49,153 阅读
2
为Typecho添加webp解析
43,785 阅读
3
Memos备忘录,记录瞬间想法
29,048 阅读
4
emlog数据成功迁移到typecho
28,420 阅读
5
Jasmine - 简约、美观的博客主题
27,972 阅读
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
排行榜    
登录
/
注册
Search
标签搜索
wordpress
发布
插件
免费
教程
typecho
EMlog
PHP
代码
CSS
华为
图片
安装
代码修改
评论
手机
诺基亚
微信
文章
智能
Chen'mo
累计撰写
1,272
篇文章
累计收到
381
条评论
首页
栏目
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
页面
微语
统计
友链
留言
memos
推荐
相册
网站监控
VPS监控
搜索到
346
篇与
的结果
2008-07-31
ASP、JSP、PHP 三种技术比较
目前,最常用的三种动态网页语言有ASP(Active Server Pages),JSP(JavaServer Pages),PHP (Hypertext Preprocessor)。简 介 ASP全名Active Server Pages,是一个WEB服务器端的开发环境,利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript(Java script)作为自己的开发语言。 PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点,PHP是完全免费的,不用花钱,你可以从PHP官方站点(http: //www.php.net)自由下载。而且你可以不受限制地获得源码,甚至可以从中加进你自己需要的特色。 JSP是Sun公司推出的新一代网站开发语言,Sun公司借助自己在Java上的不凡造诣,将Java从Java应用程序和Java Applet之外,又有新的硕果,就是JSP,Java Server Page。JSP可以在Serverlet和JavaBean的支持下,完成功能强大的站点程序。 三者都提供在 HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但JSP代码被编译成 Servlet并由Java虚拟机解释执行,这种编译操作仅在对JSP页面的第一次请求时发生。在ASP 、PHP、JSP环境下,HTML代码主要负责描述信息的显示样式,而程序代码则用来描述处理逻辑。普通的 HTML页面只依赖于Web服务器,而ASP 、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中,然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向Web服务器的技术,客户端浏览器不需要任何附加的软件支持。技术特点:ASP:1. 使用VBScript 、 JScript等简单易懂的脚本语言,结合HTML代码,即可快速地完成网站的应用程序。2. 无须compile编译,容易编写,可在服务器端直接执行。3. 使用普通的文本编辑器,如Windows的记事本,即可进行编辑设计。4. 与浏览器无关(Browser Independence), 客户端只要使用可执行HTML码的浏览器,即可浏览Active Server Pages所设计的网页内容。Active ServerPages 所使用的脚本语言(VBScript 、 Jscript)均在WEB服务器端执行,客户端的浏览器不需要能够执行这些脚本语言。5.Active Server Pages能与任何ActiveX scripting语言兼容。除了可使用VB Script或JScript语言来设计外,还通过plug-in的方式,使用由第三方所提供的其它脚本语言,譬如REXX 、Perl 、Tcl等。脚本引擎是处理脚本程序的COM(Component Object Model) 对象。6. 可使用服务器端的脚本来产生客户端的脚本。7. ActiveX Server Components(ActiveX 服务器组件 )具有无限可扩充性。可以使用Visual Basic 、Java 、Visual C++ 、COBOL等程序设计语言来编写你所需要的ActiveX Server Component 。PHP:1 数据库连接PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的群组合。你还可以自己编写外围的函数去间接存取数据库。通过这样的途径当你更换使用的数据库时,可以轻松地修改编码以适应这样的变化。PHPLIB就是最常用的可以提供一般事务需要的一系列基库。但PHP提供的数据库接口支持彼此不统一,比如对Oracle, MySQL,Sybase的接口,彼此都不一样。这也是PHP的一个弱点。JSP:1.将内容的产生和显示进行分离使用JSP技术,Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来产生页面上的动态内容。产生内容的逻辑被封装在标识和JavaBeans群组件中,并且捆绑在小脚本中,所有的脚本在服务器端执行。如果核心逻辑被封装在标识和Beans中,那么其它人,如Web管理人员和页面设计者,能够编辑和使用JSP页面,而不影响内容的产生。在服务器端,JSP引擎解释JSP标识,产生所请求的内容(例如,通过存取JavaBeans群组件,使用JDBC技术存取数据库),并且将结果以HTML(或者XML)页面的形式发送回浏览器。这有助于作者保护自己的代码,而又保证任何基于HTML的Web浏览器的完全可用性。2.强调可重用的群组件绝大多数JSP页面依赖于可重用且跨平台的组件(如:JavaBeans或者Enterprise JavaBeans)来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件,或者使得这些组件为更多的使用者或者用户团体所使用。基于组件的方法加速了总体开发过程,并且使得各种群组织在他们现有的技能和优化结果的开发努力中得到平衡。3.采用标识简化页面开发Web页面开发人员不会都是熟悉脚本语言的程序设计人员。JavaServer Page技术封装了许多功能,这些功能是在易用的、与JSP相关的XML标识中进行动态内容产生所需要的。标准的JSP标识能够存取和实例化JavaBeans组件,设定或者检索群组件属性,下载Applet,以及执行用其它方法更难于编码和耗时的功能。通过开发定制化标识库,JSP技术是可以扩展的。今后,第三方开发人员和其它人员可以为常用功能建立自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。 JSP技术很容易整合到多种应用体系结构中,以利用现存的工具和技巧,并且扩展到能够支持企业级的分布式应用。作为采用Java技术家族的一部分,以及Java 2EE的一个成员,JSP技术能够支持高度复杂的基于Web的应用。由于JSP页面的内置脚本语言是基于Java程序设计语言的,而且所有的JSP页面都被编译成为Java Servlet,JSP页面就具有Java技术的所有好处,包括健壮的存储管理和安全性。作为Java平台的一部分,JSP拥有Java程序设计语言“一次编写,各处执行”的特点。随着越来越多的供货商将JSP支持加入到他们的产品中,您可以使用自己所选择的服务器和工具,修改工具或服务器并不影响目前的应用。应用范围:ASP是Microsoft开发的动态网页语言,也继承了微软产品的一贯传统,只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix下也有ChiliSoft的组件来支持ASP,但是ASP本身的功能有限,必须通过ASP+COM的群组合来扩充,Unix下的COM实现起来非常困难。PHP3可在Windows,Unix,Linux的Web服务器上正常执行,还支持IIS,Apache等一般的Web服务器,用户更换平台时,无需变换PHP3代码,可即拿即用。JSP同PHP3类似,几乎可以执行于所有平台。如Win NT,Linux,Unix。在NT下IIS通过一个外加服务器,例如JRUN或者ServletExec,就能支持JSP。知名的Web服务器Apache已经能够支持JSP。由于Apache广泛应用在NT、Unix和Linux上,因此JSP有更广泛的执行平台。虽然现在NT操作系统占了很大的市场份额,但是在服务器方面Unix的优势仍然很大,而新崛起的Linux更是来势不小。从一个平台移植到另外一个平台,JSP和JavaBean甚至不用重新编译,因为Java字节码都是标准的与平台无关的。性能比较:有人做过试验,对这三种语言分别做回圈性能测试及存取Oracle数据库测试。在循环性能测试中,JSP只用了令人吃惊的四秒钟就结束了20000*20000的回圈。而ASP、PHP测试的是2000*2000循环(少一个数量级),却分别用了63秒和84秒。(参考PHPLIB)。 数据库测试中,三者分别对 Oracle 8 进行 1000 次 Insert,Update,Select和Delete: JSP 需要 13 秒,PHP 需要 69 秒,ASP则 需要 73 秒。前景分析: 目前在国内PHP与ASP应用最为广泛。而JSP由于是一种较新的技术,国内采用的较少。但在国外,JSP已经是比较流行的一种技术,尤其是电子商务类的网站,多采用JSP。采用PHP的网站如新浪网(sina)、中国人(Chinaren)等,但由于PHP本身存在的一些缺点,使得它不适合应用于大型电子商务站点,而更适合一些小型的商业站点。首先,PHP缺乏规模支持。其次,缺乏多层结构支持。对于大负荷站点,解决方法只有一个:分布计算。数据库、应用逻辑层、表示逻辑层彼此分开,而且同层也可以根据流量分开,群组成二维数组。而PHP则缺乏这种支持。还有上面提到过的一点,PHP提供的数据库接口支持不统一,这就使得它不适合运用在电子商务中。ASP和JSP则没有以上缺陷,ASP可以通过Microsoft Windowsd的COM/DCOM获得ActiveX规模支持,通过DCOM和Transcation Server获得结构支持;JSP可以通过SUN Java的Java Class和EJB获得规模支持,通过EJB/CORBA以及众多厂商的Application Server获得结构支持。三者中,JSP应该是未来发展的趋势。世界上一些大的电子商务解决方案提供商都采用JSP/Servlet。比较出名的如IBM的E-business,它的核心是采用JSP/Servlet的Web Sphere。它们都是通过CGI来提供支持的。但去年10月后它推出了Enfinity,一个采用JSP/Servlet的电子商务Application Server,而且声言不再开发传统软件。总之,ASP,PHP,JSP三者都有相当数量的支持者,由此也可以看出三者各有所长。正在学习或使用动态页面的朋友可根据三者的特点选择一种适合自己的语言。
2008年07月31日
1,237 阅读
0 评论
0 点赞
2008-07-30
常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:margin:1em 0 2em 0.5em;边框(border)边框的属性如下:border-width:1px;border-style:solid;border-color:#000;可以缩写为一句:border:1px solid #000;语法是border:width style color;背景(Backgrounds)背景的属性如下:background-color:#f00;background-image:url(background.gif);background-repeat:no-repeat;background-attachment:fixed;background-position:0 0;可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;语法是background:color image repeat attachment position;你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:color: transparentimage: nonerepeat: repeatattachment: scrollposition: 0% 0%字体(fonts)字体的属性如下:font-style:italic;font-variant:small-caps;font-weight:bold;font-size:1em;line-height:140%;font-family:"Lucida Grande",sans-serif;可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。列表(lists)取消默认的圆点和序号可以这样写list-style:none;,list的属性如下:list-style-type:square;list-style-position:inside;list-style-image:url(image.gif);可以缩写为一句:list-style:square inside url(image.gif);
2008年07月30日
1,105 阅读
0 评论
0 点赞
2008-07-30
CSS2盒模型
自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。上面我们讲的sample层就是一个典型的盒。对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。 我们定义一个最基本的层: 标准情况下,这个盒的宽度是:20+30+300+30+20=400px。但是在IE5.0浏览器中,对盒模型的宽度解释有个bug,它认为300 px是整个盒的总宽度,内容的宽度变成:300-20-30-20-30=200px。为了弥补这个bug,采用一个技巧:即增加一个IE5不能解释的声音属性"voice-family",读到这个定义时浏览器就不再继续阅读,认为宽就是400px,但而其他符合标准的浏览器会继续阅读,并执行第二个真实值300px。同样,在Opera7.0以前的浏览器也有这样的解析bug。但我们并不需要使用伪值,有更简单的办法解决这个问题: html>body .content { width :300; }
2008年07月30日
1,112 阅读
0 评论
0 点赞
2008-07-30
z-blog CSS详解及图解
点击这里即可查看zblogcss18.txt
2008年07月30日
1,223 阅读
0 评论
0 点赞
2008-07-30
VC经典布局
<body><div id="header"> .......</div>中间的关键代码<div id="contain"> <div id="mainbg"> <div id="right"> <div class="right_box"> <h3>贴图世界<span class="more2"><a href="pic">more</a></span></h3> <div class="white_bg">。。。。。。</div> </div> 重复上面的 </div> <div id="left"> <div class="left_box"><h3>公告<span class="more"><a href="notice.php" target="_blank">more</a></span></h3> <div class="white_bg"> 。。。。,</div> </div> 重复上面的 </div> </div></div> <div id="footer">。。。。。。。。。</div></body> 头部代码: <DIV id="header"><IMG class=logo alt="Asbbs.cn"src="images/logo.png"><DIV class="r_nav_box"><DIV class="nav_dh"><A href="http://asbbs.cn/bbs/login.php">登陆</A> | <A style="color:#FF0000"href="http://asbbs.cn/bbs/register.php">注册</A> | <Ahref="http://asbbs.cn/bbs/serach.php">搜索</A></DIV> <div class="nav_box"> <ul class="nav"> <li><a href="$very[url]">首页</a></li> <li><a href="$val[url]">$val[cname]</a></li> <li><a href="rss.php?cid=$cid">RSS</a></li> <li><a href="http://asbbs.cn/bbs"><div class="red">论坛</div></a> </ul></div></DIV></DIV><br> CSS完整代码:body{background:#fff;text-align:center;color: #02418a;font-family:"宋体", Arial, Helvetica, sans-serif;margin:0px;font-size:12px;}A:link { COLOR: #2f468f; TEXT-DECORATION: none}A:visited { COLOR: #2f468f; TEXT-DECORATION: none}A:hover { COLOR: #bf0303}UL { LIST-STYLE-TYPE: none}#header{width:950px;margin-right: auto;margin-left: auto;padding: 0px;background: #FFF;height:109px;text-align:left;border:#a3bfe8 2px solid;} #contain{margin-right: auto;margin-left: auto;width: 950px;} #mainbg{width:950px;padding: 0px;background: #FFF;float: left;}#right{float: right;margin: 2px 0px 2px 0px;padding:0px;width: 640px;background: #FFF;text-align:left;}#left{float: left;margin: 2px 2px 0px 0px;padding: 0px;background: #FFF;width: 300px;text-align:left;}#footer{clear:both;width:938px;margin-right: auto;margin-left: auto;padding: 6px;background: #f3f9fe;border:#cadef1 2px solid;text-align:center;}.white_bg{background:#FFF;border:#d8e4ef 2px solid;}.left_box{ border:#a3bfe8 1px solid;padding:2px;margin:2px 4px 2px 0px;width:290px;background:#e9f1f8;}.left_box h3{ font-size: 14px; margin: 0px 0px 0px 10px; line-height: 24px}.right_box{ border:#a3bfe8 1px solid;padding:4px;margin:2px 0px 10px 4px;width:630px;background:#e9f1f8;}.right_box h3{ font-size: 14px; margin: 0px 0px 0px 10px; line-height: 24px}.right_box h1{ font-size: 24px; margin: 4px 0px 4px 0px; line-height: 24px;background:#fff; text-align:center;}.r{ float:right;}#footlink{text-align:center;margin:0px; padding:0px; background:#E9F1F8; border:#E9F1F8 1px solid}#footlink li{ display:inline; padding:.2em 1em}.logo{padding-left:20px;float:left;margin:10px;}.r_nav_box{float:right;width:685px;}.nav_box{border:#a7cde5 1px solid;font-size:14px;float:right;margin:0px 12px 2px 0px;width:650px;line-height:30px;height:30px;}ul.nav{padding:0px;margin:0px;}ul.nav li{padding:0px 5px 0px 5px;font-weight:bold;float:left;height:30px;}.nav_dh{background:#f1f7fb;float:right;margin:5px 12px 35px 0px;width:200px;line-height:18px;text-align:center;}
2008年07月30日
1,280 阅读
0 评论
0 点赞
2008-07-30
z-blog 模版文件及其图解
首页与列表页相关模板所谓列表页面是指由catalog.asp显示的页面。default.html 首页主模板文件catalog.html 列表页模板文件b_article-multi.html 摘要文章模板b_article-istop.html 置顶文章模板b_pagebar.html 页面底部分页条模板,可以改分页条样式日志页相关模板single.html 日志页主模板文件b_article-single.html 日志页文章模板b_article_nvabar_l.html 日志页面文章导航,显示“上一篇”日志链接b_article_nvabar_r.html 日志页面文章导航,显示“下一篇”日志链接b_article_trackback.html 每条引用通告显示模板b_article_mutuality.html 每条相关文章显示模板b_article_comment.html 每条评论内容显示模板b_article_commentpost.html 评论发表框模板b_article_commentpost-verify.html 评论验证码显示样式b_article_tag.html 每个tag 的显示样式留言本相关模板留言本所用模板为可选项,如不存在则会使用日志页模板。b_article-guestbook.html 留言页正文模板,若不存在则调用 b_article-single.html 模板guestbook.html 留言页主模板文件(默认模板无此文件),若不存在则调用 single.html 模板其它模板文件search.html 搜索页模板,显示搜索页面tags.html 标签页模板,显示TagCloud
2008年07月30日
1,390 阅读
0 评论
0 点赞
2008-07-30
CSS笔记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><link rel="icon" href="/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><meta content="all" name="robots" /><meta name="author" content="fkuexa@126.com,沉默" /><meta name="Copyright" content="Asbbs.cn,不懂技术,只懂借鉴" /><meta name="description" content="适合自己的,才是最好的。" /><meta name="keywords" content="骨科专业,网站建设,风格,模版,手机,代码, /> 页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样: <style type="text/css"> <!-- body { background : white ; color : black ; } --></style>外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。 <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css"media="all" />直接的:<A style="color:#FF0000" href="http://asbbs.cn/guestbook.asp" target="_blank">留言</A><style type="text/css">@import url("css/css.css");</style><base href="http://asbbs.cn/" /> <base target="_blank"> 常用的一些CSS#div.css{ width:900px; margin:0 auto; padding:0px 5px 3px 0px; border:#FF0000 2px solid; (红色,实线。虚线是:dashed) float:left; clear:both; (清除) text-align:center; color: #00FFFF; (蓝色) font-family:"宋体", Arial, Helvetica, sans-serif; font-size:12px; background:#fff url(images/bg.gif) no-repeat;(路径不加引号,repeat-y:在垂直上重复) visibility:hidden;(这个可以隐藏版权)}.ul{ border-bottom:1px dotted #dedede;} 这个底下可以画线,像文本一样。 使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等使用TABLE,UL等这样的元素来显示页面中需要展示数据 对称 关闭<p></p> <br /> <img ... />不成对的标识,要求在标识最后加一个空格,然后跟一个"/"。例如<br>写成<br />、<img>写成<img/>,属性值引号一定要,还要带单位,0px;最好全部用小写。文件夹,前面加个/是根目录,没有/是相对目录。。 空格tencent://message/?uin=157104945&Site=Asbbs.cn&Menu=yes统计代码<script src='http://s16.cnzz.com/stat.php?id=150774&web_id=150774&show=pic' language='JavaScript' charset='gb2312'></script><a href="http://www.miibeian.gov.cn" rel="external">赣ICP备06008643号</a>
2008年07月30日
2,025 阅读
0 评论
0 点赞
2008-07-30
第10天:自适应高度
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): 这个例子的页面主要代码如下:<div id="header"></div><div id="mainbox"> <div id="menu"></div> <div id="sidebar"></div> <div id="content"></div></div><div id="footer"></div> 具体样式表都写在相应版块里了。重点在于#mainbox层嵌套了#menu,#sidebar和#content三个层。当#content的内容增加,#content的高度就会增高,同时#mainbox的高度也会撑开,#footer层就自动下移。这样就实现了高度的自适应。另外值得注意的是:#menu和#content都是浮动在页面右面"FLOAT: right;",#sidebar是浮动在#menu层的左面"FLOAT: left;",这是浮动法定位,还可以采用绝对定位来实现这样的效果。这个方法存在另一个问题,就是侧列#sidebar的背景无法百分之百。一般的解决办法就是用body的背景色来填充满。(不能使用#mainbox的背景色,因为在Mozilla等浏览器中#mainbox的背景色失效。)好了,主要的框架已经搭建完毕,剩下的工作只是往里面添砖加瓦。 #header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 60px;}#mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; }#menu{ FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 400px; BACKGROUND: #ccd2de; }#sidebar{ FLOAT: left; MARGIN: 2px 2px 0px 0px; PADDING: 0px; BACKGROUND: #F2F3F7; WIDTH: 170px; },#content{ FLOAT: right; MARGIN: 1px 0px 2px 0px; PADDING:0px; WIDTH: 400px; BACKGROUND: #E0EFDE;}#footer{ CLEAR: both; MARGIN: 0px 0px 0px 0px; PADDING: 5px 0px 5px 0px; BACKGROUND: #ccd2de; HEIGHT: 40px; WIDTH: 580px; }。
2008年07月30日
1,742 阅读
0 评论
0 点赞
2008-07-30
让文章内容两端对齐
在css中找到div.post div.post-body这一段,在其中添加 text-align:justify; text-justify:inter-ideograph;
2008年07月30日
1,885 阅读
0 评论
0 点赞
2008-07-15
网站常用24象素小图标
2008年07月15日
1,764 阅读
0 评论
0 点赞
2008-07-08
网站设计<最大幅度优化您的网页代码>提高速度
分享一些优化网页加载速度的小技巧。一、优化图片几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的。优化图片包括减少图片数、降低图像质量、使用恰当的格式。1、减少图片数:去除不必要的图片。2、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文大小的变化是比较大的。3、常识使用脚本文件代替效果:比如一些web2.0的样式,如果使用ps制作,每个图片基本会增加%5-%25的大小成本.相反,使用javascript代码来实现效果,仅仅只增加几个字节.二、图像格式的选择一般在网页上使用的图片格式有三种,jpg、png、gif。三种格式的具体技术指标不是这篇文章探讨的内容,我们只需要知道在什么时候应该使用什么格式,以减少网页的加载时间。1、JPG:一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。2、GIF:提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。3、PNG:PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。三、优化CSSCSS叠层样式表让网页加载起来更高效,浏览体验也得到提高。有了CSS,表格布局的方式可以退休了。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句:margin-top: 10px;margin-right: 20px;margin-bottom: 10px;margin-left: 20px;你可以将它简化为:margin: 10px 20px 10px 20px;又或者这句:<p class="decorated">A paragraph of decorated text</p><p class="decorated">Second paragraph</p><p class="decorated">Third paragraph</p><p class="decorated">Forth paragraph</p>可以用div来包含:<div class="decorated"><p>A paragraph of decorated text</p><p>Second paragraph</p><p>Third paragraph</p><p>Forth paragraph</p></div>四、网址后加斜杠有些网址,比如http://www.nowei.com/user 当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果220是一个目录,不妨在网址后多加一个斜杠,让其变成http://www.nowei.com/user/,这样服务器就能一目了然地知道要访问该目录下的index或default文件,从而节省了加载时间。五、标明高度和宽度这点很重要,但很多人由于懒惰或其它原因,总是将其忽视。当你在网页上添加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。下面是一个比较友好的图片代码:五、标明高度和宽度这点很重要,但很多人由于懒惰或其它原因,总是将其忽视。当你在网页上添加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。下面是一个比较友好的图片代码<img id="img" height="210" width="45" src="http://www.nowei.com/user/image/logo.gif" alt="banner" />当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了六、减少http请求当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟。如果网页上对象很多,这可以需要花费大量的时间。因此,要为http请求减负。如何减负?1、去除一些不必要的对象。2、将临近的两张图片合成一张。3、合并CSS文件看看下面这段代码,需要加载三个CSS文件:<link rel="stylesheet" type="text/css" href="/body.css" /><link rel="stylesheet" type="text/css" href="/side.css" /><link rel="stylesheet" type="text/css" href="/footer.css" />我们可以将其合成一个:<link rel="stylesheet" type="text/css" href="/style.css" />从而减少http请求。七、其它小技巧1、去除不必要加载项。2、如果在网页上嵌入了其它网站的widget,如果有选择余地,一定要选择速度快的。3、尽量用图片代替flash,这对SEO也有好处。4、有些内容可以静态化就将其静态化,以减少服务器的负担。5、统计代码放在页尾(或者使用延迟加载)。
2008年07月08日
1,217 阅读
0 评论
0 点赞
2008-07-01
老外教你做Web2.0的logo
How Web 2.0 Logos are drawn (Photoshop)怎样用Photoshop制作Web2.0的logoEver wonder how these guys draw their Web 2.0 Logos?曾经奇怪这些人是怎么设计出Web2.0的Logo?Sometimes its nice to learn from others,有时候从别人那学来东西是一件很高兴的事,build up the basic skills and start your own creativity from there.不仅能够提高基本的技能,而且还能够启发你自己的创意.In this Photoshop tutorial,在这次的Photoshop学习中,I’m going to reveal you some of the nice Web 2.0 logos,我会向你揭示一些美观的Web2.0 Logos,how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.你怎么样才能够用Photoshop制作的和它们一样的一模一样(呵呵,尽管不是100%的一样).1. Download and Install style file下载并且安装这个样式文件First of all, you will need to download a style I’ve created and load it into Photoshop.首先,你要下载这个我已经创造好并且可以载入Photoshop的样式文件.(1).Download Photoshop style here. (Right-click -> Save as)在这下载Photoshop样式文件(点右键->另存为)(2).For Photoshop CS2 users, put this style file into“C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles”对于Photoshop CS2版的用户,把这个样式放在“C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles”目录下.Photoshop of other versions, put the file inside Presets\Styles其它版本的Photoshop用户,要放在“Presets\Styles”目录下。2. Load style加载样式Call up your Style Dialog box in Photoshop在Photoshop中调出样式对敌框。(1).Windows -> Styles窗口->样式(2).Notice a small arrow button on the top right corner. Click on it and select Load Styles from the drop down注意到一个小的箭头按纽在右上角.点击它并且从下拉列表中选择加载样式.(3)Find web20 from the list and click Load. If you don’t find web20, try close Photoshop, re-open it repeat Step 1.从下拉列表中找到"web20"并且点击加载.如果你找到不"web20",试试重启Photoshop并重复第一步.(4).Click on the arrow button again and select Large List from drop down 再次点击箭头并且从下拉列表中选择大的@@@Your result should look something similar to the image on the right.你操作的结果要几乎和右边的图片一样.3. The six Web 2.0 Logos6个Web 2.0 logoHere’s six Web 2.0 Logo; MyBlogLog, Imified, mixd, skype, Linked In and Go2Web20.这是6个Web 2.0 logo;"MyBlogLog", "Imified", "mixd", "skype", "Linked In" 各 "Go2Web20".The style you’ve just installed is going to reveal how to draw them你刚才安装的样式就是帮你制作这些logoI’ll go through “mixd” and “Go2Web20” logos我会演示做"mixd"和"Go2Web20"这两个logothe rest is just reusing the same technique.剩下的就是重复一样的技巧.4. How to draw怎么样制作The reason I use Style here is because once they are saved in to a .asl file (the file you downloaded) they are convenient to apply.我之所以在这用到样式是由于一旦它们呆存为一个以asl为后缀的文件时(你下载的那个文件),样式能够方便的调用.Let’s go about drawing some of these logos.我们开始制作其中的一些logoDrawing mixd Logo制作"mixd"这个logoInitial observation, mixd logo consist of:初步观察,"mixd"这个logo是由如下部分组成:(1).“mixd” text"mixd"这个文本(2).rounded rectangular圆角的矩形(3).small dot小逗点(4).smaller dot更小的点We will roughly draw them out in Photoshop我们将粗略的在Photoshop中绘制以上部分.each elements in a different layer as illustrated in the image below.如下图一样,每一个元素一个图层中.Now here’s the the trick. Look for “mixd-label” in the Style Dialog现在开始技巧.在样式对话框中找到"mixd-label"这个标签Drag them directly to background layer,small dot layer and smaller dot layer respectively分别直接在背景图层、小逗点图层、更小的逗点图层中拖动.If you drag them correctly you will noticed that the layer will now inherits the colorsand blending of the style.如果你正确的拖动了,你会注意到图层现在已经有了样式的形色和倒圆@@Find “mixd-font” in Style Dialog,drag it to the text layer and your mixd logo is complete, 90% like the original I’ll say.在样式对话框中找到"mixd-font"字体,在文本图层中拖动,你的mixd logo已经90%的和我原来说的一样。想睡觉了..明天再搞吧..原文:http://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/
2008年07月01日
1,430 阅读
0 评论
0 点赞
2008-06-21
漂亮的幻灯片调用MM图片效果
代码是:<div align="center"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://asbbs.cn/mm/m.swf width=600 height=600 type=application/x-shockwave-flash BGCOLOR="#FFFFFF" QUALITY="high" LOOP="false" WMODE="transparent" FLASHVARS="img1=http://asbbs.cn/mm/1.jpg&type=2&op=0.jpg&img2=http://asbbs.cn/mm/2.jpg&type=2&op=0.jpg&img3=http://asbbs.cn/mm/3.jpg&type=2&op=0.jpg&img4=http://asbbs.cn/mm/4.jpg&img5=http://asbbs.cn/mm/5.jpg&img6=http://asbbs.cn/mm/6.jpg&type=2&op=0.jpg&faceopacity=80&backopacity=100&cubecroptofit=1&enlargecroptofit=0&test=1"> </EMBED></div> 演示网址:http://asbbs.cn/home.html
2008年06月21日
1,379 阅读
0 评论
0 点赞
2007-04-03
十六进制颜色对照图
颜色代码表:以下样色显示您可能觉得不够精确,这和电脑显示器有直接关系。您可查看颜色代码,绝对正确,绝无重复。 红色和粉红色,以及它们的16进制代码。 #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399.. #FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC 紫红色,以及它们的16进制代码。 #FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099 #CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366 蓝色,以及它们的16进制代码。 #660099 #666FF #000CC #9933CC #666699 #660066 #333366 #0066CC #9900FF #333399 #99CCFF #9933FF #330099 #6699FF #9966CC #3300CC #003366 #330033 #3300FF #6699CC #663399 #3333FF #006699 #6633CC #3333CC #3399CC #6600CC #0066FF #0099CC #9966FF #0033FF #66CCFF #330066 #3366FF #3399FF #6600FF #3366CC #003399 #6633FF #000066 #0099FF #CCCCFF #000033 #33CCFF #9999FF #0000FF #00CCFF #9999CC #000099 #6666CC #0033CC ***、褐色、玫瑰色和橙色,以及它们的16进制代码。 #FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99 #FFCC66 #FF9900 #FF9966 #CC3300 #996666 #FFCCCC #660000 #FF3300 #FF6666 #FFCC33 #CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300 #FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633 绿色,以及它们的16进制代码。 #99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #66FFFF #66CCCC #66FFCC #66FF66 #009933 #00CC33 #66FF00 #336600 #33300 #33FFFF #339999 #99FFCC #339933 #33FF66 #33CC33 #99FF00 #669900 #666600 #00FFFF #336666 #00FF99 #99CC99 #00FF66 #66FF33 #66CC00 #99CC00 #999933 #00CCCC #006666 #339966 #66FF99 #CCFFCC #00FF00 #00CC00 #CCFF66 #CCCC66 #009999 #003333 #006633 #33FF99 #CCFF99 #66CC33 #33CC00 #CCFF33 #666633 #669999 #00FFCC #336633 #33CC66 #99FF66 #006600 #339900 #CCFF00 #999966 #99CCCC #33FFCC #669966 #00CC66 #99FF33 #003300 #99CC66 #999900 #CCCC99 #CCFFFF #33CC99 #66CC66 #66CC99 #00FF33 #009900 #669900 #669933 #CCCC00 白色、灰色和黑色,以及它们的16进制代码。 #FFFFF #CCCCCC #999999 #666666 #333333 #000000 16色和它们的16进制代码。 Aqua Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple Red Silver Teal White Yellow Blue 当你要给你的网页添加颜色时,有时,你能够直接使用该颜色的名称,但是大多情况下,你只能使用十六进制代码来使用这些颜色。(浏览器能够理解这些代码。)为了方便你去使用这些代码,我们制作了这个列表,右边是颜色,左边是十六进制代码。 Hex Code Color #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00 #FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900 #FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600 #FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300 #FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000 Hex Code Color #66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00 #66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00 #6699FF #6699CC #669999 #669966 #669933 #669900 #6666FF #6666CC #666699 #666666 #666633 #666600 #6633FF #6633CC #663399 #663366 #663333 #663300 #6600FF #6600CC #660099 #660066 #660033 #660000 Hex Code Color #CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00 #CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00 #CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900 #CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600 #CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300 #CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000 Hex Code Color #33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00 #33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00 #3399FF #3399CC #339999 #339966 #339933 #339900 #3366FF #3366CC #336699 #336666 #336633 #336600 #3333FF #3333CC #333399 #333366 #333333 #333300 #3300FF #3300CC #330099 #330066 #330033 #330000 Hex Code Color #99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00 #99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00 #9999FF #9999CC #999999 #999966 #999933 #999900 #9966FF #9966CC #996699 #996666 #996633 #996600 #9933FF #9933CC #993399 #993366 #993333 #993300 #9900FF #9900CC #990099 #990066 #990033 #990000 Hex Code Color #00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00 #00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00 #0099FF #0099CC #009999 #009966 #009933 #009900 #0066FF #0066CC #006699 #006666 #006633 #006600 #0033FF #0033CC #003399 #003366 #003333 #003300 #0000FF #0000CC #000099 #000066 #000033 #000000
2007年04月03日
1,356 阅读
0 评论
0 点赞
2007-04-02
国产php论坛和cms点评 比较
记得2002年刚上网的时候,找个php文章系统都找不到,论坛也只有vb,phpbb几个国外的比较流行,而现在呢,php程序多的都数不清了,而且大部分都很强大,不知道用哪个好。 先说说php论坛吧,现在已经形成了三足鼎立的局面:discuz,phpwind,molyx,国外的phpbb,vb,ipb逐渐淡出市场。akkc,celeste也渐渐无人问津,discuz、phpwind、molyx都是专门为中国人定制的,默认就有积分,精华,收藏夹等功能,现在连blog都加上了,国人都喜欢功能强大的论坛,特别是那些娱乐论坛,都想把论坛弄成一个社区,整天加插件,把论坛装扮的花花绿绿的。在娱乐插件方面,那些国外的论坛望尘莫及,像phpbb默认连附件功能都没有。discuz、phpwind、molyx都走上了一条正规发展道路,免费版和商业版并发,都形成了自己的特色,discuz稳定,phpwind快速,molyx规范,官方论坛讨论的人多,出了问题很容易解决。vb和ipb都开始商业化,phpbb满足不了国人的功能需求,同时现在网络商业味太重,很少人去搞免费的汉化了,而且国外的程序对中文用户的技术支持跟不上,功能再强大也无法和国产三大论坛竞争了。 伴随着论坛程序的更新换代,国内的php CMS发展更迅速,2002年我找不到免费的php文章系统,虽然有个商业的inews,但用户太少,技术支持太差,没人敢问津。2003年有幸出了个phparticle,让很多人欣喜若狂,2003年10月,准备了一年的IWPC 2.2发布,短短几个月就赢得了不少用户。2004年初,用phparticle的网站有数千个,很多人等着3.0商业版的发布,但作者的开发速度太慢,让很多人对phparticle失去了希望。2004年是国内php cms成长最快的一年,老牌的inews也开始浮出水面,3.0一下跳到了4.0。2004年4月份,号称“国内最强的cms":icms开始大势宣传,让很多人趋之若鹜。7月份,沉寂了几个月的iwpc突然更新换代,功能和效率都番了几番,程序也改名为cmsware,成了icms的有力对手。同时,一直沉默的帝国新闻系统(ecms)2.0也在这个月发布,功能有了突飞猛进的增长。10月份,一直走高端路线的xplus也推出了自己的第二代产品:cmsez,开始走向大众化。在这个月,一个不为人所知的开源产品dedecms v0.8发布,短短几个月,这个程序现在已经成为php免费cms里最流行的程序。2004年还有一些其他php 新闻系统在不段前进,比如博库CMS,9466Article,冰山cms等,由于和这些作者不熟,这里就不介绍了。 2005到现在为止国内只出了两个新的php cms,一个是3月份发布的9466的换代产品phpcms,一个是5月1日发布的ss-cms。 目前看来,免费市场里dedecms渐渐成为主流,商业程序里cmsware和ecms成为竞争对手,CMSware 2.5和 ecms 3.5都已经进入了最后的开发期,两个系统都已经成为全能的cms,强大的自定义字段功能可以用来做任何类型的网站了。Ecms同时推出有限制的免费版,发展势头很不错;Cmsez继续立足高端市场,适合做傻瓜化的综合性网站;inews还是那么低调,主要为几个固定的大型客户服务; icms团队已经解散,逐渐销声匿迹,留下一个骗子的名声;UltraCMS主要面对企业。 介绍了这么多,我们最不能忘记的是这些php程序员,是他们让php这种单一的脚本语言有了新的活力,看看国外那些单调的程序你就知道我们国家的php技术已经到了什么水平。 国内的php目前缺少的不是技术,是缺少php自由,共享的精神,程序员缺少团队合作,都单枪匹马干,也很少去和别人分享自己的一些心得,造成这种情况都是因为有一些卑劣的人在破坏着行业规矩,拿别人写的程序改头换面当作自己的,有的甚至拿去卖钱,所以开源程序少,商业程序必加密,程序员不敢放出自己的代码和别人分享,形成了现在这种闭关自守的局面。
2007年04月02日
1,132 阅读
0 评论
0 点赞
2007-04-02
让所有连接都在新窗口中打开
超级连接在新窗口中打开的方式是 target="_blank"如: 梦里水乡 代码是:<a href="http://www.asbbs.cn" target="_blank">梦里水乡</a> 少了这个target="_blank"就会在原窗口中打开,如果要想让所有的连接在新窗口中打开,通道要一个一个设吗? 不用,其实是有方法的。在<head></head>之间插入<BASE target="_blank"> 就可以了简单吧。新发现的方法。 符合WEB标准的是;< a href="http://chenmo.asbbs.cn" rel="external">沉默的博客</a>
2007年04月02日
989 阅读
0 评论
0 点赞
2007-04-02
提高在Google排名的三大关键要点
如今,Google已成长成为具有垄断优势的全球性搜索引擎,算上它为Yahoo和AOL提供的搜索服务,Google目前的全球市场占有率已超过80%.简单的结论是,如果你的网站在Google上不能获得良好的排名,那么你的网络营销策略就算是失败.要想针对Google来优化你的网页和进行相应的推广工作,首先得了解Google是以什么规则来评估一个网站对于某个特定关键词的排名值的.当然,除了Google的工程师,没有谁真正知道这个秘密,但是有关研究表明,影响Google排名的因素主要有如下三个方面:1. Link Popularity国内有人译作"链接广泛度",是Google用来评判一个网站的价值的主要手段.我们都知道Google 工具条上有一个绿色的PageRank标尺,就是用来指示网站的链接广泛度的. PageRank值从0到10.这里的链接包括网站内部链接,连出链接和连入链接,其中最重要的是连入链接.Google通过统计这些链接的质量和数量来给网站确定PageRank值,值越高排名也就越高.因此网站建好后你需要投入大量的时间和精力来获得大量的外部链接,特别是来自PageRank值比较高的网站的链接.一般说来,如果一个网站的PageRank值是4到6的话,说明这个网站已经获得了不错的访问量;如果到了7以上,说明不管是从网站的质量到知名度都非常优秀了.2. Page Title搜索引擎是通过关键词来选择网站的,而网站的标题是搜索引擎寻找关键词的主要目的地-你通过分析Google的搜索结果就可以很清楚地发现这一点.因此,你一定要首先确定你的网站的主关键词(一般可以选定1到5个),然后在将关键词体现到网页的Title中去.记住,Title标签不要超过40个字符.除了显示在浏览器顶端的Title标签,网页主体里面的文字标题往往也起到很大作用,一个含有主关键词的格式的标题也能对网页的排名起到很大的作用.这个标题除了标签外最好是没有任何的定义.不过,现实是大多数人为了页面的美观都不愿意这样做.3. Keyword Density关键词除了需要出现在标题里面,还需要在整个网页里面以一定的频率出现.你需要在标题,段落内容,(文字内容的)页头和页尾,Alt标签甚至不显示的
2007年04月02日
938 阅读
0 评论
0 点赞
2007-04-02
把自己的网站做好的几条定律
怎样才能把自己的网站做好1.250定律 拉德认为:每一位顾客身后,大体有250名亲朋好友。如果您赢得了一位顾客的好感,就意味着赢得了250个人的好感;反之,如果你得罪了一名顾客,也就意味着得罪了250 名顾客。 在你的网站访客中,一个访客可能可以带来一群访客,任何网站都有起步和发展的过程,这个过程中此定律尤其重要2.达维多定律 达维多认为,一个企业要想在市场上总是占据主导地位,那么就要做到第一个开发出新产品,又第一个淘汰自己的老产品。 国内网站跟风太严重,比如前段时间的格子网,乞讨网,博客网,一个成功了,大家一拥而上。但实际效果是,第一个出名的往往最成功,所以在网站的定位上,要动自己的脑筋,不是去捡人家剩下的客户。同理,买人家出售的数据来建站效果是很糟糕的。3.木桶定律 水桶定律是指,一只水桶能装多少水,完全取决于它最短的那块木板。这就是说任何一个组织都可能面临的一个共同问题,即构成组织的各个部分往往决定了整个组织的水平。 注意审视自己的网站,是速度最糟糕?美工最糟糕?宣传最糟糕?你首先要做的,不是改进你最强的,而应该是你最薄弱的。4.手表定理 手表定理是指一个人有一只表时,可以知道现在是几点钟,而当他同时拥有两只表时却无法确定。 一个网站,你只需要关注你特定的用户群需求。不要在意不相干人的看法。5.彼得原理 劳伦斯.彼得认为:在各种组织中,由于习惯于对在某个等级上称职的人员进行晋升提拔,因而雇员总是趋向于晋升到其不称职的地位。 不要轻易改变自己网站的定位。如博客网想变门户,盛大想做娱乐,大家拭目以待吧。6.零和游戏原理 当你看到两位对弈者时,你就可以说他们正在玩“零和游戏”。因为在大多数情况下, 总会有一个赢,一个输,如果我们把获胜计算为得1分,而输棋为-1分,那么,这两人得分之和就是:1+(-1)=0 不要把目光一直盯在你的竞争网站上,不要花太多时间抢它的访客。我们把这些时间用来寻找互补的合作网站,挖掘新访客。7.牛蛙效应 把一只牛蛙放在开水锅里,牛蛙会很快跳出来;但当你把它放在冷水里,它不会跳出来,然后慢慢加热,起初牛蛙出于懒惰,不会有什么动作,当水温高到它无法忍受的时候,想出来,但已经没有了力气。 如果你是soho,注意关注你的财务。不要等到没钱了再想怎么挣,你会发现那时候挣钱更难。8.破窗理论 栋建筑上的一块玻璃,又没有及时修好,别人就可能受到某些暗示性的纵容,去打碎更多的玻璃。 管理论坛时,如果你发现第一个垃圾贴,赶紧删掉他吧。想想:落伍现在为什么那么多××贴?现在控制比最初控制难多了
2007年04月02日
954 阅读
0 评论
0 点赞
2007-03-12
关于网站PR值
网站的PR值(全称为PageRank),是google搜索排名算法中的一个组成部分,级别从1到10级,10级为满分,PR值越高说明该网页在搜索排名中的地位越重要,也就是说,在其他条件相同的情况下,PR值高的网站在google搜索结果的排名中有优先权。这是对PR值最基本的解释。在搜索引擎营销的实际工作中发现,网站的PR值并不见得是决定一个网站(及其被收录的网页)在搜索结果中排名的惟一因素,甚至不一定是主要因素,因此对于网站PR值的真正价值有不同的理解。什么是PageRank(网页级别) PR值全称为PageRank,PageRank(网页级别)是Google用于评测一个网页“重要性”的一种方法。在揉合了诸如Title标识和Keywords标识等所有其它因素之后,Google通过PageRank来调整结果,使那些更具“重要性”的网页在搜索结果中另网站排名获得提升,从而提高搜索结果的相关性和质量。 PR值最高为10,一般PR值达到4,就算是一个不错的网站了。
2007年03月12日
1,188 阅读
0 评论
0 点赞
2007-03-12
一个合格的网站策划应该知道的
魏天星 | 网络随笔 | 出处:原创-IT| 2006年07月01日 16:55 | 阅读2427 次网站策划是一个系统的工程。。。。虽然国内大多数企业以及各大互联网企业还没有把网站策划摆到一个重要的位置。但是,网站策划的重要性是不可置否的,目前国内比较专业的网站策划师并不多,有的是从网站设计师转行过来的,有的是从网络营销人员转化过来的,有的是从互联网产业分析师转化过来的。。总的来说,网站策划师需要掌握的知识比较多,而且要用高瞻远瞩的观点来看问题,特别是对从事互联网产业的公司,网站策划的工作更加重要,因为更多的牵扯网站的战略研究和发展方向。企业网站相对来说,对策划师互联网经济的把握这方面的知识要求相对少些。。孙子兵法云:“夫未戰而廟算勝者, 得算多也; 未戰而廟算不勝者, 得算少也. 多算勝, 少算不勝 ,而況于無算乎? 吾以此觀之, 勝負見矣.”因此,策划对一个网站的制作乃至今后的发展起着关键性的作用。。那么,你想成为一名出色的网站策划师吗?一般来说网站策划需要具备的知识包括以下几点:1.良好的文案写做能力 想法再好,观点再新颖,如果无法用文字很好的表达出来,那么将是一件很可惜的事。。文案写做能力是一个策划师最基本的素质要求。所以一定要加强这方面的锻炼。2.熟悉互联网经济 无论是企业网站还是专业的互联网企业,在一定程度上对需要对互联网经济有一定的把握。可能企业网站对这方面的要求稍微底点。。但是如果你所从事的是纯粹的互联网企业,比如WEB2.0网站,网络媒体,无线增值,等等。那么一定需要深韵互联网经济的内涵。。。因为互联网经济的特殊性,任何一种新技术乃至新观念的推出,都能引出火山爆发的效应,能成立一批优秀的网站,也能倒下一大批网站,所以,作为一个吹泡末的人,策划师一定要慎重,因为战略方向的确立乃至赢利模式的探讨都是在对互联网经济有深刻把握的基础上。。。如果你对这不了解,那么你策划的网站是徒具型而无肉,没有任何的挑战力和发展潜力。3.具有良好的分析能力和逻辑思维能力 网站策划中,我们可以用5个“W”来对网站进行全面的思考,网站功能定位,赢利模式分析,网站目的定位,虽然是很主观的东西,看不见,摸不着,但是确实一切后续工作的重要参考依据,而对网站功能定位,赢利模式分析,网站目的定位需要对同行业的市场经济进行分析,包括整个行业市场分析,竞争对手分析,以及企业自身的S.W.O.T分析。。从宏观上把握企业的发展方向和整个网站的定位。。。。网站功能和发展方向的分析需要在客观数据的基础上,融合对互联网经济的把握进行分析。调查包括网站用户的年龄,行为特征,文化程度,等等。。这些都需要较强的分析能力和逻辑思维能力。。4.具有一定的美工基础 网站的栏目及整体网站风格的把握,网站VI设计和企业CI设计的结合都需要网站策划具有一定的美工基础,这样也便于和美工进行沟通.5.具有一定的程序设计基础 不要求对网站程序设计的具体细节了解很多...但是基础型的东西还是了解...这样有利于和技术部进行沟通,同时对网站一些功能的要求也需要知道一些程序设计的知识.....比如基础的HTML语言.asp.asp.net至少知道他的工作原理和基础知识......W3C标准...XML.ajax等等.. 举个例子.... 如果你对XML+CSS一点不知道的话....那么你肯定不会在网站策划中建议技术部按WC3标准进行设计.... 如果你对AJAX不了解的话..你就不知道在有些地方使用AJAX能实现你需要的人性化设计..... 如果你对XML RSS不了解的话。你就不会知道 需要在网站中提供RSS FEED 供大家聚合...6.具备网络营销的知识 网站营销对网站的重要性我想大家都知道...特别是网站推广对一个网站的重要性.....网站的推广不是在制作好后才需要的.......网站的推广应该贯穿在网站发展的整个过程...所以在策划阶段就需要考虑在内..比如网站的功能是否更需要人性化.网站的设计制作更利于开展在线网络销售,网站制作过程中,要注意网页的优化,网站结构的优化,以及关键的分布,等等...网站的人性化设计属于看不见的营销策划,当然也是很重要的..暂时先写到这里吧....网站策划的各个环节是互相影响,互相作用.......我感觉现在有必要把网站设计和网站策划完全的分开来看待...这在企业建站这一块特别的明显,往往不加策划就开始制作..而在互联网企业相对来说对这一块已经足够重视,可是人员的配置乃至培训都还十分不到位....本文乃本人闲暇之余信笔涂鸦之作..所以文章内容很不系统也很不科学,只是自己的一点想法,如果你有好的建议可以提出来,或者加我QQ:28223161共同探讨...e-mail:windstore#gmail.com (将#换为@)本文可自由转载 转载请注明作者以及出处!
2007年03月12日
1,191 阅读
0 评论
0 点赞
1
...
14
15
16
...
18