网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > 教程 > Discuz教程 > discuz好还是phpwind
商业源码 Discuz教程 2024-02-11 18:38:02

discuz好还是phpwind

discuz好还是phpwind,第1张

discuz!(简称dz)和phpwind(简称pw)是国内最著名的两个PHP论坛系统,随着它们相继宣布开源以后,在各方面,不管技术上,还是功能上,还是界面上,都有了长足的发展,声威大振,远非国外那些功能简单的电子公告板系统可比了。其造成的一个副作用是大大带动了PHP在国内的普及(本人就是在寻找合适的论坛程序的时候,才开始关注PHP,进而不能自拔的 )。

客观的说,目前的pw和dz各有短长,其互相之间的激烈竞争应该说提高了PHP论坛的水平,在功能上不仅赶上了以功能多和漏洞多而著称的动网论坛,而且因为它们的效率和速度远远超过动网,弄的动网市场大大萎缩,原来的一些动网论坛都纷纷转换成了dz或者pw,搞的动网都不得不开始弄PHP论坛了。

要说他们哪个更好,是比较难的事情,毕竟各有短长,俺也不敢在这里妄下结论。不过从市场份额和网上的言论来看,目前dz还是略占上风的,而且去年国内好几个知名的大论坛都转换成了dz(比如凤凰网、牧文、tompda等),而pw在大网站方面收获甚小。

但是毕竟对好多新手来说,他们都要面临一个选择论坛程序的问题,因此,dz和pw哪个更好,也就成了经常被问的问题,这种没有答案的问题,自然要被反复问起。本文试图从比较深的层次来分析两个论坛的优劣,为新手提供选择的参考。如有错谬之处,欢迎批评指正。

一、界面篇

首先,从界面上说,从整体上说,dz的界面比较美观,整体感好。

pw的界面给人一种模仿dz的感觉。同时在界面的细节上,看起来pw还是没有dz完美。

二、技术篇

从技术上说,pw和dz都使用了文件方式的数据缓存技术,通过把常用的数据表,比如论坛版面设置参数、基本参数等,生成静态缓存文件(根据条件触发更新或者手动更新),来减少数据库读取次数,提高效率,在这个方面两者非常相似。

1、模版技术

从模版技术上说,dz从25f版就开始采用的这种静态模版技术,从俺个人角度上说,还是非常适合论坛这种频繁更新的网站程序使用的。它通过动态生成静态模版的方式,解决了模版解析效率的问题。

同时,dz的这种模版方式,使得修改界面也比较容易,很直观。

而pw使用echo语句的这种方式(姑且称其为模版),就寒碜多了,要增加了一个if判断条件,就要折腾半天。添加了混合PHP代码的模板,在 dreamweaver中也容易被误操作删除。特别是如果修改的时候稍有不慎,很可能会使网页成了白板(没有输出),让俺每次修改pw模版无不如履薄冰,战战兢兢。。。。恐怕这也是第三方模版中,dz远远多于pw的原因吧。

不过pw目前在模版上也在改进,现在看verycms 30就已经开始使用真正的模版技术,不过目前用的都还比较初级。。。

2、速度问题

从模版上看,两者的效率应该是差不多的,pw的模版其实就是直接包含的混合了PHP语句的一部分PHP文件,而dz的模版平时并不需要解析,所以效率应该是差不多的,但是网上总是有人声称网站使用dz的速度比pw慢,这方面本人没有测试过,不敢妄作评论。而且网站访问速度还是要受很多因素的影响,比如:本地网速、服务器带宽、心理。。。。。客观的评价还是很难的,除非使用专业技术手段。不过从官方网站的速度来看,明显还是pw占优啊,呵呵

最近看了一下dz的CSS文件,明显是用CSS用的有点过度了,在dz中大量使用了CSS,CSS文件高达16KB左右(pw只有2KB左右),可能造成了IE渲染网页的时候,效率比较低。同时,由于dz的CSS文件过于庞大,只好采用了外置的方式(Link)。

这样如果网速很慢,网页已经或者部分下载完,而CSS文件下载没完成(网速慢的时候,常常发生这种情况),那么网页根本就不能正常显示。

在网速慢的时候,光dz的CSS文件,就要用好几秒,甚至十几秒的时间才能下载,而整个网页只能在CSS下载完成以后才能进行正确的显示,这就无怪乎在网速慢的时候,dz表现大大逊色于pw了。

相反,pw在设计CSS的时候,明显是比较简洁,这对网页的渲染肯定是比较有利。同时,pw采用了把CSS文件嵌入的方式,尽管每次访问网页都造成了几K 个字节的流量,但是实际影响并不大,反而觉得网页打开速度比dz要快(这就是pw用了一个笨法子,却常常效果比dz强的典型案例)。

这方面,建议dz痛下决心简化过分臃肿的CSS文件,提高网页速度。

三、功能篇

下面俺就dz55和pw53的功能,做一个简单的,本人看来是比较深入,可能高手看来仍嫌浅显的分析,请大家指正:

1、登录方式:

pw的前台登录和后台登录采用了不同的Cookie方式,这样前后台分开的方式,个人感觉,有利于安全,也便于管理。后台帐号与前台帐号可以彻底分开。

而dz的前后台登录是用了一个帐号,尽管在进入后台的时候再次提示输入密码,不过还是不如pw方便。

比较特别的是,dz在注册的时候,要求输入提示问题(选填),而且在登录界面中,也有提示输入的界面,个人感觉,绝对的画蛇添足,无聊。如果说使用提示问题来找回密码,还是有点道理的。用提示问题的方式,让新手看了无所适从,脑袋都晕了

2、分栏显示:

pw从501开始支持左右分栏显示了,然而功能太简单,不能树状显示子板块,此功能与其说有,不如说没有,弄的有点搞笑,属于半成品(倒是也符合pw的一贯特点--喜欢推出一些不完美的东西让大家修改)。

看了dz55的分栏显示,做的还是比较完美的,感觉相当不错了。

3、后台管理的效率:

pw的横向操作非常不错,大大节省了管理的难度,特别是在根据用户组设置权限的时候,非常的那个方便啊,这方面dz需要改进。

dz提供了一个方案的方式来解决后台重复操作问题,应该说也有一定道理,但是用起来不太容易上手,如果是设置一个单独的项目,就比较繁琐。

4、个人空间(文集)功能:

dz55内置了minispace个人空间功能,可以说自从discuz合并了supsite以后,在论坛功能的外展方面,占据了很大优势,吸引了很多个人网站的注意力。

这个minispace用dz官方的话说,是这样的:

“完全利用论坛原有资源,会员不必更多付出,即可拥有个性展示页面

与 X-Space 完美结合,可顺畅实现 MiniSpace 与 X-Space 自然过渡 ”

大体看了一下,发现这个minispace做的很不错,利用它,用户可以把自己的优秀帖子整理出来,形成一个文集的方式,方便别人访问。以前在别的论坛见过这个功能,觉得很不错,没想到dz把它整合进去了。这个功能已经可以满足大部分论坛的功能要求了,如果要求更高,比如希望能让用户发布b0客文章,按照官方的说法,也可以迁移到X-space中去。但更重要的是,minispace是开源的,而X-space的源代码并不开放。

说到X-space,我们觉得,pw在功能上虽然足以和dz匹敌,但是在论坛的外延上,却比dz落后了好多。X-space能实现以论坛为中心的个人空间功能,而pwblog(已经改名为Lxblog,正式版未推出,本文仅以515版本为例)却和论坛貌合神离,帖子推送功能虽然从432就有了,然而却一直不好用,4x推送以后,和附件都不正常,515虽然可以推送正常了,然而在论坛中更新的帖子,在b0客中却不再出现回帖,可以说推送功能在pwblog中只是一个无用的点缀而已。

说到底,我们常常希望的只是一个论坛帖子文集功能的方式,pwblog把论坛中的内容重复推送到b0客中,既浪费空间,又没有意义,这方面dz远远胜过了 pw,值得表扬。但minispace的功能还是略显简单了些,比如没有文集帖子的分类功能、没有首页推荐帖子等等(也许论坛帖子的分类意义不大,不过有总比没有强吧?)

5、防灌水技术

pw53终于接受了俺提出的新手注册第N贴以前发帖使用验证码的方式,这样既不影响老用户的使用,又通过验证码方式来限制恶意灌水机器人。dz未提供此功能,但是具有可以设定第N贴以后不用自定义问答的功能(dz的验证码很烂,根本看不清,用自定义问答似乎更好一些)。

在防止自动注册方面,pw和dz都使用了自定义问答方式防止自动注册的办法,具体原理很简单,两者实现的都差不多。区别在于,dz要求设置10个以上的问题才能生效,而pw只能设置一个问题。另外,还有一个区别,就是pw可以自定义问答中内部使用的form变量名,可能在防止恶意自动注册方面,会更加有效一些。pw的自定义问题只能用于注册,而dz的可以用在注册、发帖和短消息等方面。

从目前的具体应用来看,用一个问题就基本上解决了自动注册的问题(长时间实践发现的结果),当然也不排除特大型网站,用一个问题容易被攻破的可能性,这方面dz可能就更有效一些。只是dz限制要求10个以上才能生效的做法,令人费解。

6、前台管理功能

pw具备副版主功能,不过和一般的思路不同,副版主是由版主任命的,这样恐怕会导致权限混乱问题,所以也很少有人用这个功能。

在前台的管理功能中,pw更方便一些,不仅的主题列表中能进行管理,在帖子内容页面中的管理方式比dz用下拉方式更直观一些。而且在一个主题里面删除帖子,pw比dz直观多了。

费解的是,pw53版本中移动帖子,都会在帖子前面加入移动提示“本帖被 xxxx 从 xxxx 移动到本区(xxxx年xx月xx日) ”,无法消除,真是难看极了(以前版本没有这个毛病)

dz实现了“沉贴”的功能,可以把那些偶尔被人翻上来的无用垃圾贴沉下去,确实方便多了。。。。有次俺在pw中为了沉一个帖子,不得不提前了N个帖子。而且dz的版主管理功能,加亮、精华等操作都能一气呵成,比pw方便好多。

7、所见即所得编辑器

dz55和pw53开始,不约而同的把所见即所得编辑器换成了ubbcode(两个论坛名称不一样,这里用个通俗一点的名称,暂称为UBBCode)方式的编辑器,而放弃了原来的HTML可视化编辑器。

说起来,这个ubbcode可视化编辑器确实解决了以前采用代码方式,无法可视化,导致好多非IT人士发帖无法控制格式;而和动网一样使用HTML方式,又产生大量冗余代码和安全性隐患的问题。

不过造成的后果却是,在转贴的时候,以前可以直接从别人的网页上,连带文字一起转过来,却是非常方便,虽然有盗链之嫌。换成了这种编辑器,再也没法那么方便了,因此在换了编辑器以后,官方论坛中是怨声载道一片。。。。而且新的编辑器还有好多小BUG,更加是引起了广泛不满(另注:用了一段DZ后发现,dz 53的所见即所得编辑器好像存在很多问题,几乎无法用,这方面可能还不如pw的编辑器好用一些)

8、附件上传和所见即所得功能:

pw的附件还是只能提交帖子上传以后才能进行图文混排,这方面dz要好的多,可以上传前就进行混排,方便多了

dz对不参与上传的附件还是显示太多信息,看起来影响美观(似乎是受vbb和phpbb的影响比较大)。而pw只是显示了“”字样和描述信息,但是更恶心的是,却把这些放到正文文字上方 ,真是屡教不改啊

9、附件防盗链技术的分析:

dz采用了隐藏地址,和检测访问来源(可选)的办法来防盗链,应该说服务器负担比较大,效果还行,但不能彻底解决问题。

pw用的办法更简单,但更有效一些:就是定期或者自动修改附件目录名,应该说这是一个投资少见效快的好办法,技术上也很简单。不过最新的pw53版本也引入了隐藏附件地址的方式,后台也似乎无法关闭此项功能,似乎有点画蛇添足的味道了。。。。

发现dz也可以在后台手工修改附件目录,也可以起到一定效果,只是没有自动修改的功能。

10、广告功能:

dz比pw要好一些,广告功能更完善一些。比如贴内广告,在帖子下面的位置类似动网的位置,看起来更整齐一些,而pw的位置就让帖子布局显得比较凌乱,不好看。dz的贴间广告可以插入大的Google Banner广告,或者其它形式的广告,展示效果很好。

相比dz,pw广告的插入位置更少一些,效果也差一些。

11、头像显示:

dz不能限制上传头像的长宽尺寸,只能限制总像素数,显得不够灵活,不如pw方便。而且超出了一定尺寸的头像,被自动缩放和拉伸了,看起来很难看。而且 dz还自动给头像加了一个边框,甚是恶心。可见dz把简单的事情给弄复杂化了,其实只要和pw一样,限制其尺寸,根本不需要拉伸。

12、附件尺寸限制:

pw只能设定所有附件的尺寸,而dz可以对个别格式的附件设定上传尺寸,比较灵活一些,特别适合一些flash网站,或者技术型网站(比如上传大尺寸图纸等)。

13、词语过滤:

pw只能使用普通方式过滤,不支持大小写(很简单的事情,官方就是不办,举手之劳啊)。

而dz不仅能识别大小写,而且具有了一定的模糊识别功能,相当不错了。当然,要是能直接支持正则表达式就更爽了。

14、自定义代码功能:

pw至今不支持自定义wincode代码,比较僵化。要增加功能,就只能修改js文件,太过麻烦。。。。

dz在这方面做的比较完美,要增加或者减少代码、修改播放界面尺寸都很容易,在后台设置一下就可以了

15、回收站功能:

dz可以设定自动清理,而pw不能

16、IP来源显示功能:

dz的IP地址和来源显示类似动网,看起来不太方便,需要点击小电脑图标才行。还是pw的IP地址来源显示看起来比较舒服一些。

17、防CC攻击:

pw早在432就增加了抗CC攻击功能,而且设置起来比较简单,新手也能看懂。当初俺就是因为这个原因才用了pw。

dz55虽然号称带有cc攻击防护,不过看起来比较难于理解,在后台找了半天也没找到,估计新手是操作不了的。当年某著名站长论坛(用dz)可就是被CC攻击搞的长期开不了张的,看起来dz的防CC攻击功能还有待改进。

18、备份功能

pw能支持对pw程序以外的数据表进行备份,而且判断标准不是根据表前缀。可以单独备份pw表以外的数据表,对于那些建立了新表的插件,备份数据超级容易,这方面比较人性化。

dz只是根据表前缀来进行备份,比如你设置一个表,叫做cdb_test,那么它会把它认为是论坛数据表而进行备份。但是如果你设置一个表,叫做test,那就自己想办法去吧。。。。

但是dz比pw强的是,备份可以压缩,压缩后下载和转存备份文件应该会节省巨大的空间和时间,对于超大型论坛应该是非常管用的。dz备份可以指定文件名,而且备份数据用十六进制表示(安全一些,但是占用空间会大一些),估计导入和恢复的中文内码问题就不会存在了。

另外,dz还可以备份MySQL Dump备份(不推荐使用)。

19、文件和数据库校验:

dz内置了文件和数据库校验的功能,pw只是官方提供了一个文件校验工具,不过用起来有点莫明其妙,有时候提示使用的函数在php文件中根本不存在

20、主题推荐和相关贴功能:

dz通过qihoo实现了相关贴的功能,而且还可以支持主题推荐,这方面比pw强了很多。

21、模版和风格设置

phpwind可以在后台设置风格CSS文件,虽然新手不太容易上手,但确实还是比较方便的。

dz更进一步,把css的内容给解释成了表单的形式,让新手也能操作,不过带来的缺点更加大了:如果你想在CSS中增加控制(比如调整行间距等),就不知道该怎么弄了,只好去修改模版。好在dz还提供了一个附加功能:在后台可以直接修改模版,而且编辑界面中还带搜索功能,总算是亡羊补牢了

dz以较大优势在功能上超过pw,而且在dz有些胜过pw的功能上,好多都是以较大优势取胜。

四、总结

总体来说,dz在功能上,界面上,技术上,论坛功能外延上,都胜过了pw。但pw也并非一无是处,其抗CC攻击功能,简洁快速的界面,强大的管理功能,独到的防盗链技术,都很有特色。所谓仁者见仁,智者见智,选择pw还是dz,仍然是一个个性化的问题,具体取决于你对他们的某项特点是否看重。

另外,感觉dz在浏览器兼容性上有点小问题,有时候会出现提示,什么从来路不明的什么东西提交信息,检查norton internet security配置之类的烦人问题,而且dz的验证码太恶心,根本看不明白,都赶上动网的烂验证码了,基本上没法用,只好关掉算完。

需要说明的是,如果是新手,需要选择论坛,还是建议选择dz,因为功能比较多,论坛的外延开发的比较好(supsite/X-space做的很不错),用起来方便一些,而且模版修改起来比较简单,容易上手。

pw只是适合老手,和对论坛外延功能不太感兴趣的那些人使用,而且pw的模版修改起来相当困难,稍有不慎就容易出错,对新手不合适。

PW适合娱乐站,速度快,功能多,官方集成各种插件,几乎不用维护

pw现有的功能=dz+银行+多附件上传+在线会员统计+特殊用户组添加+节日送礼

个人认为phpwind比较方便些,对于那些不想花时间装插件的人来说上手更容易

discuz!(简称dz)和phpwind(简称pw)是国内最著名的两个PHP论坛系统,随着它们相继宣布开源以后,在各方面,不管技术上,还是功能上,还是界面上,都有了长足的发展,声威大振,远非国外那些功能简单的电子公告板系统可比了。其造成的一个副作用是大大带动了PHP在国内的普及(本人就是在寻找合适的论坛程序的时候,才开始关注PHP,进而不能自拔的 )。

客观的说,目前的pw和dz各有短长,其互相之间的激烈竞争应该说提高了PHP论坛的水平,在功能上不仅赶上了以功能多和漏洞多而著称的动网论坛,而且因为它们的效率和速度远远超过动网,弄的动网市场大大萎缩,原来的一些动网论坛都纷纷转换成了dz或者pw,搞的动网都不得不开始弄PHP论坛了。

要说他们哪个更好,是比较难的事情,毕竟各有短长,俺也不敢在这里妄下结论。不过从市场份额和网上的言论来看,目前dz还是略占上风的,而且去年国内好几个知名的大论坛都转换成了dz(比如凤凰网、牧文、tompda等),而pw在大网站方面收获甚小。

但是毕竟对好多新手来说,他们都要面临一个选择论坛程序的问题,因此,dz和pw哪个更好,也就成了经常被问的问题,这种没有答案的问题,自然要被反复问起。本文试图从比较深的层次来分析两个论坛的优劣,为新手提供选择的参考。如有错谬之处,欢迎批评指正。

一、界面篇

首先,从界面上说,dz从25f版本开始,界面就比较清爽,字体都比较合适。50版本的界面给人耳目一新的感觉,但又觉得不太清爽了。从整体上说,dz的界面比较美观,整体感好。

而pw的界面一直给人感觉非常粗糙,丑陋,字体更是及其丑陋。从501开始,pw有一种痛改前非的感觉,特别是53的推出,彻底改变了以往pw界面及其丑陋的缺点,界面和字体都变漂亮了,但又给人一种模仿dz的感觉。同时在界面的细节上,看起来pw还是没有dz完美(当然偶觉得dz的界面部分小细节也不符合俺的要求)。

二、技术篇

从技术上说,pw和dz都使用了文件方式的数据缓存技术,通过把常用的数据表,比如论坛版面设置参数、基本参数等,生成静态缓存文件(根据条件触发更新或者手动更新),来减少数据库读取次数,提高效率,在这个方面两者非常相似。

1、模版技术

从模版技术上说,dz从25f版就开始采用的这种静态模版技术,从俺个人角度上说,还是非常适合论坛这种频繁更新的网站程序使用的。它通过动态生成静态模版的方式,解决了模版解析效率的问题。

同时,dz的这种模版方式,使得修改界面也比较容易,很直观。

而pw使用echo语句的这种方式(姑且称其为模版),就寒碜多了,要增加了一个if判断条件,就要折腾半天。添加了混合PHP代码的模板,在dreamweaver中也容易被误操作删除。特别是如果修改的时候稍有不慎,很可能会使网页成了白板(没有输出),让俺每次修改pw模版无不如履薄冰,战战兢兢。。。。恐怕这也是第三方模版中,dz远远多于pw的原因吧。

不过pw目前在模版上也在改进,现在看verycms 30就已经开始使用真正的模版技术,不过目前用的都还比较初级。。。

2、速度问题

从模版上看,两者的效率应该是差不多的,pw的模版其实就是直接包含的混合了PHP语句的一部分PHP文件,而dz的模版平时并不需要解析,所以效率应该是差不多的,但是网上总是有人声称网站使用dz的速度比pw慢,这方面本人没有测试过,不敢妄作评论。而且网站访问速度还是要受很多因素的影响,比如:本地网速、服务器带宽、心理。。。。。客观的评价还是很难的,除非使用专业技术手段。不过从官方网站的速度来看,明显还是pw占优啊,呵呵

最近看了一下dz的CSS文件,明显是用CSS用的有点过度了,在dz中大量使用了CSS,CSS文件高达16KB左右(pw只有2KB左右),可能造成了IE渲染网页的时候,效率比较低。同时,由于dz的CSS文件过于庞大,只好采用了外置的方式(Link)。

这样如果网速很慢,网页已经或者部分下载完,而CSS文件下载没完成(网速慢的时候,常常发生这种情况),那么网页根本就不能正常显示。

在网速慢的时候,光dz的CSS文件,就要用好几秒,甚至十几秒的时间才能下载,而整个网页只能在CSS下载完成以后才能进行正确的显示,这就无怪乎在网速慢的时候,dz表现大大逊色于pw了。

相反,pw在设计CSS的时候,明显是比较简洁,这对网页的渲染肯定是比较有利。同时,pw采用了把CSS文件嵌入的方式,尽管每次访问网页都造成了几K个字节的流量,但是实际影响并不大,反而觉得网页打开速度比dz要快(这就是pw用了一个笨法子,却常常效果比dz强的典型案例)。

求php网页制作教程

PHP-HTML入门及实用教程百度网盘免费资源在线学习

14yuphp-HTML入门及实用教程前锋php教程:第一章_HTML入门入门第二章_基础语法学习下载必看docx

2_9_tablemp42_8_listmp42_7_picturemp42_6_linkmp42_5_attributemp42_4_textmp42_3_paragraphmp42_2_titlemp42_1_globalschema标签。

php网页嵌入html页面怎么弄?

PHP中嵌入HTML有多种方式,这里列出几种常用方式:PHP代码输出HTML代码;HTML代码中嵌入PHP;PHP中使用include()函数引用Html文件;示例HTML代码(testhtml)body>p>我是一段Html代码/p>/body>方式一:php$int=rand(0,1);if($int==1){echop>取到的随机数是1/p>;}else{echop>取到的随机数不是1/p>;}>方法二:修改testhtml为testphp文件,直接写PHP代码body>p>我是一段Html代码/p>/body>

phpechop>我是由PHP输出的HTML代码/p>;>注:如果想要输出大段HTML,请参考下面代码:body>p>我是一段Html代码/p>/body>phpechoENDp>我是由PHP输出的HTML代码/p>p>我是由PHP输出的第二行代码/p>END;>注:标记符号必须顶头写方式三:我们直接引用HTML代码进PHP中。phpinclude(testhtml);>

如何建站个人网站wordpress建站教程?

网站早已不再神秘,再也不是什么高技术活。普通用户也可以轻松的建立出相对专业的网站。下面向大家简单介绍一下个人建站的一些流程和注意事项。

一、域名

要想让人家访问自己的网站,域名是必不可少的。域名要尽可能的短、尽可能的方便记忆,比如top域名,当然现在好记的、有特征的域名已经不多了,这需要你自己进行考虑,只要觉得有一定的规律或便于用户记忆即可。

二、空间

要建网站,其次必须要有一个空间,即存放网站的地方。对于个人用户,建议购买虚拟主机。在购买虚拟主机时要看其服务、速度、响应时间等。一般选择有一定名气的服务商即可。

注:域名、空间目前国内比较好的服务商像阿里云、西部数码、中国数据等都是非常好的选择。

三、网站程序

网站程序当然是选择现成的,因为个人没有必要去从头开始编制一个网站程序,也没有那个实力。现在网上有现成的网站管理系统,这类系统还有很多,可以在自己综合试用的基本上进行选择。

在选择网站程序时,还必须考虑到其通用性和二次开发。对于通用性不好、不利于二期开发的,虽然功能强大但不建议选用,因为网站有了一定规模后需要进行个性化功能设计时会很麻烦。另外程序尽量选择asp(aspnet),PHP、JSP等在国内不是特别流行;在asp和aspnet之间也尽量选用aspnet,毕竟其基于net架构是发展的潮流。

四、网站设计

选择好了网站程序后,则需要根据自己的需要进行网站设计。一般来说,如果有专业的美工和程序员进行修改自然最好。不过个人站长可能不一定具备这种条件,可以选择服务商的智能建站。

目前市场上的域名品种很多,常见的有com、top、cn等等,域名注册一般通过域名注册平台注册,比如阿里云、百度云、中数等等,注册域名需要你在注册平台注册一个账户,然后查询你想注册的域名是否能注册,如果可以注册就进入付款步骤,整个过程通过电脑或者手机就可以完成,不需要本人到场。

如何在自己的linux服务器上搭建网站?

首先需要基本的linux系统知识,在linux系统之上安装web服务组件诸如LAMPLNMPTengine等等,然后需要基本的前/后端语言知识,比如htmlphpcssjs等将网站代码防治到已经架设好的web服务器上就可以实现访问了,最后注册一个域名做好域名解析。

新手如何用php建站?

您好,现在比较流行的建站语言有asp、php、aspnet等等,php因为是免费的东西,所以有很多企业开始都选择用php来建立自己的网站,同时php的更新速度比较快,有一定的发展潜力,我们想用php快速建站可以通过以下几种途径来完成。无论是什么建站的形式都必须要注册一个域名以及开通一个虚拟主机,域名是一个网站的网址,虚拟主机是存放网页资料有寄存器。php论坛建站

php论坛建站可以到discuz的官方网站下载一个最新的php论坛程序,我们的虚拟主机需要的就是带有相当高版本的php+MySql以及能支持论坛的各项技术指标。php企业展示网站

我们可以使用建站宝盒快速的建站,我们只需要有简单的网页基础或者可以说只需要会打字录入以及简单的处理就可以了,进入了建站宝盒的操作后台,然后初始化一下,接下来就选择网站的模板以及修改网页上各页的资料,再加上产品的以及产品的介绍等等,别忘记了联系我们的重要页面,因为方便客户最快的速度找到您。

论坛作为一个学习交流的地方,能够在别人一打开帖子就能够听到音乐。这些都很简单,只需要用一个网页版的听音乐软件。

1、首先打开网页,并且登陆,可以用自己的QQ或者是新浪微博登陆,不要为了节省时间就不登陆,因为登陆的话才可以完成接下来的几个步骤,同时在以后为你想再插入一个音乐节省很多的时间。然后在右上角的搜索框里输入自己想要添加的歌曲,输入完毕之后,点搜索。

2、在搜索出来的歌曲里,选择自己想要的歌曲,点击添加。

3、添加之后,就会弹出一个窗口,你可以将你想添加的歌曲,添加在你自己的专辑里。可以默认音乐集,也可以自己创建一个新专辑,方便以后用。

4、添加完之后,就去查看这张专辑列表的歌曲。

5、在你自己的专辑里,选择你想添加在论坛里的歌曲,在歌曲的方框里打勾。然后在左下角有自动生成播放列表,点击。

6、之后就会出现画面。你想选择播放列表的长宽,或者颜色都可以。同时可以选择是否自动播放。最好点击复制Flash的链接。

7、打开论坛,点击发帖,有插入Flash,然后将地址链接复制在里面。好了,添加一首歌,并且能够在论坛打开帖子时候自动播放就可以了。

做网页自适应的时候分别要设计哪几种解析度

1024768 1280720 1366768 1440960 这几个是最常见的解析度,做网页的时候要考虑

响应式网页设计和自适应的区别

通俗的说,自适应网页设计也是响应式网页设计,响应式网页设计也是自适应网页设计。但是真正的细分起来,自适应只是响应式的一个子集,指网页中整体大图的自适应或者banner的自适应。

响应式设计可以一个网站相容多个不同终端

响应式网页设计优势:流体网格的网站适合响应式网页设计。

1、灵活性强,可以适应不同解析度的装置

2、方便快捷的解决多装置显示适应问题

自适应网页设计优势:固定断点的网站适合自适应网页设计。

1、实施起来代价更低,测试更容易

2、自适应布局可以让设计更加可控,因为其只需要考虑几种状态就可以了

虽然响应式/自适应网页设计会带来相容各种装置工作量大、程式码累赘、载入时间长的缺点,但它们能“一次设计,普遍适用”,可以根据萤幕解析度自适应以及自动缩放、自动调整布局,这些不只是技术的实现,更多的是对于设计的全新思维模式。

关于网页自适应的问题

一般都是采用JS来判断浏览器和解析度然后呼叫不同CSS。这样就不会出现问题。所以CSS 的相容性还是要写的很全的。

怎么样做自适应的页面,高度宽度岁解析度的改变而变化

第一种方法:做一个网页解决问题(长了点)

如果只是因为浏览者改变了浏览器的设定,或者因为浏览器不相容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助。

一、消除任意缩放浏览器视窗对网页的影响

一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览视窗大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题。

问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。

大家应该注意到,在DW中表格属性面板的高宽设定选择上提供了两种不同型别:百分比和画素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设定为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时视窗的宽度的。IE浏览器中,随便改动主页视窗的大小时,表格的内容也随之错位、变形,就是因为表格的百分比也要随着视窗的大小而改变成相应的百分比宽度。

自然,解决这个问题的办法就是将表格宽度设定成固定宽度(也就是画素值)。另外如果外层表格已做好固定宽度设定,内层表格也可以适当使用百分比设定。清楚这个原则以后,如果出现类似的问题大家也知道怎么解决。

二、让网页居中

说到了视窗大小就会顺着路子想到解析度的问题,在800×600解析度下制作的网页在1024×768解析度的机器上开启,整个网页就会跑到左边;1024×768解析度的网页在800×600解析度的机器上有时也会变得"不堪入目"。两种解析度各做一个吧?做起来费时,看起来也费劲。怎么办呢?

现在大多数网民都还在用800600的解析度,所以我们一般可以以此解析度为主,要想让网页在1024768时居中,只要在网页原始码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个就是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用画素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的画素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支援的表格宽度为780画素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。

如何去设计一个自适应的网页设计或5

如今移动网际网路随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动网际网路带来新的挑战!

移动装置正超过桌面装置,成为访问网际网路的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的装置上呈现同样的网页看

手机的萤幕比较小,宽度通常在600画素以下;PC的萤幕宽度,一般都在1000画素以上(目前主流宽度是1366×768),有的还达到了2000画素。同样的内容,要在大小迥异的萤幕上,都呈现出满意的效果,并不是一件容易的事。

很多网站的解决方法,是为不同的装置提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

于是,很早就有人设想,能不能地一次设计,普遍适用地,让同一张网页自动适应不同大小的萤幕,根据萤幕宽度,自动调整布局(layout)看

一、了解什么是地自适应网页设计地

自从2010年,Ethan Marcotte提出了 逗自适应网页设计地(Responsive Web Design)这个名词,指可以自动识别萤幕宽度、并做出相应调整的网页设计。

他制作了一个 范例,里面是《福尔摩斯历险记》六个主人公的头像。如果萤幕宽度大于1300画素,则6张并排在一行。

如果萤幕宽度在600画素到1300画素之间,则6张分成两行。

如果萤幕宽度在400画素到600画素之间,则导航栏移到网页头部。

如果萤幕宽度在400画素以下,则6张分成三行。

mediaqueries上面有更多这样的例子。

这里还有一个 测试小工具,可以在一张网页上,同时显示不同解析度萤幕的测试效果,我推荐安装。

二、需要允许网页宽度自动调整

逗自适应网页设计地到底是怎么做到的看其实并不难。

首先,在网页程式码的头部,加入一行 viewport元标签。

viewport是网页预设的宽度和高度,上面这行程式码的意思是,网页宽度预设等于萤幕宽度(width=device-width),原始缩放比例(initial-scale=1)为10,即网页初始大小占萤幕面积的100%。

所有主流浏览器都支援这个设定,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用 css3-mediaqueriesjs。

三、在进行设计的时候不能使用绝对宽度

由于网页会根据萤幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。

具体说,CSS程式码不能指定画素宽度:

width:xxx px;

只能指定百分比宽度:

width: xx%;

或者

width:auto;

四、相对大小的字型

字型也不能使用绝对大小(px),而只能使用相对大小(em)。

body {

font: normal 100% Helvetica, Arial, sans-serif;

}

上面的程式码指定,字型大小是页面预设大小的100%,即16画素。

h1 {

font-size: 15em;

}

然后,h1的大小是预设大小的15倍,即24画素(24/16=15)。

all {

font-size: 0875em;

}

all元素的大小是预设大小的0875倍,即14画素(14/16=0875)。

五、流动布局(fluid grid)或瀑布流

逗流动布局地的含义是,各个区块的位置都是浮动的,不是固定不变的。

main {

float: right;

width: 70%;

}

leftBar {

float: left;

width: 25%;

}

float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢位),避免了水平滚动条的出现。

另外,绝对定位(position: absolute)的使用,也要非常小心。

六、选择性载入CSS

逗自适应网页设计地的核心,就是CSS3引入的 Media Query模组。

它的意思就是,自动探测萤幕宽度,然后载入相应的CSS档案。

上面的程式码意思是,如果萤幕宽度小于400画素(max-device-width: 400px),就载入tinyScreencss档案。

如果萤幕宽度在400画素到600画素之间,则载入 allScreencss档案。

除了用标签载入CSS档案,还可以在现有CSS档案中载入。

@import url(逗tinyScreencss地) screen and (max-device-width: 400px);

七、CSS的@media规则

同一个CSS档案中,也可以根据不同的萤幕解析度,选择应用不同的CSS规则。

@media screen and (max-device-width: 400px) {

column {

float: none;

width:auto;

}

#sidebar {

display:none;

}

}

上面的程式码意思是,如果萤幕宽度小于400画素,则column块取消浮动(float:none)、宽度自动调节(width:auto),sidebar块不显示(display:none)。

八、的自适应(fluid image)

除了布局和文字,地自适应网页设计地还必须实现的 自动缩放。

这只要一行CSS程式码:

img { max-width: 100%;}

这行程式码对于大多数嵌入网页的视讯也有效,所以可以写成:

img, object { max-width: 100%;}

老版本的IE不支援max-width,所以只好写成:

img { width: 100%; }

此外,windows平台缩放时,可能出现影象失真现象。这时,可以尝试使用IE的 专有命令:

img { -ms-interpolation-mode: bicubic; }

或者,Ethan Marcotte的 imgSizerjs。

addLoadEvent(function() {

var imgs = documentgetElementByIdx_x(逗content地)getElementsByTagName_r(逗img地);

imgSizercollate(imgs);

});

不过,有条件的话,最好还是根据不同大小的萤幕,载入不同解析度的。有 很多方法可以做到这一条,伺服器端和客户端都可以实现。

只要遵循这8条设计准则,我相信你们可以很快的设计出自适应的网页出来

试用装一些自适应的框架来做自适应的网页是最简单的,如bootstrap等框架

如何去设计一个自适应的网页设计或HTMl5

一、自适应网页设计

自从2010年,Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别萤幕宽度、并做出相应调整的网页设计。

他制作了一个 范例,里面是《福尔摩斯历险记》六个主人公的头像。如果萤幕宽度大于1300画素,则6张并排在一行。

如果萤幕宽度在600画素到1300画素之间,则6张分成两行。

如果萤幕宽度在400画素到600画素之间,则导航栏移到网页头部。

如果萤幕宽度在400画素以下,则6张分成三行。

mediaqueries上面有更多这样的例子。

这里还有一个 测试小工具,可以在一张网页上,同时显示不同解析度萤幕的测试效果,我推荐安装。

二、需要允许网页宽度自动调整

“自适应网页设计”到底是怎么做到的,其实并不难。

首先,在网页程式码的头部,加入一行 viewport元标签。

viewport是网页预设的宽度和高度,上面这行程式码的意思是,网页宽度预设等于萤幕宽度(width=device-width),原始缩放比例(initial-scale=1)为10,即网页初始大小占萤幕面积的100%。

所有主流浏览器都支援这个设定,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用 css3-mediaqueriesjs。

三、在进行设计的时候不能使用绝对宽度

由于网页会根据萤幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。

具体说,CSS程式码不能指定画素宽度:

width:xxx px;

只能指定百分比宽度:

width: xx%;

或者

width:auto;

四、相对大小的字型

字型也不能使用绝对大小(px),而只能使用相对大小(em)。

body {

font: normal 100% Helvetica, Arial, sans-serif;

}

上面的程式码指定,字型大小是页面预设大小的100%,即16画素。

h1 {

font-size: 15em;

}

然后,h1的大小是预设大小的15倍,即24画素(24/16=15)。

all {

font-size: 0875em;

}

all元素的大小是预设大小的0875倍,即14画素(14/16=0875)。

五、流动布局(fluid grid)或瀑布流

“流动布局”的含义是,各个区块的位置都是浮动的,不是固定不变的。

main {

float: right;

width: 70%;

}

leftBar {

float: left;

width: 25%;

}

float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢位),避免了水平滚动条的出现。

另外,绝对定位(position: absolute)的使用,也要非常小心。

六、选择性载入CSS

“自适应网页设计”的核心,就是CSS3引入的 Media Query模组。

它的意思就是,自动探测萤幕宽度,然后载入相应的CSS档案。

上面的程式码意思是,如果萤幕宽度小于400画素(max-device-width: 400px),就载入tinyScreencss档案。

如果萤幕宽度在400画素到600画素之间,则载入 allScreencss档案。

除了用标签载入CSS档案,还可以在现有CSS档案中载入。

@import url(“tinyScreencss”) screen and (max-device-width: 400px);

七、CSS的@media规则

同一个CSS档案中,也可以根据不同的萤幕解析度,选择应用不同的CSS规则。

@media screen and (max-device-width: 400px) {

column {

float: none;

width:auto;

}

#sidebar {

display:none;

}

}

上面的程式码意思是,如果萤幕宽度小于400画素,则column块取消浮动(float:none)、宽度自动调节(width:auto),sidebar块不显示(display:none)。

八、的自适应(fluid image)

除了布局和文字,”自适应网页设计”还必须实现的 自动缩放。

这只要一行CSS程式码:

img { max-width: 100%;}

这行程式码对于大多数嵌入网页的视讯也有效,所以可以写成:

img, object { max-width: 100%;}

老版本的IE不支援max-width,所以只好写成:

img { width: 100%; }

此外,windows平台缩放时,可能出现影象失真现象。这时,可以尝试使用IE的 专有命令:

img { -ms-interpolation-mode: bicubic; }

或者,Ethan Marcotte的 imgSizerjs。

addLoadEvent(function() {

var imgs = documentgetElementById(“content”)getElementsByTagName(“img”);

imgSizercollate(imgs);

});

不过,有条件的话,最好还是根据不同大小的萤幕,载入不同解析度的。有 很多方法可以做到这一条,伺服器端和客户端都可以实现。

只要遵循这8条设计准则,我相信你们可以很快的设计出自适应的网页出来。

个人建议你可以去下载自助建站系统来做,不用去设计那么麻烦,如pageadmin系统或discuz系统都非常不错,简单易懂。

宽度 网页 功能 萤幕 模版
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » discuz好还是phpwind

商业源码 钻石

分享到:
上一篇
VPS怎么使用,VPS从哪里登陆,VPS教程
下一篇
rust怎么租服务器

相关推荐

使用windows 2012 建立FTP服务器的过程.

使用windows 2012 建立FTP服务器的过程.

nodebb 和discuz 比较 哪个比较好

nodebb 和discuz 比较 哪个比较好

请问废弃的旧服务器,要报废,需要删除硬盘里面的内容。如何做

请问废弃的旧服务器,要报废,需要删除硬盘里面的内容。如何做

如何把一台电脑变成开发服务器

如何把一台电脑变成开发服务器

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...