Archive for the '网页设计' Category

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

blog程序wordpress升级至2.3.1,并增加留言“验证码”功能

1、升级blog程序

花了些时间,将blog程序wordpress升级至2.3.1版,这次升级很顺利,上次想从2.2.1升级至2.3,没成功,就干脆没升级。我使用的是www.wordpress.org.cn上的2.3.1中文版,升级步骤也是按安装包中的readme.html来进行的,如下:

从任何较早版本的 WordPress 升级到 2.3:
(1)备份你修改过的文件,并删除所有旧的 WordPress 文件。
(2)上传所有新文件。
(3)在浏览器中打开 /wp-admin/upgrade.php 。
(4)升级完成。

2、给留言增加“验证码”功能

最近的垃圾回复实在太多,又不想每天删,就干脆找了个“验证码”插件安装。

(1)下载插件wp-imgcode.zip,解压缩后上传至wp-content/plugins目录。
(2)转到后台管理的插件页面,启用该插件。
(3)再转到后台管理的外观页面,修改当前使用模版的comments.php文件(我使用的是K2模板),在文件的最后有这样几行:

<?php if (function_exists('show_subscription_checkbox'))
{ show_subscription_checkbox(); } ?>
<?php if (function_exists('quoter_page')) { quoter_page(); } ?>

<p><input name=”submit” type=”submit” id=”submit” tabindex=”5″
value=”<?php _e(’Submit’,'k2_domain’); ?>” />
<input type=”hidden” name=”comment_post_ID” value=”
<?php echo $id; ?>” /></p>

<?php do_action(’comment_form’, $post->ID); ?>

<div class="clear"></div>

将<?php do_action(’comment_form’, $post->ID); ?>这行位置往前放,修改成:

 <?php if (function_exists('show_subscription_checkbox'))
{ show_subscription_checkbox(); } ?>
<?php if (function_exists('quoter_page')) { quoter_page(); } ?>

<?php do_action(’comment_form’, $post->ID); ?>

<p><input name=”submit” type=”submit” id=”submit” tabindex=”5″
value=”<?php _e(’Submit’,'k2_domain’); ?>” />
<input type=”hidden” name=”comment_post_ID” value=”
<?php echo $id; ?>” /></p>
<div class="clear"></div>

然后保存修改的页面。

(4)安装成功后回复框中就会多出一行,如下图:

yzbphp.gif

将swf转换成fla格式

Imperator FLA (汉化版下载)—— 通过本软件,可以将得到的swf文件转换成flash格式的源文件fla文件。而且使用很方便,打开你要转换的文件,然后点击“保存FLA文件”(我咋感觉软件上汉化的是LFA呢?)即可。如下图:

swf2flash.gif

20080516 update:

最近在使用 Imperator FLA时经常会转换不成功,有时转换成功了也打不开,不得已只能再找。找了个SWFDecompiler,中文名叫“硕思闪客精灵”,使用下来不错。转换几个都成功了,而且也能打开(最好使用当前发行的最新版FLASH程序打开)。不错官方网站的试用版只能使用30天,导出时脚本也不会导出。

flashfby.gif

硕思闪客精灵2005破解版   下载地址1  下载地址2

SWFDecompiler英文版   下载地址1

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]

修改blog标题样式

blog标题样式一直不太好,如下:

bt2.jpg

突然发现wordpress后台的blog标题样式不错,如下:

bt1.jpg

于是就想到使用它的样式,但本人css水平有限,不知道它是如何设置的,只能想办公把它的“拿”来用:

1、对wordpress后台界面拷屏(键盘的PrtScn键)并粘贴至photoshop中,使用吸管工具得到文字的颜色值(#c3def1)

2、使Total commander的当前目录为wordpress-2.1.3-zh_CN,使用Total commander的“查找文件”功能,将得到的颜色值 #c3def1复制到“查找文字”框中,然后点击“开始搜索”,在搜索结果框中就能找到带有#c3def1颜色值的文件,这里为D:\wordpress-2.1.3-zh_CN\wordpress\wp-admin\wp-admin.css,如下图:

tt2.jpg

3、打开wp-admin.css,找到带有#c3def1颜色值的一段,这里为:

#wphead h1 {
font-size: 2.5em;
font-weight: normal;
letter-spacing: -.05em;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif
}

4、进入wordpress后台——>模板——>模板编辑器,在右边选择“CSS样式表”文件,找出blog标题原来的样式,如下:

h1#blogname {font:serif, sans-serif;color:#fff;font-size:30px;font-weight: bold;letter-spacing: 0.1em;margin:4px;padding:0}/*xx-large*/

5、使用后台管理的样式表,将原来的样式表

h1#blogname {font:serif, sans-serif;color:#fff;font-size:30px;font-weight: bold;letter-spacing: 0.1em;margin:4px;padding:0}/*xx-large*/

修改为:

h1#blogname {
font-size: 2.5em;
font-weight: normal;
letter-spacing: -.05em;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif
}

修改完后,保存,再进入blog,就能看到如下的效果了。

bt3.jpg

修改wordpress themes,添加右栏内容

装完这个blog也有一阵了,这段时间都没功夫来打理下这里,趁这个假期修改了一下:

我习惯使用“二栏全屏”模式的模板,所以没使用wordpress自带的模板,最后还是用Cathayan Style演示 下载 作者:Theme Ported to Wordpress by Liu Xun. Original Design by Cathayan),喜欢它的简洁,当然最主要它是“二栏全屏”模式。使用时对它进行了一些小的修改:

1、绿色调改成蓝色调

2、超链接文字样式更改为下划线

3、将字体大小从13px改为14px

4、在侧边栏添加栏目和内容

其中侧边栏内容中,邮件订阅我使用的是RssFwd,站点统计使用的是statcounter的服务,共享文章栏目则使用的Google Reader的Your shared items功能,听\看\读为豆瓣输出。(我的侧边栏文件下载

整个风格和我原来在Donewsblog上的差不多,只是把原来的del.icio.us linkrolls去掉了,增加了个邮件订阅按扭。 在安装至最后时,其实已经将“最新文章”、“最新评论”添加至侧边栏,将“随机文章”添加至独立文章页了,但一预览发现版面变形,只能暂时先不用了,不过我试过其它的模板,好像都没问题。这里实现的方法是使用“中文WordPress工具箱”插件,在插件页中启用后直接在模板编辑中比如侧边栏中调用相关代码,如最新文章的调用代码为

<?php get_recent_posts(); ?>

具体请看本贴

下载:

1、 Cathayan Style 模板原版

2、 我修改后的Cathayan Style模板,包括侧边栏和首页

去除网页中flash的右键菜单

2006年12月09日 1:00 PM

在网页中插入flash后,在网页中点击flash右键会出现flash播放器自带的选项功能,如下图:o_flash2.gif

在网页中插入flash后一般会是以下内容:

>object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=7,0,19,0″ width=”363″ height=”108″<
>param name=”movie” value=”/img/logo3.swf” /<
>param name=”quality” value=”high” /<
>embed src=”/img/logo3.swf” _fcksavedurl=”"/img/logo3.swf”" quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=
“application/x-shockwave-flash” width=”363″ height=”108″<>/embed<
>/object<

在>param name=”quality” value=”high” /<之后添加如下一行即可:

>param name=”menu” value=”false”<

然后再单击右键时的内容为:

o_flash1.gif

用firefox在太平洋下载中心下载时出现乱码

2005年12月02日 10:38 AM

以前就发现这个问题,用firefox到太平洋电脑网下载中心下载任一软件,页面上方总会出现一些乱码,点击下载按扭也不能正常下载,不知道是我电脑或者浏览器的问题还是太平洋电脑网的问题?

69211357_b8b4d02a60_m.jpg