B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),如Netscape Navigator或Internet Explorer,服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。
C/S的优点是能充分发挥客户端PC的处理能力,很多工作可以在客户端处理后再提交给服务器。对应的优点就是客户端响应速度快。缺点主要有以下几个:
只适用于局域网。而随着互联网的飞速发展,移动办公和分布式办公越来越普及,这需要我们的系统具有扩展性。这种方式远程访问需要专门的技术,同时要对系统进行专门的设计来处理分布式的数据。
客户端需要安装专用的客户端软件。首先涉及到安装的工作量,其次任何一台电脑出问题,如病毒、硬件损坏,都需要进行安装或维护。特别是有很多分部或专卖店的情况,不是工作量的问题,而是路程的问题。还有,系统软件升级时,每一台客户机需要重新安装,其维护和升级成本非常高。
对客户端的操作系统一般也会有限制。可能适应于Win98, 但不能用于win2000或Windows XP。或者不适用于微软新的操作系统等等,更不用说Linux、Unix等。
B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用,客户端零维护。系统的扩展非常容易,只要能上网,再由系统管理员分配一个用户名和密码,就可以使用了。甚至可以在线申请,通过公司内部的安全认证(如CA证书)后,不需要人的参与,系统可以自动分配给用户一个账号进入系统。
横版:90*55mm<方角> 85*54mm<圆角>
竖版:50*90mm<方角> 54*85mm<圆角>
方版:90*90mm 90*95mm
IC卡 85×54MM
三折页广告
标准尺寸: (A4)210mm x 285mm
普通宣传册
标准尺寸: (A4)210mm x 285mm
文件封套
标准尺寸:220mm x 305mm
招贴画:
标准尺寸:540mm x 380mm
挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm
手提袋:
标准尺寸:400mm x 285mm x 80mm
信纸 便条:
标准尺寸:185mm x 260mm 210mm x 285mm
正度纸张:787×1092mm
开数(正度) 尺寸 单位(mm)
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注:成品尺寸=纸张尺寸-修边尺寸
大度纸张:850*1168mm
开数(正度) 尺寸 单位(mm)
全开 844×1162
2开 581×844 3开 387×844
4开 422×581 6开 387×422
8开 290×422
注:成品尺寸=纸张尺寸-修边尺寸
常见开本尺寸(单位:mm)
开本尺寸:787 x 1092
对开:736 x 520
4开:520 x 368
8开:368 x 260
16开:260 x 184
32开:184 x 130
开本尺寸(大度):850 x 1168
对开:570 x 840
4开:420 x 570
8开:285 x 420
16开:210 x 285
32开:203 x 140
正度纸张:787×1092mm
开数(正度) 尺寸 单位(mm)
全开 781×1086
2开 530×760
3开 362×781
4开 390×543
6开 362×390
8开 271×390
16开 195×271
注:成品尺寸=纸张尺寸-修边尺寸
大度纸张:850*1168mm
开数(正度) 尺寸 单位(mm)
全开 844×1162
2开 581×844
3开 387×844
4开 422×581
6开 387×422
8开 290×422
注:成品尺寸=纸张尺寸-修边尺寸
16开 大度:210×285 正度:185×260
8开 大度:285×420 正度:260×370
4开 大度:420×570 正度:370×540
2开 大度:570×840 正度:540×740
全开 大:889×1194 小:787×1092
<!–
function gotoURL() {
var Current = document.formName5.selectName5.selectedIndex;
//在本窗口中打开
//location.href =
//document.formName5.selectName5.options[Current].value;
//在新窗口中打开
window.open(document.formName5.selectName5.options[Current].value);
return false;
}
//–>
</script>
<P><SELECT size=1 name=selectName5> <OPTION
selected>选择前去的地方</OPTION> <OPTION
value=http://39m.net/>39M.Net</OPTION> <OPTION
value=http://home.pchome.com.tw>pchome</OPTION> <OPTION
value=http://home.fusong.com/>网普科技</OPTION></SELECT><INPUT onclick="return gotoURL()" type=submit value=Go! name=submitName5>
</P>
</FORM>
在网站建设之初,网站的一些设计规则需要事先定下来,比如文件目录结构,数据库结构,页面的一些设计规则。以下文字是从别的网站抄下来的,是讲的文件目录结构,方便文件更新和维护。
网站的目录是指你建立网站时创建的目录。例如:在用frontpage建立网站时都默认建立了根目录和images子目录。
目录的结构是一个容易忽略的问题,大多数网站都是未经规划随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议。
不要将所有文件都存放在根目录下
有的网友为了方便,将所有文件都放在根目录下。这样做容易造成文件管理混乱。你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外也影响上传速度。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,给您的建议是:尽可能减少根目录的文件存放数。
按栏目内容建立子目录
子目录的建立,首先按主菜单栏目建立。例如网页教程类站点可以根据技术类别分别
建立相应的目录,像Flash、Dhtml、Javascript等;企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。其他的次要栏目,类似what'snew,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。
在每个主目录下建立独立的images目录
通常一个站点根目录下都有一个images目录。刚开始学习主页制作时,阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便,当我需要将某个主栏目打包供网友下载,或者将某个栏目删除时,图片的管理相当麻烦。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
目录的层次不要太深,建议不要超过3层。原因很简单,维护管理方便。其它需要注意的还有:
1.不要使用中文目录;网络无国界,使用中文目录可能对网址的正确显示造成困难。
2.不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。
3.尽量使用意义明确的目录;上面的例子中,你可以用Dhtml Javascript来建立目录,也可以用1,2,3建立目录,但是哪一个更明确,更便于记忆和管理呢?显然是前者。
随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。
<br><br><br>
<table cellspacing="0" class="Feng4ever_table_2" align=center >
<tr><td CLASS="Feng4ever_td_2">Styles</td></tr>
<tr><td CLASS="Feng4ever_td_3"><span class="Feng4ever_span_2"><DIV ALIGN="CENTER">
<a onclick="CSS.href=’http://emam.51.net/include/colorsetting1.css‘"><font color=#AAAAAA>■</FONT></a>
<a onclick="CSS.href=’http://emam.51.net/include/colorsetting2.css‘"><font color=#CCAAAA>■</FONT></a>
<a onclick="CSS.href=’http://emam.51.net/include/colorsetting3.css‘"><font color=#AACCAA>■</FONT></a>
<a onclick="CSS.href=’http://emam.51.net/include/colorsetting4.css‘"><font color=#AAAACC>■</FONT></a>
</DIV></span></td></tr>
</table>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标右键特效</title>
<style>
<!–
.skin0 {
position:absolute;
text-align:left;
width:160px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:100px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems
–>
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!– Web Site: http://www.painting-effects.co.uk –>
<!– The JavaScript Source!! http://javascript.internet.com –>
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX -
ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY –
ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End –>
</script>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()"
onMouseout="lowlightie5()" onClick="jumptoie5();">
<div id=rolllink style=overflow:hidden;height:230;width:100 align="center">
<div id=rolllink1>
<table width=’100%’ cellSpacing=’5′>
<tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.chinahukou.com’ target=’_blank’ title=’网站名称:临汾旅游信息网 网站地址:http://www.chinahukou.com 网站简介:临汾旅游信息网’>
<img src=’img/1.gif’ width=’88′ height=’31′ border=’0′>
</a>
</td>
</tr>
<tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.cbe21.com/’ target=’_blank’ title=’网站名称:中国基础教育网 网站地址:http://www.cbe21.com/ 网站简介:中国基础教育网’>
<img src=’img/2.gif’ width=’88′ height=’31′ border=’0′>
</a></td></tr><tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.ep-china.net/index.asp’ target=’_blank’ title=’网站名称:中国教育先锋网 网站地址:http://www.ep-china.net/index.asp 网站简介:中国教育先锋网’>
<img src=’img/3.gif’ width=’88′ height=’31′ border=’0′>
</a>
</td>
</tr>
<tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.k12.com.cn’ target=’_blank’ title=’网站名称:中小学教育教学网 网站地址:http://www.k12.com.cn 网站简介:中小学教育教学网’>
<img src=’img/4.gif’ width=’88′ height=’31′ border=’0′>
</a>
</td>
</tr>
<tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.whsky.com’ target=’_blank’ title=’网站名称:写作世界 网站地址:http://www.whsky.com 网站简介:您的写作世界·写作您的世界’>
<img src=’img/5.gif’ width=’88′ height=’31′ border=’0′>
</a>
</td>
</tr>
<tr align=’center’ class=’tdbg’>
<td width=’88′>
<a href=’http://www.ydjps.sc.cn/index.asp’ target=’_blank’ title=’网站名称:成都市盐道街小学 网站地址:http://www.ydjps.sc.cn/index.asp 网站简介:成都市盐道街小学教育网’>
<img src=’img/6.gif’ width=’88′ height=’31′ border=’0′>
</a>
</td>
</tr>
</table>
</div>
<div id=rolllink2>
</div>
</div>
<script>
var rollspeed=30
rolllink2.innerHTML=rolllink1.innerHTML //克隆rolllink1为rolllink2
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop<=0) //当滚动至rolllink1与rolllink2交界时
rolllink.scrollTop-=rolllink1.offsetHeight //rolllink跳到最顶端
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,rollspeed) //设置定时器
rolllink.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}//鼠标移开时重设定时器
</script>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p align="center"><h1><font color="#ff0000">请单击右键看效果</font></h1></p>
</body>
ASP
L-Blog: http://www.loveyuki.com
由Loveyuki自主开发的基于 ASP+Access 的小型单用户BLOG,目前似乎已经停止更新了,但是用户群相当大,而且是国内相当多的BLOG系统的鼻祖。
oblog: http://www.oioj.net
多用户Blog,目前占据ASP多用户BLOG的大部分市场,2.X商业版已经实行免费,很值得继续关注与期待的国内作品。
SLblog:http://SLblog.com
多用户Blog,刚发展起来的,更新很快,感觉像是oblog和missblog的结合体,同时首创了Blog系统无限级分类和用户栏目的无限级分类,多功能在现编辑器。但界面不是很美观,好在模板和程序分离,方便修改。
Misslog: http://www.misslog.com/blog
多用户blog,每个blog可以有多个用户参与创作与维护,团队功能很强大!
LBS: http://www.voidland.com/blog
LBS早期基于L-Blog架构,自从LBS2推出以后,大部分属于自己的创作,模板很多,用户群也逐渐庞大。
Z-Blog: http://www.rainbowsoft.org/zblog/
今年发展相当快的Blog系统,官方提供了想当丰富的支持,也创造了比较好的交流环境,这是他的一大亮点。
PJBlog: http://www.pjhome.net/
基于ASP的单用户BLOG系统,由于其插件异常丰富,可扩展的功能很多,比较适合喜欢功能饱满的朋友。
Alpar’s Blog: http://blog.fz0132.com
基于L-Blog架构,但是作了相当大程度的修改,全面兼容LBS^2 的Style,目前版本模板采用DIV+CSS,很值得期待后续发展。
nblog: http://blog.nowans.com/
一个基于Access的个人Blog程序,全生成静态页面,刚开始起步。
2s-space:http://www.2s-space.com
d2kblog: http://www.d2ksoft.com/
D2KSoft公司的redguardtoo基于卫慧杰的L-Blog1.06扩展而成,事实上,90%的代码我都重新写过了,支持多国语言页面内容和页面样式分离。
KeeBlogSystem: http://keesky.com/blog/
XUL后台管理,很有特点的一个BLOG系统。
ASP.NET
.Text: http://scottwater.com/Dottext/default.aspx
很有名的ASP的blog系统,官方暂无静态化(对每页生成静态的html页面)版本,国内donews使用该软件。
BlogX: http://www.simplegeek.com/CategoryView.aspx/BlogX
程序是英国人编写的,国内 BLANKSOFT.COM 进行了汉化和修改。
dasBlog: http://www.dasblog.net
功能比较齐全,对FireFox的支持不怎么好。
PHP
Okphp BLOG: http://cn.okphp.com/
基于PHP+MYSQL开发的多用户BLOG系统,部分代码ZEND,主要特点能够很好地和许多论坛程序无缝兼容。
BlogHoster: http://www.webligo.com
国外的一个多用户商业BLOG系统,基于PHP+MYSQL,简洁明快的风格。
exBlog: http://www.exblog.net/
基于PHP/MySQL平台开发,注重稳定效率和兼容性,使用了 PHPLIB 的模板系统,提供WAP接口。
Pixelpost PhotoBlog: http://www.pixelpost.org/
国外的由图片系统和博客系统融合来的新型博客,已经由落伍的 星 完成汉化。
bMachine: http://boastology.com
国外老牌BLOG系统,同时支持文本数据库和MySQL数据库,支持中文搜索。
7log: http://www.7log.com
比较早的能够生成静态页面的BLOG系统,目前开发进度停滞。
O-blog: http://www.phpblog.cn/
需在PHP+MYSQL环境下运行,主要特色对静态生成有很大的灵活度,作者风色默默无闻地开发也让人钦佩。
pigface blog: http://www.flashforweb.com/
一个简单的BLOG,具备所有BLOG必须的功能,基于PHP+MYSQL。
bo-blog: http://www.bo-blog.com/
文本数据库,现在发展似乎遇到了瓶颈,发展不如年初那么火热,但是一样有很多追随者。
C-Blog: http://www.saysay.cn
由 Coolsky 自主开发的基于 PHP+Smarty模版引擎+ADODB组件 的小型单用户BLOG,目前提供2个版本:php+mysql版本 和php+access版本,能够生成静态页面。
SaBlog: http://www.4ngel.net/blog/angel/
安全天使小组开发的一套BLOG系统,功能不断在完善,优点在于安全性很高。
Simple PHP Blog: http://www.simplephpblog.com/
国外一个轻便的blog系统,包含中文语言文件。
yo2blog: http://www.oneoo.com/
一个简单小巧快捷的 blog 程序,使用假性目录结构生成类静态 HTML 页面链接。
sBLOG: http://www.sblog.cn/
国外一款基于PHP+MySQL的BLOG系统,模板遵循W3C规范,并提供mod_rewrite功能支持。
b2: http://www.cafelog.com php
blog的老祖宗,操作简单,容易上手,现在好像停止了开发。
b2evolution: http://www.b2evolution.net
B2多用户版,有很多风格和插件。
wordpress: http://www.wordpress.org
架站比MT简单一点,功能也很全面,应该是支持blog的首选。它有最强的模版功能,已经开始有限范围内测试多用户的新版。
pivot: http://www.pivotlog.net
PHP+XML,没有使用数据库,有中文语言包,
nucleus: http://www.nucleuscms.org
这个也是比较老牌的程序了,有中文语言包!
M-logger: http://miracle.shakeme.net
文本储存数据。
drupal: http://www.drupal.org
功能强大,在多用户支持上尤为突出。它看起来更像一个内容发布系统(CMS)而不是一个纯blog软件,所以仅仅只想使用blog功能的朋友就用不着扛着这门炮了。
Pmschine: http://www.pmachine.com
这个估计是blog的元老了,不过现在已经商业化了,新版本名叫Expression Engine,在国内可以免费下载!
bBlog: http://dev.bblog.com/
一个非常简洁好用的blog,汉化版: http://www.xptop.com/lei/
serendipity: http://www.s9y.org
功能很多,每个功能以模块方式安装,界面也很容易修改。
Plog http://www.plogworld.net
blog里的最好作品了,真正的多用户,他们已经更名为lifetype了,网站也换了:lifetype.net
Plainslash: http://www.51zhao.com/plainslash/
文本blog程序,作者很久没更新了,但现在blog的基本功能都有了。
CGI
movable Type: http://www.movabletype.org
一个cgi程序的blog软件,应用最为广泛,大陆不算十分多,香港台湾的80%以上的独立blog站点都是通过它架设的。插件众多,基本需要的功能都能实现,它支持多用户blog。
Greymatter: http://www.noahgrey.com/greysoft/
是一个类似 Movable Type 的Blog程序非常简单,也是生成静态文件。
HUS Reviv: http://supermanc.51.net/norman/blog.cgi
国人开发的,功能很强大,但由于cgi语言的问题,安装调试比较复杂,而且很占资源。
Blosxom: http://www.blosxom.com
很老的一个程序了,也可能是世界上最小的blog系统了,只有一个文件却实现了blog的大部分功能!
JSP
Roller:http://www.rollerweblogger.org/page/project
国外运用想当广泛的一套BLOG系统。
DLOG4J: http://dlog4j.sourceforge.net/
国人开发的,已经申报SourceForge项目 中文官方站: http://www.javayou.com
TM: http://www.terac.com
一个功能强大的blog,支持文件上传、RSS、评论、WYSIWYG 编辑器等功能,多种语言(含简体中文)
出处:蓝色理想
