浏览模式: 标准 | 列表分类:网页|前台相关

用CSS控制表格行的背景颜色交替

Submitted by on 2007, July 12, 6:06 AM

tr{background-color:expression((this.sectionRowIndex%2==0)?"#BBD9F0":"#89BDE4")}

Tags: css

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1432

针对机器人,保护mail地址

Submitted by on 2007, July 7, 1:03 AM

[html]给我电子邮件:<span style="unicode-bidi:bidi-override;direction:rtl;color:#c00;">moc.361@umumssik</span>[/html]
你所看到的电子邮件是正常的, 但是搜索引擎或者其他网页机器人只会查找源代码, 它不会去管显示出来是什么, 因此只能找到moc.361@umumssik, 这样的电子邮件他随便怎么发送垃圾邮件都不会烦到你的.
direction: rtl; 该属性主要是文字从右往左显示.
unicode-bidi: bidi-override; 严格按照direction属性的值重排序。

网页|前台相关 | 评论:1 | Trackbacks:0 | 阅读:1391

网页设计之SEO初步

Submitted by on 2007, June 20, 7:28 AM

前阵子一直在看，div+css布局和一些SEO方面的资料。结合一些搜索引擎的文章,感觉对网页设计了解加深了.
不说web程式语言,只是说说输出到浏览器中的HTML代码.

1、采用DIV+CSS布局。要能基本通过W3C XHTML和W3C CSS检验
使用DIV+CSS,不光是显示速度比TABLE快,对于搜索引擎更是比TABLE要好多得,而且容易更新样式

2、网页中的keywords和description要写,但不能太多
keywords顾名思义,关键字,不要为搜索引擎写N多热门关键字,只写3-5个与页面内容相关的关键词
据说现在不少搜索引擎对于Meta的比重有所下降.

3、h1,h2
每个页面中h1最好只有一个,h2有3-5个

4、链接的title,图片的alt一定要写

这几点也只是优化中最基本的.最主要的还是要页面内容质量高,原创的多些.嗯,SEO是门学问.值得玩味。

Tags: div+css, 网页设计, seo技术

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1295

meta 标签生成器

Submitted by on 2007, June 17, 1:59 AM

meta 标签生成器，seo时有用。
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>清风这厮</title>
<script language="javascript">
function cr&#101;ate(form) {
if (confirm("确认生成代码?")) {
form.story.value = "<!--meta 标签生成 By 清风这厮-->\n";
if (form.title.value != "") {
form.story.value +="<meta name=\"Title\" content=\"" +
form.title.value + "\">\n";
}
if (form.author.value != "") {
form.story.value +="<meta name=\"Author\" content=\"" +
form.author.value + "\">\n";
}
if (form.subject.value != "") {
form.story.value +="<meta name=\"Subject\" content=\"" +
form.subject.value + "\">\n";
}
if (form.descript.value != "") {
form.story.value +="<meta name=\"Description\" content=\"" +
form.descript.value + "\">\n";
}
if (form.keyword.value != "") {
form.story.value +="<meta name=\"Keywords\" content=\"" +
form.keyword.value + "\">\n";
}
if (form.gen.value != "") {
form.story.value +="<meta name=\"Generator\" content=\"" +
form.gen.value + "\">\n";
}
if (form.input7.value != "") {
form.story.value +="<meta name=\"Language\" content=\"" +
form.input7.value + "\">\n";
}
if (form.input8.value != "") {
form.story.value +="<meta name=\"Expires\" content=\"" +
form.input8.value + "\">\n";
}
if (form.input9.value != "") {
form.story.value +="<meta name=\"Abstract\" content=\"" +
form.input9.value + "\">\n";
}
if (form.input10.value != "") {
form.story.value +="<meta name=\"Copyright\" content=\"At" +
form.input10.value + "\">\n";
}
if (form.input11.value != "") {
form.story.value +="<meta name=\"Designer\" content=\"" +
form.input11.value + "\">\n";
}
if (form.input12.value != "") {
form.story.value +="<meta name=\"Publisher\" content=\"" +
form.input12.value + "\">\n";
}
if (form.input13.value != "") {
form.story.value +="<meta name=\"Revisit-After\" content=\"" +
form.input13.value + " \Days\">\n";
}
if (form.input14.value != "") {
form.story.value +="<meta name=\"Distribution\" content=\"" +
form.input14.options[form.input14.sel&#101;ctedIndex].value + "\">\n";
}
if (form.input15.value != "") {
form.story.value +="<meta name=\"Robots\" content=\"" +
form.input15.options[form.input15.sel&#101;ctedIndex].value + "\">\n";
}
}
}
//End -->
</script>
<style type="text/css">
<!--
body{font-family:Verdana, 宋体}
img{border:0}
a:link,a:hover,a:visited{color:#00c}
.c{margin-left:auto; margin-right:auto}
.t{text-align:center}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.left{float:left}
.right{float:right}
#menu{width:600px; font-family:Arial; margin-top:28px;}
#menu div{margin-left:100px}
#search{width:600px; font-family:Arial; margin-top:5px;}
#search div{margin-left:96px}
#url{font-family:Verdana;font-size:16px;height:21px;padding-top:3px;}
#sub{height:28px;width:5.6em;font-size:14px; margin-bottom:1px; margin-left:5px}
.cent{background:#ffd; border:1px solid #d8d8b2; padding-top:8px; padding-bottom:8px}
#show{width:498px; font-size:14px; margin-top:8px; padding-left:100px; display:none; font-family:Arial,宋体}
#whios{width:500px; font-size:14px; margin-top:8px; padding:20px 20px 20px 80px; font-family:Arial,宋体}
#so{width:498px; font-size:14px; margin-top:8px; padding-left:100px; display:none; font-family:Arial}
#so div{width:381px; height:18px; padding-top:3px;}
#so span{display:block; width:127px; float:left}
.clear {width:100%;clear:both;height:1px;line-height:1px;margin-top:-1px !important;margin-top:-3px;}
#content{width:738px; margin-top:6px; border:1px solid #999; padding:10px; background:#e5ecf9; font-size:13px}
.d1{width:180px}
.d2{width:500px}

-->
</style></head>

<body>
<div id="content" class="c" style="text-align:right">
<form>
Title：（主题）
<input name="title" type="text" onFocus="this.sel&#101;ct()" value="如：Meta 标签生成器" size="50" /><br />
Author：（作者）
<input name="author" type="text" onFocus="this.sel&#101;ct()" value="如：laos"blgo" size="50" />
<br />
Subject：（主题）
<input name="subject" type="text" onFocus="this.sel&#101;ct()" value="如：Meta 标签生成器" size="50" /><br />
Description：（描述）
<input name="descript" type="text" onFocus="this.sel&#101;ct()" value="如：在线生成META标签的工具" size="50" /><br />
Keywords：（关键字）
<input name="keyword" type="text" onFocus="this.sel&#101;ct()" value="如：Meta 标签生成器;工具" size="50" /><br />
Generator：（编辑器）
<input name="gen" type="text" onFocus="this.sel&#101;ct()" value="如：Meta 标签生成器" size="50" /><br />
Language：（语言）
<input name="input7" type="text" onFocus="this.sel&#101;ct()" value="如：zh-CN" size="50" /><br />
Expires：（期限）
<input name="input8" type="text" onFocus="this.sel&#101;ct()" value="如：Wed, 27 Sep 2007 08:21:57 GMT" size="50" />
<br />
Abstract：（摘要）
<input name="input9" type="text" onFocus="this.sel&#101;ct()" value="如：Meta 标签生成器" size="50" /><br />
Copyright：（版权）
<input name="input10" type="text" onFocus="this.sel&#101;ct()" value="如：清风这厮" size="50" />
<br />
Designer：（设计者）
<input name="input11" type="text" onFocus="this.sel&#101;ct()" value="如：清风这厮" size="50" />
<br />
Publisher：（出版者）
<input name="input12" type="text" onFocus="this.sel&#101;ct()" value="如：清风这厮" size="50" />
<br />
Revisit-After：（重访）
<input name="input13" type="text" onFocus="this.sel&#101;ct()" value="请在此输入标题，如：Meta 标签生成器" size="50" /><br />
Distribution：（分配）
<sel&#101;ct name="input14" size="1">
<option value="" sel&#101;cted="sel&#101;cted">Sel&#101;ct One</option>
<option value="Global">1. Global</option>
<option value="Local">2. Local</option>
<option value="IU">3. Intern Use</option>
</sel&#101;ct><br />
Robots：（机器人向导）
<sel&#101;ct name="input15" size="1">
<option value="" sel&#101;cted="sel&#101;cted">Sel&#101;ct One</option>
<option value="All">1. All</option>
<option value="None">2. None</option>
<option value="Index">3. Index</option>
<option value="No Index">4. No Index</option>
<option value="Follow">5. Follow</option>
<option value="No Follow">6. No Follow</option>
</sel&#101;ct><br />
<input type="button" value="生成 META 标签" onClick="cr&#101;ate(this.form)" name="button" />
<input type="reset" value="清除" name="reset">
<input onclick="story.sel&#101;ct();document.execCommand("Copy")" type="button" name="Submit" value="复制" />
<textarea WRAP name="story" rows="12" cols="80">
</textarea>
</form>
</div>
</body>
</html>[/html]

Tags: JS, meta

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1408

Semantic Typography: Bridging the XHTML gap

Submitted by on 2007, June 14, 12:51 AM

最近在看侯捷的《 Word 排版艺术》，在被他的文笔所吸引的同时，也感叹于排版中的学问。正好今天，看到了 Mark Boulton 写的一篇日志《 Semantic Typography: Bridging the XHTML gap 》，所以想介绍给大家。

本文主要讲的就是如何在排版中遵循语义的原则，任何道理如果去&ldquo;干讲&rdquo;都显得枯燥晦涩，所以，我们就直入主题，用他举的例子来给大家阐述一下：

如果你有一个客户，他是一个房产代理，你要为他做一个网站。站点中的大部分内容都是房产信息。现在，他交给了你一个文档（很可能就是一个 word 文件），里面都是些房产的具体信息，他让你用此来做这个网站，下面的这个，就是房产的具体信息：

""

正如你看到的，这是一个很&ldquo;朴素&rdquo;的文档，我们要做的第一项任务，是建立它的概念结构（Conceptual Structure），它的语义元素，以此，我们才能确定他的排版结构：

""

这步完成以后，让我们暂时忘记怎么去设计它的问题吧，我们先用对应的 XHTML 标签来标记上面的这些元素：

""

在保留了概念结构的同时，我们也拥有了 XHTML 结构（语义化的标记）。现在我们可以专注与排版了，使他去遵循概念结构（与此同时，我们也就遵循了 XHTML 的结构）。

""

完~

这种设计过程最大的好处就是，不再被代码所烦扰，而且它很&ldquo;健康&rdquo;。

Tags: XHTML, 网页排版

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1175

新浪的图片新闻效果

Submitted by on 2007, June 12, 4:59 PM


引用

<html>
<head>
<title>新浪的图片新闻效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<script language=javascript>  
//-------定义图片路径等参数-------------//
//定义大图的路径，
var bigPic0 ="http://image2.sina.com.cn/...
var bigPic1 ="http://image2.sina.com.cn/...
var bigPic2 ="http://image2.sina.com.cn/...
var bigPic3 ="http://image2.sina.com.cn/...
//小图路径
var smallPic0 ="http://image2.sina.com.cn/...
var smallPic1 ="http://image2.sina.com.cn/...
var smallPic2 ="http://image2.sina.com.cn/...
var smallPic3 ="http://image2.sina.com.cn/...
//大图的点击后的URL
var PicURL0 ="http://www.yule521.com&...
var PicURL1 ="http://www.yule521.com&...
var PicURL2 ="http://www.yule521.com&...
var PicURL3 ="http://www.yule521.com&...
//标题
var t0="搞笑节目《玩转世界杯》第9期：情陷解说门";
var t1="音频：黄健翔激情解说搞笑版大全";
var t2="Play Girl(网络宝贝)X计划";
var t3="《Memory》爱情是一个迷";
//描述
var describe0="小马派出密探零零发前往德国世界杯现场，调查“解说门”事件真相……";
var describe1="黄健翔是公认的中国足球评论员第一人；他，曾骄傲地宣称自己的解说就是行业标准……";
var describe2="你也能成为聚万千艳羡于一身的游戏MM，PlayGirl X计划，将你打造成游戏巅峰最耀眼的明星。";
var describe3="怎样的爱情可以真实地握在手中？这样的爱情是真实还是虚幻？";
//
var t=t0+"[|]"+t1+"[|]"+t2+"[|]"+t3;
var bigPicURL=bigPic0+"[|]"+bigPic1+"[|]"+bigPic2+"[|]"+bigPic3;
var smallPicURL=smallPic0+"[|]"+smallPic1+"[|]"+smallPic2+"[|]"+smallPic3;
var PicURL=PicURL0+"[|]"+PicURL1+"[|]"+PicURL2+"[|]"+PicURL3;
var describe = describe0+"[|]"+describe1+"[|]"+describe2+"[|]"+describe3;
//
document.write("\
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromed...,0,0,0" width="535" height="356" ID=FSCommand NAME="focus_one" align="middle">\
<param name="allowScriptAccess" value="sameDomain" />\
<param name="movie" value="http://www.tsingfeng.com/a... />\
<param name="FlashVars" value="bigPicURL=" + bigPicURL + "&amp;smallPicURL=" + smallPicURL + "&amp;t="+t+"&amp;PicURL="+PicURL+"&amp;describe="+describe+""/>\
<param name="quality" value="high" />\
<param name="bgcolor" value="#ffffff" />\
<embed src="http://www.tsingfeng.com/a... FlashVars="bigPicURL=" + bigPicURL + "&amp;smallPicURL=" + smallPicURL + "&amp;t="+t+"&amp;PicURL="+PicURL+"&amp;describe="+describe+"" quality="high" bgcolor="#ffffff" width="535" height="356" name="focus" swLiveConnect="true" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/... />\
</object>\
");
</script>
</body>
</html>

Flash Player

Tags: JS

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1334

简单的限制输入

Submitted by on 2007, June 6, 10:04 PM

限制只能输入中文
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,"")" onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^\u4E00-\u9FA5]/g,""))"

限制只能输入数字
onkeyup="value=value.replace(/[^\d]/g,"") "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^\d]/g,""))"

限制只能输入数字和英文
onkeyup="value=value.replace(/[\W]/g,"") "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^\d]/g,""))"

Tags: JS, 正则

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1286

gb2312页面调用utf-8页面的js，显示乱码

Submitted by on 2007, June 5, 6:13 PM

gb2312页面调用utf-8页面的js，显示乱码
其实解决的办法很简单，在<script>标签里设置一个 charset 即可：给分给分

<script language="javascript" src="http://www.xxx.com//new_to... charset="UTF-8"></script>

Tags: JS, 乱码

网页|前台相关 | 评论:3 | Trackbacks:0 | 阅读:2043

Div+css学习笔记

Submitted by on 2007, May 12, 1:10 PM

一些比较常用属性

font  字体
color 颜色
font-size  字体大小
text-align   文本位置
background 背景
margin  外补丁
padding 内补丁
border  边框
float  布局

下边是实例

CSS布局常用的方法：float:none|left|right
取值：
none:?默认值。对象不飘浮
left:?文本流向对象的右边
right:?文本流向对象的左边

它是怎样工作的，看个一行两列的例子
xhtml代码：
<div id="wrap">
<div id="column1">这里是第一列</div>
<div id="column2">这里是第二列</div>
<div class="clear"></div> /*这是违背web标准意图的，只是想说明在它下面的元素需要清除浮动*/
</div>

CSS代码：
#wrap{width:100;height:auto;}
#column1{float:left;width:40;}
#column2{float:right;width:60;}
.clear{clear:both;}

position:static|absolute|fixed|relative
取值：
static:?默认值。无特殊定位，对象遵循HTML定位规则
absolute:?将对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据body对象。而其层叠通过z-index属性定义
fixed:?未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative:?对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置

它来实现一行两列的例子
xhtml代码：
<div id="wrap">
<div id="column1">这里是第一列</div>
<div id="column2">这里是第二列</div>
</div>

CSS代码：
#wrap{position:relative;/*相对定位*/width:770px;}
#column1{position:absolute;top:0;left:0;width:300px;}
#column2{position:absolute;top:0;right:0;width:470px;}

他们的区别在哪?
显然，float是相对定位的，会随着浏览器的大小和分辨率的变化而改变，而position就不行了，所以一般情况下还是float布局！

CSS常用布局实例
单行一列
body{margin:0px;padding:0px;text-align:center;}
#content{margin-left:auto;margin-right:auto;width:400px;}  

两行一列
body{margin:0px;padding:0px;text-align:center;}
#content-top{margin-left:auto;margin-right:auto;width:400px;}
#content-end{margin-left:auto;margin-right:auto;width:400px;}  

三行一列
body{margin:0px;padding:0px;text-align:center;}
#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}
#content-mid{margin-left:auto;margin-right:auto;width:400px;}
#content-end{margin-left:auto;margin-right:auto;width:400px;}


单行两列
#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}
#bodycenter#dv1{float:left;width:280px;}
#bodycenter#dv2{float:right;width:420px;}  


两行两列
#header{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}
#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}
#bodycenter#dv1{float:left;width:280px;}
#bodycenter#dv2{float:right;width:420px;}  


三行两列
#header{width:700px;margin-right:auto;margin-left:auto;}
#bodycenter{width:700px;margin-right:auto;margin-left:auto;}
#bodycenter#dv1{float:left;width:280px;}
#bodycenter#dv2{float:right;width:420px;}
#footer{width:700px;margin-right:auto;margin-left:auto;overflow:auto;clear:both;}  


单行三列

绝对定位
#left{position:absolute;top:0px;left:0px;width:120px;}
#middle{margin:0px190px0px190px;}
#right{position:absolute;top:0px;right:0px;width:120px;}  


float定位
xhtml代码：
<div id="wrap">
<div id="column">
<div id="column1">这里是第一列</div>
<div id="column2">这里是第二列</div>
<div class="clear"></div>/*用法web标准不建议，但是记住下面元素需要清除浮动*/
</div>
<divid="column3">这里是第三列</div>
<divclass="clear"></div>/*用法web标准不建议，但是记住下面元素需要清除浮动*/
</div>  

CSS代码：
#wrap{width:100;height:auto;}
#column{float:left;width:60;}
#column1{float:left;width:30;}
#column2{float:right;width:30;}
#column3{float:right;width:40;}
.clear{clear:both;}  

float定位二

xhtml代码：
<div id="center"class="column">
<h1>Thisisthemaincontent.</h1>
</div>
<div id="left"class="column">
<h2>Thisistheleftsidebar.</h2>
</div>
<div id="right"class="column">
<h2>Thisistherightsidebar.</h2>
</div>

CSS代码：
body{
margin:0;
padding-left:200px;/*LCfullwidth*/
padding-right:190px;/*RCfullwidth CCpadding*/
min-width:200px;/*LCfullwidth CCpadding*/
}
.column{
position:relative;
float:left;
}
#center{
width:100;
}
#left{
width:200px;/*LCwidth*/
right:200px;/*LCfullwidth*/
margin-left:-100;
}
#right{
width:190px;/*RCwidth*/
margin-right:-100;
}

写一些比较简单的，这些应该多去实践才会真正的掌握

我写的这个

xhtml代码：
<div id="enter"><a href="http://www.tsingfeng.com&a...清风徐来</a></div>
<div id="ziuotext">时光一逝永不回,往事只能回味.<br />忆童年时竹马青梅,两小无猜日夜相随.<br />春风又吹红了花蕊,你已经也添了新岁.<br />你就要变心像时光难倒回,我只有在梦里想依偎.</div>
<div id="copyright">Powered By <a href="/">Tsingfeng.com</a> CopyRight 2005-2007 <a href="http://www.miibeian.gov.cn... target="_blank">苏ICP备000000号</a></div>

CSS代码：
body     {background-color:#FFFFFF;margin: 0px;text-align:center;line-height:150%;font-size:12px;color:#AA0000;font-family:"宋体"}
#enter{;font-size:20px;font-family:Impact;margin-top:100px;}
#enter a{font-size:36px;color:#AA0000; text-decoration:none}
#enter a:hover{color:#FFFFFF; background:#AA0000; padding:2px;}
#ziuotext{margin-top:30px;}
#copyright{margin-top:50px;}
a{color:#AA0000; text-decoration:none}
a:hover{color:#FFFFFF; background:#AA0000; padding:2px;}

主要用到的是 padding与 margin


一些常用的css 命名

页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendlink
页脚：footer
版权：copyright


CSS ID 的命名

外　套：　　wrap
主导航：　　mainnav
子导航：　　subnav
页　脚：　　footer
整个页面：　content
页　眉：　　header
页　脚：　　footer
商　标：　　label
标　题：　　title
主导航：　　mainbav（globalnav）
顶导航：　　topnav
边导航：　　sidebar
左导航：　　leftsidebar
右导航：　　rightsidebar
旗　志：　　logo
标　语：　　banner
菜单内容1： menu1content
菜单容量：　menucontainer
子菜单：　　submenu
边导航图标：sidebarIcon
注释：　　　note
面包屑：　　breadcrumb(即页面所处位置导航提示）
容器：　　　container
内容：　　　content
搜索：　　　search
登陆：　　　Login
功能区：　　shop(如购物车，收银台)
当前的　　　current


在编辑样式表时可用的注释可这样写

<-- Footer -->
内容区
<-- End Footer -->


样式文件命名

主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

网站常用中英文对照表

网站导航 Site Map
公司简介 Profile o&#114; Company Profile o&#114; Company
公司设备 Equipment Equipment
公司荣誉 Glories Glories
企业文化 Culture Culture
产品展示 Product Product
资质认证 Quality Certification
企业规模 Scale Scale
营销网络 Sales Network
组织机构 o&#114;ganization o&#114;ganization
合作加盟 Join In Cooperation
技术力量 Technology Technology
经理致辞 Manager`s o&#114;ation
发展历程 Development History
工程案例 Engineering Projects
业务范围 Business Scope
分支机构 Branches
供求信息 Supply &amp; Demand
经营理念 Operation Principle
产品销售 Sales Sales
联系我们 Contact Us Contact Us
信息发布 Information Information
返回首页 Homepage Homepage
产品定购 o&#114;der o&#114;der
分类浏览 Browse By Category
电子商务 E-business
公司实力 Strength Strength
版权所有 Copy Right
友情连结 Hot Link
应用领域 Application Fields
人力资源 Human Resource Hr
领导致辞 Leader`s o&#114;ation
企业资质 Enterprise Qualification
行业新闻 Trade News
行业动态 Trends
客户留言 Customer Message
客户服务 Customer Service
新闻动态 News &amp; Trends
公司名称 Company Name
销售热线 Sales Hot-Line
联系人 Contact Person
您的要求 Your Requirements
建设中 In Construction
证书 Certificate Certificate
地址 ADD Add
邮编 Postal Code Zipcode
电话 TEL Tel
传真 FAX Fax
产品名称 Product Name
产品说明 Description Description
价格 Price
品牌 Brand
规格 Specification
尺寸 Size
生产厂家 Manufacuturer Manufacturer
型号 Model
产品标号 Item No.
技术指标 Technique Data
产品描述 Description
产地 Production Place
销售信息 Sales Information
用途 Application
论坛 Forum
在线订购 On-line o&#114;der
招商 Enterprise-establishing
招标 Bid Inviting
综述 General
业绩 Achievements
招聘 Join Us
求贤纳士 Join Us
大事 Great Event
动态 Trends
服务 Service
投资 Investment
行业 Industry
规划 Programming
环境 Environment
发送 Delivery
提交 Submit
重写 Reset
登录 Enter
注册 Login
社区 Community
业务介绍 Business Introduction
在线调查 Online Inquiry Inquiry
下载中心 Download
会员登陆 Member Entrance
意见反馈 Feedback
常见问题 FAQ
中心概况 General Profile
教育培训 Education &amp; Training
游乐园 Amusement Park
在线交流 Online Communication
专题报道 Special Report

Tags: div, css, div命名, css命名

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1537

用kingcms练习DIV+CSS标准化建站

Submitted by on 2007, April 20, 10:46 PM

点击在新窗口中浏览此图片
嗯，推荐小巧的kingcms。部署移植方便，容易上手。

Tags: kingcms, div+css

网页|前台相关 | 评论:0 | Trackbacks:0 | 阅读:1454

Records:96‹12345678910›