Posts Tagged ‘ coding

SciTE的Zen Coding功能

这段时间因为Zen Coding的原因弃SciTE而选择了Notepad++,今天无意中想到了SciTE也有个缩略词展开功能,就在网上找了下,没想到SciTE的这个功能比我想像的还要强大地多,几乎可以和Zen Coding相媲美了。下面介绍下它的用法,更详细的可以参考《懒人专用--用好SciTE的缩写功能》这篇文章。

首先建立一个缩略词文件,比如想给HTML使用,那么可以建立一个html.properties文件,当然文件名称和后缀可以任意取,只要你看地懂就可以了。为了方便管理,可以在SciTE的目录下建立一个abbrev文件夹,专门用于存放缩略词文件。

SciTE的头部菜单选项中选择打开 User Options 文件一项,在打开的SciTEUser.properties文件的最底部加上如下代码:

abbreviations.*.html=$(SciteDefaultHome)\abbrev\html.properties

上面代码中,abbreviations.*.html代码表示该缩略词文件只对后綴名为html的文件有效;$(SciteDefaultHome)表示SciTE的安装目录;\abbrev\html.properties表示缩略词文件相对于SciTE安装目录的位置。

SciTE的缩略词规则很简单,就是:

缩略词=完整代码

现在在新建的html.properties文件中写入如下代码:

a=<a href="">|</a>

接下来打开一个后缀名为html的文件,在里面输入a,再按快捷键Ctrl+B,刚才的字母a就被替换成了<a href=”"></a>,而光标会自动定位到代码<a href=""></a>之间,也就是在上面定义的缩略词代码中|所在的位置。

阅读全文

文件编码与样式错误

我先在火狐上测试的,一切正常,但一到IE上就傻眼了,我写的样式对于页面中的元素根本就没有任何作用。开始我怀疑是我的CSS语句写错了,就到W3CCSS验证页面上去验证,也没有找到问题所在,当时真的有种叫天天不灵,叫地地不应的绝望。

直到快下班时,我突然发现Dreamweaver里的字体有点不一样,因为我们公司一般都是用UTF8的格式编写文件的,UTF8格式的文件和GB2312格式的文件在Dreamweaver里面显示所用到的字体是不一样的。我就试试把CSS文件改成UTF8格式。没想到果然是这个问题,改了下编码,网页在IE下也显示正常了。

这个编码问题会导致很多显示错误,有次我做的网页显示的就是一个空白页面,但里面明明是有内容的,找了半天也找不到原因,后来看到在页面头部里没有写明编码信息,就添加了编码信息,页面也就正常了。