打印

[其它] [下载] 减少重复劳动,加快开发速度 *下载恢复*

由于服务器出现问题现内容无法下载了现在提供最新的下载:

先点击这里下载Editplus CSS语法自动完成文件  [2007-01-25 更新]   

先点击这里下载Editplus xHTML语法自动完成文件 [2007-01-25 更新]  
应版中朋友的要求我编写了一下xHtml的自动完成文件。下载后解压到EP的根目录下,然后在EP的首选项的语法中设定这个文件。然后用EP打开这个文件,看一下就清楚怎么用了。

举例:打一个“d”然后空格,然后EP就会把这个“d”变成<div></div>


先点击这里下载TopStyle 剪贴库文件  [2006-02-12 新增]      

TopStyle 剪贴库文件安装提示

把压缩包解压到
系统盘:\Documents and Settings\登录帐号\Application Data\Bradsoft.com\TopStyle\3.0\cliplib  即可。

先点击这里下载CSS参考表 (打印用)[2006-01-27 新增]

先点击这里下载Editplus配置文件      

Editplus配置文件使用方法:

下载后解开压缩包,里面有六个CTL文件,一个STX文件,一个ACP文件!

其中CTL文件是剪辑库!我已经把常用的,以前我建立的结构标准存放在里面了!其中加入了常用的FLASH的代码,并且加入了一个不合标准的 marquee [主要是为了应对客户需求]。并加入一些常用的注释方式。其中有一个“常用组件”中并没有完善希望有朋友可以和我一起完善这个工作!

STX是EP用来验证HTML代码正确性用的!这是XHTML1.0的版本,如果你没有那么高的要求可以不用。

ACP文件是我修改过的EP上面的按钮代码文件,其中把<b>改成了<strong>把<i>改成了<em>,原来的<p>、<li>没有封口,我已经全都把他们补上了!并把大写字母改成了小写字母。


这是Editplus的界面,把文件包复制到Editplus的安装目录下


这里可以看到剪切库,这里就是我们上面传送的文件所显示的地方


右键击点击下拉菜单,选择目录


我们把路径指向复制进去的文件包,就可以了!

注:个人不主张把CTL文件直接放在根目录下



如果有什么不明白的地方请跟帖或PM我!

PS:希望有朋友和我一起完善 这套开发标准!希望可以通过这套标准为大家开发标准网站提速

[ 本帖最后由 小毅 于 2007-2-6 11:12 编辑 ]

附件

EditPlus插件包.zip (14.95 KB)

2007-2-6 07:44, 下载次数: 427

TopStyle 插件包.zip (21.6 KB)

2007-2-6 07:44, 下载次数: 282

本帖最近评分记录

给使用Editplus的朋友提供我的配置文件,加快开发速度

下载了,谢谢,的确方便了

常用组件丰富一些就更加好了
扑克收藏www.poker168.com
除了收藏扑克,最爱的还有飞镖。

给使用Editplus的朋友提供我的配置文件,加快开发速度

以后我们会不断增加其中的内容!如果你有修改也可以发布出来!我们会在相应修改地方增加你的个人信息与网站!

你可以发布在这个帖子里,或是PM给我!我不定期进行修改与增加并发布!

给使用Editplus的朋友提供我的配置文件,加快开发速度

不会吧!很少人用EP吗?

TOP

给使用Editplus的朋友提供我的配置文件,加快开发速度

我用啊,通过楼主的这个东东,让我又学会了EP不少新功能,以前连用都没用过~
EP用来验证HTML代码,这个功能怎么用啊?
PS:楼主就自己给自己打分吧,表客气了~

TOP

给使用Editplus的朋友提供我的配置文件,加快开发速度

呵呵,我们做版主的好与不好都不能给自己打分!我等着啸与阿捷过来打!哈哈

EP的HTML代码验证,只能验证你的代码标签是不是合乎要求!并不能验证你的代码结构!在首选项的语法一栏把地址修改一下就OK了!主要表现方式是,当有合要求的标签出现时那个标签的色彩与其它的不一样!

TOP

给使用Editplus的朋友提供我的配置文件,加快开发速度

我以前也作了一个,可是装机的时候删除了,就没有再弄

这个帖子继续阿
各位加油,我就跟着借光了:)

TOP

给使用Editplus的朋友提供我的配置文件,加快开发速度

俺用EP好多年....

TOP

减少重复劳动,加快开发速度

经过综合版版主的讨论现在征集有志之士一起来制定一套标准开发规范!   有兴趣的朋友可以跟帖!

我的计划是:

1、制定一套命名标准!并制定一套常用名称!

2、制定一套常用的XHTML代码结构!

3、制定一套常用的XHTML常用组件 比如 “圆角框”、“网上调查”、“产品目录的HTML代码结构”、“购物车的HTML代码结构” 其中包括相关组件的CSS文件!

……

TOP

减少重复劳动,加快开发速度

对于1,很支持,XHTML布局CSS代码中命名遵循一下规范会增强可读性
『网站重构』群:138158

TOP

减少重复劳动,加快开发速度

如何使得自己的代码有可移植性,这也是我们要研究的内容!在这方面我已经做了一些工作!有了点成果!但是并没有形成一种规范,希望有兴趣的朋友可以一起来研究一下!

TOP

减少重复劳动,加快开发速度

头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper

命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如user-list

常用代码结构:

div:主要用于布局,分割页面的结构
ul/ol:用于无序/有序列表
span:没有特殊的意义,可以用作排版的辅助,例如

<li><span>(4.23)</span>天幻网六周年天幻网六周年天幻网六周年天幻网六</li>

然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果

h1-h6:标题

label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,例如:
<label for="user-password">密 码</label>
<input type="password" name="password" id="user-password" />

fildset & legend:fildset套在表单外,legend用于描述表单内容。例如:
<form>
<fildset>
<legend>title</legend>
<label for="user-password">密 码</label>
<input type="password" name="password" id="user-password" />
</fieldset>
</form>

dl,dt,dd:当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,例如
<dl>
<dt>什么是CSS?</dt>
<dd>CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。<dd>
<dt>什么是XHTML?</dt>
<dd>XHTML是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重要的区别。可以这样看,XHTML就是一个扮演着类似HTML的角色的XML。 本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。</dd>
</dl>

本帖最近评分记录

TOP

减少重复劳动,加快开发速度

我不建议在dtd前面加<?xml version="1.0" encoding="gb2312"?>

第一:会使IE6.0错误的执行quirks mode
第二:虽然dtd是xhtml,但一般我们的页面mime类型仍然是text/html,而当类型是application/xhtml+xml时这段标示才显得正确和有意义,此时css的链接也应该改成符合xml规范的写法
<?xml-stylesheet href="default.css" type="text/css"?>

TOP

减少重复劳动,加快开发速度

来自http://www.firefox.net.cn

演示页面:
http://fiag.ik8.com/webhelper/nature8color.htm
可通过XHTML1.0校验的Flash嵌入代码
复制内容到剪贴板
代码:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
           codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
           width="300" height="120">
    <param name="movie" value="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#FFFFFF">
    <!--[if !IE]> <-->
    <object data="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf"
            width="300" height="120" type="application/x-shockwave-flash">
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFFFFF">
     <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
     FAIL (the browser should render some flash content, not this).
    </object>
    <!--> <![endif]-->
   </object>

TOP

减少重复劳动,加快开发速度

       <link rel="Shortcut Icon" type="image/ico" href="http://favicon.ico" />

这里应该是这样吧
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
域名空间,服务器合租 QQ:5515804
www.paifei.com 佛山派飞网络

TOP

减少重复劳动,加快开发速度

我觉得再弄一个DW的“代码片断”剪切库更好,因为用DW的人更多

TOP

减少重复劳动,加快开发速度

怎么用啊,这东东,请斑主说详细点:)

TOP

减少重复劳动,加快开发速度

warran在上个帖子中说
引用:
怎么用啊,这东东,请斑主说详细点:)
这个是Editplus的剪贴库文件!如果你是使用这个软件就可以下载,保存到安装目录下!

然后重启Editplus在侧栏的剪贴库中就会多出几个选项!

接下来,你就按步骤试试啦!

TOP

减少重复劳动,加快开发速度

请问小毅,c-smx, c-sm, c-mx, c-m 命名分别代表什么?

TOP

减少重复劳动,加快开发速度

虽然不知道怎么EP是什么东东.但对你们表示精神上的支持.
!能给我上一课吗?
我想知道怎么用啊.
品凡

TOP

减少重复劳动,加快开发速度

ebay在上个帖子中说
引用:
请问小毅,c-smx, c-sm, c-mx, c-m 命名分别代表什么?
C   #content

S   #subcol

M  #maincol

X   #xcol

这是纵向布局的XHTML结构,c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx表示有两个纵栏其中一个是附属的, c-m表示一个纵栏。

其中在三纵栏的布局需要分为两层 第一层是#subcol与#main第二层是#main中的#maincol与#xcol。

TOP

减少重复劳动,加快开发速度

哦  用了这么久editplus还不知道有剪贴库啊, 是不是一点,就自动出一些代码出来,省的写了。
那要是把一些常用的代码写到里面也可以吧~~

TOP

减少重复劳动,加快开发速度

warran在上个帖子中说
引用:
哦  用了这么久editplus还不知道有剪贴库啊, 是不是一点,就自动出一些代码出来,省的写了。
那要是把一些常用的代码写到里面也可以吧~~
非常正确,只要稍想一下就可以节约很多时间!

我们现在就是要把很多相同的工作全都结合在一起,把工作量压缩。让设计师有更多的精力去做设计,让更多的程序员去做逻辑运算,而不是编HTML码。

TOP

减少重复劳动,加快开发速度

content="text/html; charset=gb2312"
不要这个<?xml version="1.0" encoding="gb2312"?>
赞成统一命名思路以减少重复编码。但不赞成死板的套路。
比如meltifa的代码从外道里直到content/container
都可以借鉴,里面的内容还是发挥自己的智力来编写比较好,CSS本身就是灵活的,甚至HTML布局也是灵活的

TOP

减少重复劳动,加快开发速度

当然那些规范性和技巧性的代码都很有帮助

TOP

减少重复劳动,加快开发速度

我用ep也有一些时间, 原来我是用得这么苯~
规范性的东西自己想到过,但这里提供的更有用,收下~!
07年特别的霉

TOP

减少重复劳动,加快开发速度

不错,呵呵~~

加油!
SteamCMS内容管理系统

蒸发网络寻求优秀的界面设计师,可兼职,先发作品至我E-mail:xu_ao@163.com,谢谢。

TOP

减少重复劳动,加快开发速度

又一插件?嗯,友情支持一下。
23555455(两年以上工作经验的WEB程序员生活Q群)-博客

TOP

减少重复劳动,加快开发速度

好强的东东,不用复制这么多次,哈哈,好插件~

TOP

减少重复劳动,加快开发速度

感谢斑竹,:)

下面还有更多
http://www.editplus.com/html.html

以下是editplus的帮助,呵呵,很简单,自己可以根据习惯做一个

Use this command to load the current cliptext library file (which has ".CTL" extension) into the editor and edit it directly. The cliptext library file should be written in predefined syntax. The syntax is very simple. The fastest way is to look into the sample cliptext library that comes with EditPlus.

Header Information

#TITLE=HTML 3.2
       #INFO
       EditPlus Cliptext Library v1.0
       Written by ES-Computing.
       #SORT=y


Each statement should be prefixed with '#' sign.
       1. #TITLE - The title of cliptext library. This should be located at the first line of the file. Otherwise, EditPlus cannot load it.
       2. #INFO - Information about the cliptext library such as author, date, etc. This information can have multiple lines.
       3. #SORT - Whether the cliptext library should be sorted or not in the list box. 'y' for yes and 'n' for no.

        Text clips

#T=BODY
       <BODY>
       ^!
       </BODY>


Each text clips begins with title information of the form "#T=title", followed by text body. You can define optional Hot Spot using "^!". "^" is used as escape character. If you want to insert "^" itself in the text body, you should enter the character twice like "^^". When you insert the "#" in the text body, You also have to prefix the escape character to it like "^#". The text body can have multiple lines. An optional '#' can be placed in the line after the last line to indicates the end of the text clip.

#T=BODY
       <BODY>
       ^!
       </BODY>
       #


The title-only text clips are also supported. The title itself will be inserted into the document. For example,

#T=font-family:


The above item has only title and not text body, so "font-family:" will be inserted into the document.

       User files repository
       EditPlus web site has a collection of user files (stx, ctl, acp files) on User Files page. You can submit your own syntax file to <submit@editplus.com> if you would like to share your file with other users.

TOP