设计开发 – 第 11 页

Web 开发流程规范的五个要点

2007年5月9日2014年9月12日 Wolfit 评论

开发流程及规范：Web 开发的分散性和交互性，决定了 Web 开发必须遵从一定的开发规范和技术约定。

只有每个开发人员都按照一个共同的规范去设计、沟通、开发、测试、部署，才能保证整个开发团队协调一致的工作，从而提高开发工作效率，提升工程项目质量。

一、项目的角色划分

如果不包括前、后期的市场推广和产品销售人员，开发团队一般可以划分为项目负责人、程序员、美工三个角色。

项目负责人在我们中国习惯称为”项目经理”，负责项目的人事协调、时间进度等安排，以及处理一些与项目相关的其它事宜。程序员主要负责项目的需求分析、策划、设计、代码编写、网站整合、测试、部署等环节的工作。美工负责网站的界面设计、版面规划，把握网站的整体风格。如果项目比较大，可以按照三种角色把人员进行分组。

角色划分是Web项目技术分散性甚至地理分散性特点的客观要求，分工的结果还可以明确工作责任，最终保证了项目的质量。分工带来的负效应就是增加了团队沟通、协调的成本，给项目带来一定的风险。所以项目经理的协调能力显得十分重要，程序开发人员和美工在项目开发的初期和后期，都必须有充分的交流，共同完成项目的规划和测试、验收。继续阅读

favicon 全攻略

2007年4月21日2014年9月8日 Wolfit 评论

FAVICON简介

favicon就是在网站根目录下的favicon.ico文件，如 https://www.wilf.cn/favicon.ico。

事实上，我们平时使用的桌面软件也都是有favicon图标的。

很多门户网站都有这个文件，Favicon可以方便用户在很多窗口的时候快速定位到他需要的那个TAB，人对图像的识别速度比抽象的文字还是要快很多。

Favicon以前只是在IE收藏时会用到，当收藏网站时，标题名称前会显示favicon.ico；但现在很多多窗口的浏览器都支持，比如目前很流行的FireFox，打开网站时会直接显示在网站地址前以及标题前。

相信现在很多朋友都在使用IE7.0了，IE7.0不但增加了标签页的功能，而且也可以显示favicon。

在RSS应用中，目前支持favicon的应用也越来越多……

FAVICON.ICO文件制作

favicon文件支持 16*16 和 32*32 两种格式，一般使用16*16。

favicon.ico文件生成还是有些难度的，因为它不是标准的位图文件，需要用专门的

以下是代码片段：
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >

网站开发实用书签库

2007年3月29日2014年9月12日 Wolfit 评论

几乎涵盖了所有web开发所需要的技术资料，可以在这里察看详细链接 http://antriksh.com/resources/

W3C

[转]FCKeditor 2.x 的设置、修改、使用

2007年3月21日2014年9月12日 Wolfit 评论

http://www.fckeditor.net/demo

对于一个全新的网站，FCKeditor就可以直接拿过来用了，不需要进行什么修改。但是对于绝大多数的已有网站而言，FCKeditor的一些设置并不适合自己的使用，这篇文章旨在告诉你简单的修改FCKeditor以方便您的网站的使用。

第一项工作就是对这个功能宏大的编辑器进行精简，当然是文件精简而非功能精简化。在这里我以asp版的FCKeditor为例进行，进入到FCKeditor 文件夹下，先把,’BGColor’,’-‘,’Smiley’,’SpecialChar’,’Replace’,’Preview’]以“_”为开头的文件夹统统删除，这些文件夹里放的是范例或是一些其它工具。其实也就是只保留editor文件夹、fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了，最外层的精简化完毕，进入到editor文件夹内，先把“_source”文件夹删除，这里是一些源文件，对于使用来说没什么用处。

进入images文件夹，删除smiley文件夹，些文件是放表情图标的，由于接下来我会用我自己的表情图标，先把他们的删除，当然，如果你想用这里的表情图标那就不要删掉了。退出 images再进入lang文件夹内，这里的东西可以来个大清洗了，只保留fcklanguagemanager.js、zh-cn.js、en.js、zh.js这四个文件，第一个文件是语言配置文件，有了它才能和fckconfig.js里的设置成对对应上相应的语言文件,zh-cn.js是简体中文语言包,en.js就不用说了吧，zh.js是繁体中文的。怎么样？一下子少了几百K，爽吧~ 继续阅读

FCKeditor VS eWebEditor

2007年3月21日2014年9月12日 Wolfit 17 条评论

我是没有太多资格写这样的文章的，毕竟我接触的还很少。平时很多地方都可以用到可视编辑器，比如论坛、博客、淘宝卖家发布商品等。这些可视编辑器可以让Web 程序拥有如MS Word 这样强大的编辑功能。下要介绍两款可视编辑器，分别是FCKeditor和eWebEditor。

我们的Z-BLOG使用的可视编辑器就是FCKeditor。可以说在所有的在线编辑器中，FCKeditor是目前互联网上最好的编辑器，功能强大，支持多种浏览器，无平台限制，可以和多种Web语言融合，多语言支持，开放源码(我也是开源主义者)，扩展方便等。

以前做过几个网站，都是使用eWebEditor作为后台的可视编辑器，例如学校摄影协会的网站。不过是免费的2.8版，很多功能都无法实现，用起来很不爽！前段时间看到 eWebEditor 提供了最新版本4.6.0的精简版的下载，便又动了心。下载了eWebEditor V4.6，并安装到了Z-BLOG，结果效果并不是很好，只好换回来了。

在我看来，eWebEditor的主要缺点，就是加载速度太慢！这也是我不用它的主要原因。

对于在线编辑器来说，这几乎是个很难解决的难题，因为在开启编辑器时需要装载太多的文件（按钮图片）：

与编辑器相关的所有图像,脚本以及调用页
语言文件
编辑器的皮肤文件
工具样的贴图等

这些将导致在服务器和客户端间产生相当的流量，如果在同一时间里有许多文件被调用，那么即便每个文件很小，也会让用户等得不耐烦。

而FCKeditor的就解决了在个问题，用户只需很少的时间就可以载入FCKeditor所需的文件。继续阅读

CSS实现半透明效果

2007年3月19日2014年9月10日 Wolfit 评论

设计网页或者制作blog模板的时候，往往会用到让某部分实现透明或者半透明的效果，这时候我们该怎么办呢？

在IE中需要通过”filter”来定义透明度”opacity”。

而在Firefox中是可以直接解析”opacity”，所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。

针对IE的设定：this.filters.alpha.opacity=50
针对Firefox的设定：this.style.MozOpacity=0.5

大家可以直接用下面代码给图片定义，只须修改图片地址就能实现上图的效果。其实不只图片可以实现这个CSS滤镜，网页也是可以的！

以下是代码片段：
<img alt=”powerbookg4.jpg” src=”archives/images/powerbookg4.jpg” width=”250″ height=”60″ style=”-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;” onmouseover=”this.style.MozOpacity=1;
this.filters.alpha.opacity=100″ onmouseout=”this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50″>

继续阅读

ASP 随机显示文章

2007年3月15日2014年9月12日 Wolfit 2 条评论

注意以下红字部份。。

以下是代码片段：
<%
Dim Con,minPID,RS
Set Con= Server.CreateObject(“ADODB.CONNECTION”)
Con.ConnectionString = “Provider=MicroSoft.Jet.OLEDB.4.0; Data Source=” & Server.MapPath(“*.mdb”)
Con.CommandTimeout = 20
Con.CursorLocation = 3
Con.Open

Randomize
Set RS = Con.Execute(“Select TOP 3 [content_] FROM [T1] orDER BY rnd(-(id_+” & rnd() & “))“)
Do While Not RS.EOF
Response.Write RS.Fields(“content_”).Value & “<br />”
RS.MoveNext
Loop
RS.Close
Set RS = Nothing

Con.Close
Set Con = Nothing
%>

网页装载JS特效任何网页适用

2007年3月15日2015年10月6日 Wolfit 5 条评论

这是从别人网站学习来的代码,现在分享出来,大家一起学习!

本效果适用于任何网站页面,下面提供出针对Z-BLOG单页日至的修改方法.其他页面,如首页,修改方法一样.

修改/TEMPLATE/single.html

1.找到<head>标签在下面添加如下代码：继续阅读

[转]网站LOGO简论

2007年3月14日2014年9月12日 Wolfit 评论

网上逛来逛去，也找不到一篇能全面讲述LOGO的文章，这也证明ONLY LOOG乃开此类之先河。Poorfish只好勉为其难，亲自操刀，凑出了以下的几段文字，自己也觉写得很是简单、浅溥，如果有什么问题，请您不吝指教。非常欢迎转载，请注明作者及出处。

一、什么是LOGO

翻开字典，我们可以找到这样的解释：“ logo: n.标识语 ”。在电脑领域而言，LOGO是标志、徽标的意思。而本站主要所收集的LOGO，是互联网上各个网站用来与其它网站链接的图形标志。

二、LOGO的作用

1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。
INTERNET之所以叫做“互联网”，在于各个网站之间可以联接。要让其他人走入你的网站，必须提供一个让其进入的门户。而LOGO图形化的形式，特别是动态的LOGO，比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代，这一点尤其重要。
2.LOGO是网站形象的重要体现。
试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪？就一个网站来说，LOGO即是网站的名片。而对于一个追求精美的网站，LOGO更是它的灵魂所在，即所谓的“点睛”之处。
3.LOGO能使受众便于选择。
一个好的LOGO往往会反映网站及制作者的某些信息，特别是对一个商业网站来话，我们可以从中基本了解到这个网站的类型，或者内容。在一个布满各种LOGO的链接页面中，这一点会突出的表现出来。想一想，你的受众要在大堆的网站中寻找自己想要的特定内容的网站时，一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。继续阅读

ASP PHP JSP 大比拼

2007年3月14日2014年9月12日 Wolfit 评论

目前，最常用的三种动态网页语言有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: file://www.php.net)自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。

JSP是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病——脚本级执行（据说PHP4也已经在Zend的支持下，实现编译运行）。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服务器的技术，客户端浏览器不需要任何附加的软件支持。继续阅读

分类：设计开发