Archive for the ‘7. Web Design’ Category.

本站历史

差不多04年4月份开始写博客,最开始是使用的博客网站提供的服务,首先在BLOGIT.CN(网站已停止服务)上申请了funpower.blogit.cn,然后迁移至DONEWS BLOG上,最后,自己使用wordpress建立了guanjianfeng.com。

主要时间表:
2004.9 – 2005.8 在BLOGIT上建立了funpower.blogit.cn(BLOGIT已停止服务)
2005.8 – 2007.4 在DONEWS BLOG上申请了blog.donews.com/funpower
2007.4 – 至今      使用WordPress搭建了自己的BLOG,使用域名guanjianfeng.com(此域名05年11月就申请了)

曾使用过的虚拟主机:
1、dreamhost
2、bluehost
3、WopusIDC
4、bloghost
5、3号主机(目前在用,主机在香港)

一开始使用国外的虚拟主机,包括dreamhost和bluehost,价格和稳定性不错,但国内的访问速度实在太慢,后来只能放弃,最终选择了香港虚拟主机,性价比高,免备案,且国内访问速度也不慢。

guanjianfeng.com域名历史:
1、2005年11月18日,首次在中国E动网上申请了guanjianfeng.com
2、2012年7月,将域名从中国E动网转移至GODADDY域名转移方法),使用至今。

以下为不同时期的网站截图:

1-small

(2004年4月截图)

2-small

(2004年7月截图)

2005年8月从BLOGIT.CN转移至DONEWS的博客服务blog.donews.com/funpower上,如下图。

4-small

(2005年11月截图)

3-small

(2006至2007年4月截图)

2007年4月份开始,迁移出了DONEWS BLOG上,自己使用wordpress建立了guanjianfeng.com,如下

5-small

(2008年8月至2009年3月截图)

6-small

(2010年7月截图)

7-small

(2011年9月截图)

8-small

(2012年6月截图)

9-small

(2013年6月截图)

10-small

(2014年8月截图)

11-small

(2015年8月截图)

12-small

(2016年2月截图)

利用PclZip实现服务器端在线解ZIP压缩档

WEB服务器在远端,没有其它管理方式,只有FTP可以与服务器相通,当网站文件数很多时上传就需要费很多时间。这时,就可以将整个网站打包成ZIP压缩档并上传至WEB服务器端,再利用PclZip(WEB空间需要支持php)将压缩包在线解压,具体如下步骤:

首先将文件压缩成ZIP再上传至服务器端,如下图

pclzip1

2、下载pclzip微云下载),使用记事本打开pclzip.php进行编辑,拖到文件最后,最后四行为:

$archive = new PclZip(‘xxx.zip‘);
$archive->extract(PCLZIP_OPT_PATH, "./");
echo ok;
?>

将上面红字部分改成压缩档的名称,这里为test.zip,则更改为如下,保存退出。

$archive = new PclZip(‘test.zip‘);
$archive->extract(PCLZIP_OPT_PATH, "./");
echo ok;
?>

接着将编辑好的pclzip.php文件上传至与压缩档同目录下,如下图所示

pclzip2

最后,打开网页浏览器,输入pclzip.php的路径地址,这里为guanjianfeng.com/test/pclzip.php,回车后,稍等会出现“ok”字样,如下图:

pclzip3

这就说明解压缩完成了,再次进入服务器端目录,则会发现多了一个刚才解压缩成功的test文件夹了。

pclzip4

Flash反编译软件(swf转换成fla)—Sothink SWF Decompiler

遇到好的FLASH效果文件,如果想查看效果是如果制作的,就需要对SWF文件进行反编译,把它转换成*.FLA文件格式,再用FLASH打开即可。

使用了Sothink的SWF Decompiler,转换效果觉得不错。

人生如梦

手拿黑霉,月黑风高,随意嚓嚓,要知珍惜,冷静迎对,多学多想,思路清楚…………

asp轻量级服务器 – 小旋风ASP WEB 2005 服务器

发现在WinXP_sp2上安装IIS挺繁锁,安装完后版本是5.1,使用起来也有很多限制,干脆找了个小旋风ASP WEB 2005 服务器试了下,简单,也挺好用。用来作ASP的测试刚好。安装完直接将ASP文件拷贝至安装目录的WWWROOT即可。

下载地址 

打开网页时出现空白UTF-8页

制作完网页时使用微软的IE浏览器不能正常打开网页,只出现一片空白。而使用FIREFOX就可以浏览。查了下资料,原来是IE浏览的编码识别出错后的处理方式的原因,出现后就不会继续显示下面的内容了。所以只需将<meta http-equiv开头的这行放在<head></head>标签的最前面就可以了,如下图。

headmeta.gif

Adobe Creative Suite 3 Design Premium简体中文版

版本为简体中文版,附带以下产品:

Adobe Photoshop® CS3 Extended
Adobe Acrobat® 8 Professional
Adobe Illustrator® CS3
Adobe Flash® CS3 Professional
Adobe Dreamweaver® CS3
Adobe InDesign® CS3

Adobe Bridge CS3
Adobe Device Central CS3
Adobe Stock Photos
Adobe Version Cue CS3

下载地址 (我选的是“FTP分流下载1”,速度不错)

安装截图:

adobecs3.jpg

adobecs3_2.jpg

adobecs3_3.jpg

为你的网站选择最完美的颜色搭配

colorpsd.jpg
颜色的选择及搭配在网站设计上是关键的一环,适当地运用工具会使得这些工作事半功倍, 在网上有很多的资源帮助发现完善的配色,下面收集了感觉有用的资源。
设计示例资源:
http://www.colorschemer.com/schemes/
http://www.colourlovers.com/
http://kuler.adobe.com/
http://beta.dailycolorscheme.com/
http://www.colr.org/
http://www.colorcombos.com/
http://www.allwebdesignresources.com/colorschemescombinations.html
http://www.gpeters.com/color/color-schemes.php

有助于配色的工具:
http://www.digitdesigns.com/colrPick/framePic.htm
http://www.colorschemer.com/online.html
http://www.colorjack.com/sphere/
http://www.easyrgb.com/harmonies.php
http://colorblender.com/
http://www.steeldolphin.com/color_scheme.html
http://www.colorhunter.com/
http://www.colormix.com/
http://wellstyled.com/tools/colorscheme2/index-en.html
http://slayeroffice.com/tools/color_palette/
http://colormixers.com/mixers/cmr/
http://www.colorcombos.com/combotester.html
http://www.sessions.edu/career_center/design_tools/color_calculator/index.asp
http://www.paletteman.com/
http://website101.com/HTML/HTML_Color_Chart.html
http://www.dyn-web.com/javascript/cpick/
http://www.pagetutor.com/colorpicker/index.html
http://www.degraeve.com/reference/color.php

图片颜色抓取工具:
http://www.degraeve.com/color-palette/
http://jrm.cc/color-palette-generator/
http://whatsitscolor.com/
http://bighugelabs.com/flickr/colors.php

其他工具:
color-blend渐变颜色生成工具
slider颜色Hex&RGB转换
I Like Your Colors其他网站配色抓取工具
random100随机展示100种颜色

注:本文转载自磨剑庐 [ http://www.thws.cn]