自定义HTML
发布时间:2011-01-13

1.         名称:自定义HTML

    自由添加html代码的工具。便于您设置个性化功能,丰富网站内容,扩展网站用途。

2.         图标:

3.         关键字:自定义代码 添加代码 添加html代码

4.         操作设置:

    双击控件图标,进入基本属性】标签页面,如图1;您可以看到“文本、附件、布局”三个标签项,布局的标签项要点击右侧的下拉条下拉才能看到,如图2。

图1 自定义HTML-基本属性-文本、附件


图2
自定义HTML-布局

Ø  文本

  

文本”部分是用来添加代码的,您可以在此设置何时显示类型代码输入框。操作方法比较简单,只要勾选对应的选项,添加正确的代码即可。

u  何时显示

用来控制您添加的html控件的显示时间,分为永久显示、未登录时显示、登录后显示。如果您选择了“永久显示”,那么只要页面打开,无论您登录与否,都会显示您添加的html控件;如果您选择了“未登录时显示”,则用户登陆后就不显示;如果您选择了“登录时显示”,那么只有用户登录后才能显示该html控件。

提示中提到的:自定义HTML控件可加入代码为:${url path="~/xxxx"} ${loginform} ${昵称},是指,自定义HTML控件可加入链接、登录功能、登录昵称等代码。

u  类型

您需要选择正确的代码类型,即,html代码,选择“普通html”cssjs等代码,请选择“CSS, JavaScript代码”,勾选错误代码则无法正确显示。

 

Ø  附件

如果添加的代码中有图片等附件,您可以把图片上传到服务器上,便于代码生成路径。注意:新建附件要先保存控件后再做添加。

保存控件后,重新进入【基本属性】标签页面,点击附件右侧的“新建”链接,输入附件名称,通过“浏览”选择电脑上的附件,点击“确定”后,附件添加成功,如下图所示:


图3
自定义HTML-新建附件 

Ø  布局

    布局可以将您的HTML控件分成几块不同区域(最多可添加4个布局),您可以将其它控件拖拽到此布局中。

Ø  使用效果

HTML最基本的使用效果如图4,代码为:

<P><U><STRONG><FONT style="FONT-SIZE: 18px" color=#cc3333>本周最畅销商品:</FONT></STRONG></U></P>

<P><IMG border=0 src="http://a1016005.site.alibaba.com/plugin/siteadmin/PreviewImgInSession.aspx?i=2&amp;w=800&amp;h=600&amp;ownerid=d2-269045766R1-2a0&amp;random=1818253191" valign="middle"></P>

图4 自定义HTML-效果图

5.         使用场景:

需要利用html来实现一些特殊效果时可使用此控件。

1 添加表格

您可以用网页制作软件(如Dreamweaver)先做一个表格,然后将代码粘贴到自定义HTML控件中来,就会在页面显示表格的效果。

2 精确图文混排

排班复杂的页面,您可以先用网页制作软件(如Dreamweaver)做出来,如专题,或促销广告页面等,然后将代码粘贴到自定义HTML控件中来,页面显示效果会比使用“新文字”控件更好。

如下图:

3 Js效果,如折叠菜单等

4 间距不等的多列布局

    标签布局控件能实现等间距的布局,自定义HTML可以设置间距不等的布局。

 

自定义HTML的功能远不止以上几种,建议您多尝试多发掘。

注意:自定义html代码,系统无法确保其正确性及兼容性,如果您不懂编程语言,可以请了解的朋友帮忙;如果您的代码不正确,或与系统不兼容,建议您删除该控件,以免影响网站整体效果。

相关问题