将做好的Apache本地域名的服务器还原成默认localhost访问方法

话说,前两天重装了系统,因为最近研究php,js,本地装了个Zend Studio 9.0.3…但是每次建立一个项目都需要新建个访问目录,,那么之前我做的域名访问具体可参考Apache创建本地域名的服务器(WAMP环境),一下子就变得很麻烦了…我总不能做个小测试的项目就新建立一个域名吧,虽然这些小项目可能不会太多,不过我还是决定将本地的服务器还原.

那么这个之前装的wamp就成了绿色版了 :cool:…废话少说,开始还原(事实上,基本上是个反向操作的过程!):

1.再一次重新安装apache和mysql的服务.并启动它们

2. 修改X:\wamp\bin\apache\Apache2.2.21\conf\extra\httpd-vhosts.conf文件,删除不必要的虚拟域名配置例如:

<VirtualHost *:80>
ServerAdmin whidy@p.com
DocumentRoot “E:/wamp/www/phpcms/”
ServerName “p.com”
ErrorLog “E:/wamp/www/phpcms/error.log”
CustomLog “logs/dummy-host2.appservnetwork.com-access_log” common
</VirtualHost>

3.修改X:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf文件内的

LoadModule vhost_alias_module modules/mod_vhost_alias.so
Include conf/extra/httpd-vhosts.conf

前面都加个#

***重启所有服务***

测试一下看访问是否正常,如果无法正常访问http://localhost/phpmyadmin/那么请修改这个文件

alias域名修改配置
alias域名修改配置

<Directory "X:/wampx64/apps/phpmyadmin3.4.10.1/">
Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order Deny,Allow
Deny from all
Allow from 127.0.0.1
</Directory>

改成

继续阅读“将做好的Apache本地域名的服务器还原成默认localhost访问方法”

默认css字体大小单位及样式研究

我们在给网页字体进行CSS定义的时候,以前通常是使用像素来进行定义,然而,这已经是很古老的方式了,在现如今手机,平板,笔记本等各种不同分辨率设备普及的情况下,我们不只是用电脑浏览网页了,更多的时候或许已经是手持设备了,那么,就将面临一个问题,如何在如此多的不同分辨率下的设备将页面正常展现出来呢?

今天我们暂且不提框架自适应的问题,流体布局以后我熟练掌握后与大家分享,呵呵,就拿这个在定义字体大小方面来进行讨论,用px呢还是em,或是%?

首先需要声明的是在中文网站中,大部分规范是使用12px的汉字作为内容,14px加粗作为标题,当然有些h1,h2或许更大,一般字体用为黑体,而小标题和内容部分字体一般情况下是使用宋体的,这是中文站的一般标准.虽然近两年,随着显示器的不断变大,分辨率的增加,很多网站开始把14px当作最小字体了.然而,可能在很多情况下并不合适,例如手机访问,是不是字太大了等等一系列问题,那么有人可能会说通过终端判断返回不同的CSS,那么这种处理方式较为繁杂.怎么解决页面字体大小就成了一个需要思考的问题.

其实,如果经常访问英文网站的朋友应该不难发现一个特点,他们页面的字体都是用的em作为单位,比如:

body { font: normal 100% Helvetica, Arial, sans-serif; } /* 字体大小是页面默认大小的100%,即16像素. */
h1 { font-size: 1.5em; } /* h1的大小是默认大小的1.5倍,即24像素(24/16=1.5). */
small { font-size: 0.875em; } /*  small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875). */

上面是个简单的CSS说明,在实际应用中,也是如此,给body内的font属性进行修改,就可以直接给整个页面字体大小进行缩放,这是一件十分方便的事情.以下我在做个简单的例子给大家直接预览.
先是body内100%时的效果:

http://jsfiddle.net/kingterrors/DEKSy/embedded/result,html,css/

PS:由于近日(2014年6月)jsfiddle无法正常访问,可能受内网影响,现将之前所有jsfiddle预览去除,不过你仍然可将以上地址拷贝到浏览器预览,或选择尝试以下代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Font size research</title>
<style type="text/css">
body {font: normal 100% Helvetica, Arial, sans-serif;}
h1 {font-size: 1.5em;}
small {font-size: 0.875em;}
.small {font-size: 14px; /* never changed */}
</style>
</head>
<body>
  <h1>This is a Header1</h1>
  <small>and this is small part</small>
  <p class="small">this is another small part with css style sheet that would never change!</p>
  <p>and how about this?</p>
  <p>This is a reseach by <em>Whidy</em></p>
</body>
</html>

然后是body为87.5%时的效果:

http://jsfiddle.net/kingterrors/K3Qbt/embedded/result,html,css/

PS:由于近日(2014年6月)jsfiddle无法正常访问,可能受内网影响,现将之前所有jsfiddle预览去除,不过你仍然可将以上地址拷贝到浏览器预览,或选择尝试以下代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Font size research</title>
<style type="text/css">
body {font: normal 87.5% Helvetica, Arial, sans-serif;}
h1 {font-size: 1.5em;}
small {font-size: 0.875em;}
.small {font-size: 14px; /* never changed */}
</style>
</head>
<body>
  <h1>This is a Header1</h1>
  <small>and this is small part</small>
  <p class="small">this is another small part with css style sheet that would never change!</p>
  <p>and how about this?</p>
  <p>This is a reseach by <em>Whidy</em></p>
</body>
</html>

大家可以通过两个例子看出来,不变的永远是用px做单位的元素(好像这句话很弱智…),不过显而易见的是,用em绝对是目前和将来的主流!(其实很多大网站普及很久了…z)


PS: 实际上在国内这种做法仍然未能很好应用,在wap端方向有部分网站开始使用,不知道国内是由于汉字原因呢还是什么,似乎网页设计字体标准仅仅由曾经的12px升级到14px而已(2014年5月17日)

PHPCMS无法搜索文章内容中的关键字解决

最近工作上维护公司的网站,其后台用的是PHPCMS V9,以前曾用过PHPCMS2008,用这个还算能够快速上手.不过使用过程中也有很多问题,比如这个最近网站遇到的搜索功能的问题,经常搜不到文章,除非是标题或者关键字有相同的,而文章内容部分是搜索不到的,编辑需要找相关文章来进行SEO优化也不是很方便,于是我便研究了一下PHPCMS自带的搜索功能,首先要说的是后台可以对搜索进行设置和调整的区域主要包括

  1. 模块 > 模块管理 > 全站搜索 > 模块管理 > 全站搜索
  2. 内容 > 内容相关设置 > 模型管理 > 文章模型字段管理

第一个很简单,直接查看模块配置,如果没有选中全站搜索的果断选中,这样可以避免一些搜索不到信息的情况,后面两个我也选中是了,至于选不选,看个人需要了.提交之后建议重建索引,这里需要提到的是,有时候重建索引出错,出错内容大致是这样的

MySQL Query : DELETE FROM 'phpcmsv9'.'v9_search' WHERE 'siteid' = '1'
MySQL Error : Incorrect key file for table '.\phpcmsv9\v9_search.MYI'; try to repair it
MySQL Errno : 126
Message : Incorrect key file for table '.\phpcmsv9\v9_search.MYI'; try to repair it
Need Help?

这个解决办法也十分简单,同样在后台找到 扩展 > 扩展 > 数据库工具 > 请选择数据链接池处选择数据库后,会展现出该数据库的结构,找到v9_searchv9_search_keyword表,后面有修复,点击修复,然后重新回到重建索引处,就不会出错了.

另一方面如果有些关键字是你需要在搜索结果中显示的,比如作者,内容等等,先说如何搜索到作者吧,找到 内容 > 内容相关设置 > 模型管理 > 进入文章模型字段管理,找到作者字段,点击修改,在下面单选选项处可以看到作为搜索条件,此选项,选择即可.

同样的,内容字段也是这个方法,不过有个问题,内容字段的作为搜索条件处是灰色不可更改,这要怎么办是好?这种情况下,如有需要,那就要强行修改数据库内的值了,以内容字段为例,打开数据库,这里我用的phpmyadmin,找到相应数据库的表v9_model_field,找到其中name内容(fieldcontent)的地方,点击编辑,其中有个字段叫做issearch,当前值为0,于是我们将它修改为1即可.再次返回后台,会发现作为搜索条件已经是了.

此时,你可以尝试搜索一些关键字,会发现问题得到解决,如果你还有什么问题,可以发电子邮件给我,我会抽时间与你一起讨论.

好了暂时写到这里,谢谢大家的关注.如果想了解sphinx全文索引可以看一个PHPCMS官方论坛的帖子,写的不错,点击进入phpcms中应用sphinx全文索引

网页设计略谈(一)

这最近几个月公司筹备一个电子商务网站,因为纯原创性,也就颇有难度,开会讨论已是家常便饭,这前不久可算是到了设计阶段了,由于进度稍慢,这两天我赶了个首页设计图,,,貌似很久没有做设计图了,自然是没有了之前来的速度,两天内经过几番修改,算是初步成型,暂且不提好看,算是看得过去罢了,,,因为今天的主题并非展示页面,我就低调的给大家看看,若是有趣,留下点建议也是感激不尽.

首页设计图

或许这也不是我最好的,毕竟是目前最接近自身水平的…对了差些忘了,我要谈点正事,,,拿这页面来说,就说初学者设计页面需要几点注意罢:

  1. 这页面版式,自然是要整洁,除了对齐,就是要保持结构统一,即便是不统一也要用广告条类似的相间隔开来,方可看着舒服.
  2. 这色彩,色彩其实是不大好掌握的,这也是我的致命缺陷,没办法,半路出家,本是做网络的,却弄起了网页设计,跟专业好似有些关系却又并不是攻此业(不好意思又跑题了)色彩来说的话,这基本原理还是要简单看看,什么RGB啊,色相,明度什么的,还是要略知一二才好,那么,最简单的,就是整体色调统一为妙,比如我这暖色,基本全是暖色,这红色要是浅了话说可是不好看,我这找到了这样的色彩,可是费了不小功夫,难度大一点的还有什么对比色,中差色什么的,我也记不得了,总之关于配色,,,多多欣赏别人优秀设计网站,心中自然有了印象,对提升色彩感有很大帮助.
  3. 这细节,通俗我说即修饰不可少.修饰的好,起到画龙点睛作用,给人眼前一亮,比方说我这页面为了速度,统一了所有栏目的标题栏的样式,又比如最后的每日问答,加上个背景图,这也是通用的手法了,虽然俗,却很中用,当然要注意一点的是,修饰物永远是为了加强页面的美观性,千万别过于鲜显眼,喧宾夺主,否则效果就糟糕了,这细节当然除了修饰图之外,还有的就是真正的细节,别小看这一条阴影线,高光线,就这一条单色的线条,可以起到很神奇的效果,不妨试试罢.

好了,今天暂且就说这些,,,这设计图也就给大家参考参考罢了,大家也不喜勿喷,多多包涵~时间不早了,辛苦的朋友们早些休息罢~

通过photoshop的阴影/高光工具调整相片曝光问题(下)

上次翻译了一半<<通过photoshop的阴影/高光工具调整相片曝光问题(上)>>.近期比较忙,今天抽点时间继续写完,以了心事

高光

调节阴影的部分和高光的作用相同,只不过是减少高光替换成了减少阴影,即使你觉得必须对高光部分进行修改,也不要紧:你所有做的事情对这个整体的对比都会产生很大的影响.其实我觉得我很少用到高光部分.来看看究竟什么是对你有效的.

调整

首先,我们来看这最后两个滑动块:颜色校正中间调对比度.实际上颜色校正滑块应该叫做饱和度滑块,当它单独滑动时来提高或降低饱和度的.在阴影高光调整之前,我用它来重新调整其饱和度让它看起来很合适.当然比起这里的饱和度调整,我更加偏向于使用调整图层来使修改变得更加简单.

中间调对比度滑块可以被用来提高或降低中间色调的对比度.完美而又简单:就是名副其实.然后我继续重复刚才的操作.这次将对比度还原,保持原始的效果.

在上面这张图中,通过阴影部分的调整,我又重新调整了颜色校正中间调对比度这样使树叶(也就是图上的圈圈部分)看起来更加真实.(这里并没有调整高光区域).在修正了阴影和高光后,我可以通过色相/饱和度或者是添加其他调整图层来实现不同的效果.

实例

OK,拖了若干天,总算完成了,心得也不想写了,不过学的知识是活用的,希望大家在了解了这个工具的同时,能够更好的运用到平时的设计中~

原文出处: Correcting Exposure with the Shadows & Highlights Tool