将做好的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

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

这篇文章通过photoshop的”阴影/高光”工具调整相片曝光来展现出相片的最美一面!

引言

复制图层

今天我们来共同了解下这个极其有用的,不可思议的工具:阴影/高光调整工具

当我们在拍照的时候,很难或者说几乎不可能在每次拍出来的照片中获得最佳的曝光度. 尤其是在户外,拍摄高反差的景物时,经常会把要拍的东西拍得曝光过度或者曝光不足.那么,阴影/高光调整工具将会充分发掘你所拍的照片的最大潜力.
那么接下来就让我们一起看看吧!

阴影/高光介绍

工具面板

首先,它并不算是一个调整图层一样的东西,所以你可以通过Ctrl+J(Win)或Command+J(Mac)先复制图层,这样你就可以直接修改这个图,当然感觉不好的话也可以还原,因为你有原始图层.

复制完图层后,接下来我们开始进入正题!

其次,Image>Adjustments>Shadows/Highlights…(图像>调整>阴影/高光 *因为我也是用的英文版PS CS5,不知道中文版是不是这样的,若不是请及时通知我~)打开阴影/高光,在这个面板的底部,找到Show More Options(查看更多选项)的选择框,并勾上,这样这些对于新手看似复杂的更多的调整项目就展现出来了,接下来我们一个个看,相信我,你将十分感谢居然有如此强大的控制功能.

最后这一步,你可做可不做,这不过是我的个人习惯罢了.这里的所有值都是photoshop默认的.当你在处理不同的图片时这些值对你来说毫无用处.当然我更加偏向于在处理图片之前将Shadows(阴影) 和 Highlights(高光)框框里面的Amount(数量)Tonal Width(色调宽度), 和 Radius(半径) 设置为0 (也就是全部调整至最左边). 把在Adjustments(调整)框内的Color Correction(颜色校正)Midtone Contrast(中间调对比度) 设置为0 (也就是滑动条的中央). 最后点击 Save as Defaults(存储为默认值)这个按钮. 那么以后每当你打开Shadows/Highlights(阴影/高光)时它永远都不会改变了.

数量,色调宽度和半径

你可以在阴影框和高光框内看到这三个滑动条,我们先来看看阴影框.

数量

数量

我是这样理解的,它会根据你的调整对图像进行较大的改变(当然即使不勾上Show More Options(查看更多选项)依然能够直接调),这里你可以分别将阴影部分调亮或者高亮部分调暗.这个好像可以两边滑动的小刷子,我想你也许用过,也知道它的作用,当然我重点要说的是下面两个滑块的作用.

色调宽度

色调宽度

这里我们来看看怎么样的一个范围可以影响图片.滑块调整到0%,意味着只有阴影部分最黑的地方会被改变,通过向右拖动滑块,慢慢的会影响到中间色调.

半径

半径

半径滑块决定了你想调整的区域在图片该处的其他多大的范围将会被渲染.当然你必须输入一个大于0的值,否则图片看起来灰又像被洗过的.这样你就会知道它对图片的影响效果有么多好了,在3-15px这个值之间,不多也不少,看起来图片变得清爽而干净.我十分喜欢这个感觉,在20px或更高的时候效果变得使图片的区别更加大,不是感到混到一起了就是感觉模糊了.那么设置的越高,就越混…(*其实我对原文理解不够,我尝试着在图片上修改,真的没感觉到什么变化,其实我也不是很会用这个囧rz)

笔记

其实你可以看出来,正如我所说,你无法将每个调整至完美,我经常使用的方法是将数量调到35%左右,色调宽度则必须提高(*作者没有说调至多少.那估计看效果行事了~)最后将半径调整至5px,最后根据当前状态进行细微调整.

哎呀,第一次翻译外国的文章才发现原来这么辛苦,自己经常看国外的好东西,感觉好像理解起来很简单,但是对不懂E问的童鞋来说,估计看了我的也算是很杯具.除此翻译多多包涵.(话说搞了三个小时,头都大了,除了翻译,版式总是调不好…休息下,今天到此为止吧~)

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