商务风背景-又多文字又少的PPT,如何设计才有商务风?

商务风背景-又多文字又少的PPT,如何设计才有商务风?,第1张

dedecms模板更换方法一将新模板覆盖templets下的文件最简单的更换模板的方法是直接覆盖templets目录下的所有文件,但是这样会导致原先的模板被覆盖。dedecms模板更换方法二通过后台管理,使DEDECMS去寻找模板目录还有一种就是更换整个网站的模板目录。系统管理 -- 站点设置 -- 默认模板风格 设置为目录名字比如下载了一个新的模板,新模板目录为newtemplet那么设置为 /newtemlet/default 这样基本模块的模板就会去该目录下寻找。dedecms模板更换方法三修改特定页面的模板还有就是修改单独网页的模板,那么就去频道管理 -- 网站栏目管理 -- 高级选项里选定模板地址充分利用 / 这样的上级目录跳转到模板的目录下。dedecms模板更换方法四修改源代码改变模板目录发现另一种方法,更为直接:修改include目录下的config_basephp下找到$cfg_templets_dir = $cfg_cmspath'/templets';只需要把这个修改为新的目录名字,然后HTML更新一下,所有的模板风格都改变了。这种方法不推荐,不过你要是为了防止模板被盗到可以还有个方法:把新模板直接上传到templets/default目录里,然后再点击栏目管理,在栏目高级参数那里选择新模板。

参考下面方法

首先,打开后台——模板——默认模板管理——indexhtm

看到有一句,

rel="stylesheet" media="screen" type="text/css" />说明,模板是根据这个 CSS 来布局网

页的,于是就打开网站目录下面的templets\style\dedecmscss然后来分析一下CSS的构成。

根据主页的调用,来研究 CSS 这样容易理解。打开主页模板,找到:

那么 w960 center clear mt1 都定义了什么呢?打开 DEDECMSCSS 找打相关的定义。

center{

1 margin:0px auto; 定义了CSS 模块的边缘位置都是 0,也就是这个center 的层

距离上右下左都是 0px;

2 }

3 w960{

4 width:960px; 定义了整体的宽度为 960px;

5

6 }

7 pright infos_userinfo {

8 margin-bottom: 0px; 定义了首页右部下的互动中心的下面边缘为 0px;

9 }

10 mt1{

11 margin-top:8px; 定义了mt1 的顶部边缘为8px;

12 }

13 pright mt1{

14 margin-top:0px; 定义了pright 下面的mt1 顶部边缘为0px;

15 }

16 mt2{

17 margin-top:16px; 顶部边缘为16px;

18 }

19 clear{

20 overflow:hidden; 如果clear 层里面的内容超出了 层的范围 就隐藏起来。

21 }

这个pleft 的定义没有在dedecmscss 中,但是会发现一句

@import url("layoutcss");

@import url("pagecss");

这说明,在dedecmscss 中引用了 pagecss 和layoutcss 这两个样式表,于是就在

pagecss 中找到了pleft 的定义

pleft{

width:712px;定义了宽度

float:left;该层向左浮动

overflow:hidden;超出范围则隐藏

}

在该层下面调用的是新闻头条的内容,看看它的 css

index bignews{

width:424px;

height:400px;

float:right; 向右浮动

border:1px solid #DFF2F5;表示边框线用 #dff2f5 的实体颜色填充

background:url(/images/headbg-topgif) repeat-x;背景为 headbg-topgif 并且横

向平铺

overflow:hidden;超出则隐藏。

}

所以,看到头条的这部分是在 flash 幻灯片右边显示,并且加上了浅蓝色的边框线。

再来看看 onenews 是如何定义的。

index bignews onenews{

margin:0 3px 0 3px; 左右外边距分别空3 个像素

padding:7px 6px;上左内边距分别空7,6 个像素

border-bottom:1px dashed #EBEBEB;下边框加一个 #ebebeb 的虚线

}

所以看见头条的文章左右都有一定的距离,并且下面还有一个虚线显示

这个下面调用的是以往的头条,默认的有 4 篇文章,调用了d1 d1arc 2 个css

index bignews divd1{

padding:6px 10px;

clear:both;这句话是清除浮动,如果不加它,大家可以试试看,是不是 d1 这个层就跑到 头条的

右边了。

width:406px;

overflow:hidden;

}

index bignews divd1arc{

margin-right:12px;

width:190px;

float:left;因为此时要调用4 篇文章,改文章是 22 排列的,如果不加这个属性,新闻就应该垂

直排列了(因为刚才用 clear:both 清除浮动啦),大家试试看是不是这样的。

height:24px;

line-height:24px;行间距,即字体最底端与字体内部顶端之间的距离

overflow:hidden;

}

最新文章

下面看看 newarticle 这个css 吧,还是拿快学网的首页举例子,上面的这句是用来显示 “最近

更新”那几个绿颜色字的,看看它是怎么定义的。

index bignews divnewarticle{

height:24px; 高度

background:url(/images/new-articlegif) 8px 3px no-repeat;背景在x 轴8px 和y 轴

3px 出出现

font-size:0px;

color:#fff;

} 所以,能看到那个最近更新并且还有一个横条,其实它是个,大家右键另存为

看看就知道了

这里面调用了 c2 和ico1 两个 css

index bignews ulc2{

width:416px;

padding:0px 4px 0px; 内边距为 上0 右4 下0

clear:both;清除浮动 和上面的意思一样

overflow:hidden;

}

ico1 这个css 在layoutcss 中了。

ico1 li{

padding-left:16px; 指的是 新闻列表左内边距为 16px

background:url(/images/ico-1gif) 7px 11px no-repeat; 背景在7px,11px 处出现,所以看到最新文章的列表左边都有一个小黑点,这个小黑点就是 ico-1gif

}

到此,中部的头条新闻和最近更新已经分析完了。

看看flash 的 css 定义

index flashnews{

width:280px;

height:192px;

overflow:hidden;

float:left;这句决定了,flash 的新闻列表在 头条的左边显示。如果把 bignews 和flashnews

的float 属性互换一下应该是上面结果呢?大家试试看。

}

这边是特别推荐调用的样式,还是来看看 css

index latestnews{

width:280px;

height:200px;

margin-top:8px;

float:left;

}

index latestnews dl dd{

padding:2px 5px;

}

index latestnews ul a{

color:#555;

} 这里面就不用解释了吧,可以和上面的对照一下就能明白上面意思了。关键 dl dt dd 要弄明白

是什么意思。

dl 内容块

dt 内容块的标题

dd 内容

可以这么写:

标题

内容1

内容2

在layoutcss 中找到 tbox 的相关定义,其他的都不用罗嗦了,只有一句大家注意看一

tbox dt strong{

height:26px;

line-height:26px; !important;line-height:25px; 这一句是为了兼容 IE 和FF,比如

font-size: 12px !important;

font-size: 13px;

在 IE里面,由于 IE不理解 !important,则字体大小按照最后设定的 13px 展示

而FF 里面, !important 为提高优先级别,则字体大小按照 !important标记的12px 展示

某些css 某些代码在这两类浏览器里的显示是有差别的(注意这也是使用!important 的主要原因

所在),比如height: 21px;,在 IE6 和(IE7,FF)里显示就有差别,后者(IE7,FF)会比前

者(IE6)少一个像素。

padding-left:22px;

padding-right:4px;

display:block;//变成块级 ,因为strong 是内联元素,必须强制转换,不然的话是没有办法

定义padding 的。大家可以百度一下 内联元素看看。

float:left;

color:#397CBE;

background:url(/images/fbicogif) 5px 6px no-repeat;

letter-spacing:1px;

}

抖音为什么会有商业的标签

对于商业产品而言,变现是逃不开的课题,本文将在对抖音现有商业化行为总结的基础上,大胆猜测抖音未来可能的商业化道路。变现手段首先总结抖音目前肉眼可见的变现手段。feed流广告广告是头条的强项,抖音的feed流广告除了从算法上匹配用户外,还有一些比较有意思的小尝试,想简单谈谈。(1)通过A/Btest确定广

关于商业产品而言,变现是逃不开的课题,本文将在对抖音现有商业化行为总结的根底上,斗胆猜想抖音未来或许的商业化路途。

变现手法

首要总结抖音现在肉眼可见的变现手法。

feed流广告

广告是头条的强项,抖音的feed流广告除了从算法上匹配用野外,还有一些比较有意思的小测验,想简略谈谈。

(1)经过A/Btest确认广告按钮长度。不知各位有没有发现,抖音广告中转化按钮的长度经历过几回改变——从开端的巨细变为通栏长度,最终变为现在的款式,背面包含的应该是同内容挑选机制相同的A/Btest思路,即经过测验找到点击率最高的按钮长度。

(2)经过随机“变色”的按钮引发用户猎奇心。相同是广告按钮,刚进入广告时,每个按钮都是通明色,过几秒后会变为不同色彩,如第一个广告中的按钮会变为蓝色,第二个广告中的按钮会变为橙色,运用用户对按钮色彩的猎奇心思,在为产品供给趣味的一同,延伸广告观看时长。

电商导流

商家能够经过短视频直接将用户导流至自己的商品销售页面。

尽管头条前段时间推出了自己的电商渠道“值点”,但现在肉眼可见的电商导流大部分仍是指向天猫和淘宝。一方面或许由于抖音的用户画像与值点差异较大,另一方面或许由于值点现在还在试水阶段,不宜大规模导流。

定制品牌广告

运用应战活动与资料,协助大品牌定制广告并从中获利,如#应战的定制广告——oppo应战赛”本来你是酱紫的”,贴纸的定制广告——必胜客贴纸等。

直播分红

猜想仅仅一般性的功用跟进,运用本身已有的、特点及意图与直播用户相似的用户直接进行变现。与其他直播渠道没有太大差异,不做赘述。

DOU+速推

DUO+速推是抖音近期上线的广告办法,可针对某一视频进行投进,且移动端即可操作。

投进办法包含:

根底定向投进,向限制性别、年纪、地域的人群进行投进;

指定粉丝相似的账号,向指定账号的粉丝人群进行投进;

邻近商圈投进,指定直径规模进行地域投进。

以上便是抖音现在肉眼可见的商业化手法,接下来猜想抖音未来变现的发力点。

变现发力点

个人认为抖音未来的变现发力点依然是“广告”与“导流”。

广告

据悉,抖音未来1年广告收入或许破百亿[1],很难想象这样大的一块蛋糕不能构成抖音往后的着重发力点。

除此之外,今天头条锻炼出的广告功力也是抖音广告路上很好的支撑。比方抖音在头条投进的根底上,接连了测验试验思路,供给“智能投进”。在这种投进办法下,抖音会先用一部分投进经费进行小规模测验,找到投进作用最好的人群后再进行规模化投进,以到达推行作用最优(注:可拜见DOU+速推第一条挑选项,DOU+唤出办法:恣意视频点击“转发”按钮即可)。

最终,抖音广告好像并不那么令用户恶感,为抖音供给了在不伤用户前提下挣钱的或许。其间,“不那么恶感”或许归功于以下几点:

(1)广告风格贴合产品特点

抖音是文娱型产品,所以抖音中的广告也简直都是文娱风格。

一方面,从AppGrowing供给的陈述来看[2],抖音“游戏”广告的占比很高,而游戏本身的文娱化特点又十分贴合抖音的产品调性,所以在抖音上进行游戏投进,作用甚至或许胜过资讯类的今天头条。

另一方面,抖音内的非游戏广告内容制造也都在尽量贴合文娱特点,搞怪的、赋有构思的、甚至鬼畜的,如苏菲的构思广告其时也收成了一片好评[3]。

(2)标明”广告”字样,越过本钱低

抖音中的广告都标有“广告”字样,且越过本钱很低,与看到不感爱好的视频相同,直接上滑即可越过。

(3)可人为下降推送频次

对广告屡次点击“不感爱好”后,推送频率显着下降。跟朋友一同做过试验,自己作为对照组,不对广告进行“不感爱好”点击,朋友作为试验组,频频对广告进行“不感爱好”点击。7天后,我刷不到十条内容就会呈现广告,而朋友接连刷几十甚至上百条都不会呈现广告。

综上,收入高、才能强、不伤用户的变现手法“广告”应该是抖音未来的着重发力点。

但与此一同,抖音的广告好像还有优化空间,关于广告与用户匹配度给出以下两条小主张:

1)进步对“视频广告内容”的剖析才能

尽管现在广告主可在投进时挑选广告及用户类型,但这未必是最优的匹配办法,究竟“人”在匹配算法上或许并没有“机器”更了解用户。假如“视频内容”能够被机器读懂,选用相似图文广告的优化办法进行优化,并为广告视频制造者供给牢靠主张,想必广告作用还会更上一层楼。

2)创立并进一步丰厚用户“商业化标签”

用户商业化标签或许与用户爱好标签有所差异,比方喜爱萌宠的人并纷歧定有购买宠物或宠物用品的需求。或许抖音现已存在相似标签,但就现在的运用感触而言,好像还有不小的进步空间。

若上述两点得到进步,结合抖音现有的挑选及分发才能,信任抖音的广告在体会及收入方面还会有所突破。

导流

电商导流也是抖音收入来历的一部分,从AppGrowing供给的陈述来看[2],现在“天猫”和“淘宝”占有流量较大部分。

但抖音的野心好像未停步于此,“同城”板块下的分类模块是不是似曾相识美食、景点、玩乐等等,咦这不是群众点评在做的工作吗故此猜想,抖音未来“导流”的发力点将不只限制在电商,更会向生活服务方面不断扩展。

那么这件工作的可行性有多高呢形似并不低:

(1)视频表现力更强

比较群众点评的图文办法,抖音的视频办法更利于引起用户爱情共识,影响消费。想想每次夜里对着抖音美食流口水的自己,是不是也曾静静记下谈论中的店名并前往一试了呢。

(2)社区打卡文明优秀

我们对视频标题中、谈论中随处可见的“打卡网红店”是不是还有形象呢,摔碗酒、冰淇淋、天空之境,在视频烘托出好玩、好吃、好美的气氛中,不少用户前往全国各地进行消费并发布“打卡”视频,而一些没条件出远门的用户只能静静点赞。不过在抖音上线了为用户引荐自己邻近“网红店”的功用后,是不是更进一步鼓舞了这种气氛,让生活服务分发成为或许呢

(3)外部环境较好

不知我们有没有感觉,横竖我出了一次远门后,现已开端搜索群众点评外的其他生活服务评分软件了。跟着营销气氛的延伸,群众点评的公信力好像也在逐步式微,这样的外部环境是不是为抖音发明了一个时机呢

综上,背靠本身巨大的活泼用户群,抖音经过直接为商家导流构成的生活服务分发才能,很或许构成另一个变现发力点。

不过要做好生活服务分发,直接对接各个商家,抖音好像还有很长的路要走,相同提出以下几点小主张:

若想打好“公信力”这张牌,前期不可防止需求做些人力开掘的“重活”,包含优质商家的开掘、人工实地勘探及审阅等。或许搜集”特征“商家是个好办法。一方面防止同群众点评在“群众商家”维度竞赛,另一方面,特征也愈加契合抖音用户的品尝。

相应功用稳步跟进,或许纷歧定是“评分”,打卡、热度等具有相同说服力的功用甚至“视频集”,都能够协助用户进行优质商家挑选。

操控好变现节奏,在公信力与商业化的平衡中稳步前行。

以上仅为个人观点,文中说到的相关参阅文章见下,感谢我们的宝贵时间。

[1]抖音未来1年广告收入破百亿但MCN在渠道仍赚不到钱

[2]国内首份抖音广告剖析陈述,游戏职业广告投进占比最多

[3]苏菲尝鲜抖音视频信息流广告,网友惊叹给满分

CEndC

作者:lilyblood,微信号与大众号:lilyblood,欢迎沟通~

商业运营

转载请说明出处

知优网_抖音的商业化及其趋势(抖音的商业化及其趋势分析)

分享到:

上一篇

2020:规模化增加需求顶层规划下一篇

使用规划:单列/双列规划的差异

虚拟主播C位出道,二次元经济商机凸显(虚拟主播发展)

人人都是合作伙伴,总有人帮你定位

“双十一”能给影院运营哪些启示

发表评论

您需要登录后才能发表评论

验证码()

特价VIP一年仅需99元VIP免费下载

开通SVIP永久299元

立即开通

相关内容

人人都是合作伙伴,总有人帮你定位

“双十一”能给影院运营哪些启示

虚拟主播C位出道,二次元经济商机凸显(虚拟主播发展)

最近发表

自动建站一键极速建站云建站系统源码云端模版(最新一键自助建站程序源码)

表白墙吐槽墙心愿墙微信留言板程序源码(表白墙发帖)

MibewMessenger开源在线客服系统源码v310中文版

赚qian软件下载站积分墙源码带完整数据(积分赚钱软件下载)

最新全开源解密版个人发卡网带三方支付接口(发卡网源码对接码支付)

完整可运营的人人夺宝程序源码

PHP直销软件会员管理系统90版本源码(php会员管理系统源码)

全开源版NFine快速开发框架C#源码

PHP新闻文章资讯小偷采集器VIP版源码集广告位

JAVAEEMVC架构研发餐饮点餐系统餐饮管理程序源码(javaweb餐饮管理系统源码)

热门文章

银河麒麟操作系统常用问题及解决方法(银河麒麟操作系统常见问题)

绿色动态扁平化简洁商务PPT模板下载

卡通儿童教育年终工作总结暨新年计划PPT模板

Win10转移激活授权到新电脑的方法教程(win10激活转移到另一台电脑)

唯美自然风景背景的商务PPT模板下载(简约商务风ppt背景图)(商务风ppt背景高清)

风闻苹果将在2022年头推出带有ProMotion高刷的27英寸iMac

Zblog网站导航源码,技术导航,QQ导航高级版(zblog导航网模板)

蓝色唯美星空背景的商业融资计划书PPT模板(蓝色星空文案)

中国古典图案背景PPT模板下载(古典文化ppt背景)(古典的ppt背景)

DEDECMS相关文章不相关的解决办法

标签列表

模板下载

企业

网页模板

公司

模板

网站

源码

WORD

苹果

响应式

LINUX

PYTHON

DISCUZ插件

手机

PYTHON

脚本之家

人工智能

适应

WORD文档模板

1687

会员总数(位)

198472

资源总数(个)

247

本周发布(个)

今日发布(个)

1303

稳定运行(天)

一个令你着迷的主题!

查看演示官网购买

PoweredByZ-BlogPHP172

这种灰色的ppt背景怎么用ps做出来?

这种属于低面建模风格,一般都有专门的制作工具,也有在线生成器,你搜“lowpoly在线生成器”就有,

我自己给你做了一张,大致一样

又多文字又少的PPT,如何设计才有商务风?

关于太多的PPT,这次再补充一点新的设计思维。

那么对于太多的PPT,如果你没有思路或许只能这样简单的将和文字排版一下,比如下图这种效果。

对于这种效果显然不是我们想要的,老板有时还会要求“高大上”。

是不是很苦恼,不着急,分享一些方法。

对于多的PPT,认为至少要在4张及以上,下面举个例子。

先来看一下对于4张图的PPT应该如何排版设计,才能让其有设计感!

比如下面这页PPT,这样设计的效果是不是感觉很司空见惯。

这时就需要使用其他元素对其装饰设计,比如为了让其他部位显示出来,同时增加页面的丰富度,使用这种半蒙版的方式。

为了快速完成,同时插入4个形状,然后全部选择对其统一处理,如图所示。

除此之外还可以借助图标来突出主题,同时使用形状让版式平衡,这种效果也不错。

再比如还可以改变排版的类型,使用这种横向的排版方式,同时用蒙版和图标对其装饰设计。

如果想让整体的视觉效果再好一点,将排版成下面这种效果,整体视觉就会非常丰富。

除此之外要想让视觉效果再强一点,还可以将调整为全屏的效果,一样很精彩,如图所示。

最后还可以设计成这种叠加的效果,同时再给添加阴影,也很丰富。

怎么样,对于多图的排版也是有套路的,继续!

对于5张图的排版设计,道理也是相同的,就以下面的实际例子为主。

上面这页PPT显然很单调。

这时可以将放大,同时在下方增加形状来突出文字。

这里需要注意一下,这三个间距要保持等分,这样PPT会显得更精致一点,如图所示。

除此之外还可以为其添加一个大的形状进行装饰,目的是为了保持页面的上下平衡。

再比如,借助和形状设计成这种多格的效果,要注意和形状的大小要等分。

除此之外,再换一种思维,将有色的形状变成灰色的,这种设计效果是不是也不错。

再跟大家分享一个补充的思维,什么意思呢

比如页面只有5张图,如果设计成下面这种效果,页面会给人一种缺失感。

这时可以根据内容为其添加一个形状来补充页面的不足之处,页面就会显得很饱满,如图所示。

除此之外也可以设计成这种全图的效果,页面一样很精彩,如图所示。

那么对于6张图的排版设计又该怎么做呢

举个例子,比如下面这页PPT,这样设计仍然显得不够精彩。

其实套路和方法跟之前的排版设计是一样的,比如借助图标和形状进行设计。

再比如使用大面积的形状作为背景对其衬托,再使用图标对主题点缀突出,如图所示。

除此之外,将添加蒙版,然后将图标和主题文字放在上面,也能达到想要的效果。

最后,同理设计成这种全图的效果,对其分隔排版,视觉效果也很突出,如图所示。

关于太多的PPT设计方法,就分享这么多。

更多精彩内容,下期见!

1、到各大dedecms模板站下载你需要的模板或者到官方论坛区找

2、解压下载好的模板压缩包

3、把模板文件夹 上传至你的网站\templets\ 目录内

4、登陆你的网站后台-系统-系统基本参数 -模板默认风格: 表格中修改成你上传的模板文件夹名

5、生成-更新主页HTML -选择主页模板:表格中填写你上传的模板文件夹名/indexhtm

6、点击 下方 更新主页HTML 按钮

成功~

考虑到中小型网站中Dedecms使用概率较高,今天我们特地邀请了百度站长社区版主—洪石陈来为大家做Dedecms移动适配分享。

第一步:安装Dedecms移动站点的两种方式

(1)下载新版本直接安装使用,Dedecms版本:V57SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。

(2)老版本升级(仅针对增加移动站点功能),下载最新版本(注意网站编码需与原站一致),复制压缩包中以下文件到原站对应目录下:

注意:如果原站有非默认模板,如某栏目模板为/templets/defaultst_default_newshtm,可将/templets/defaultst_default_mhtm复制一份改名为list_default_news_mhtm。

即:pc端网站模板需有对应的移动端网站模板,后者文件名为前者文件名后“_m”。

安装或升级dedecms完成,此时应该就可以进行移动跳转适配了,但,dedecms20150618版本提供的移动站点功能在使用过程中发现一些问题,需要进行修改后才可正常使用,所以有了下面的dedecms修改步骤…

第二步:修改Dedecms

(1)原站如做了将DATA移到根目录外的安全设置,需修改/m/indexphp代码:

if(!file_exists(dirname(__FILE__)'//data/commonincphp'))

{

header('Location:install/indexphp');

exit();

}

将其中//data/commonincphp改为///data/commonincphp,或直接将以上5行代码删除。

(2) 移动站点首页在会第一次访问时自动生成首页静态文件,前提是/m/目录需设置为可写权限,否则将无法正常更新。之后更新首页静态文件需登陆后台手动更新:在“更新主页HTML”中将“选择主页模板”改为“default/index_mhtm”,将“主页位置”改为“/m/indexhtml”,再生成主页静态文件。

注:该版本号称“自动生成HTML版”,但默认移动站模板里却有<ahref="indexphp">的动态首页链接,需替换为<ahref="indexhtml">静态链接形式。

※如觉得使用静态页面麻烦,想将首页设置为动态浏览,可修改/m/indexphp:

$row['showmod']= isset($row['showmod']) $row['showmod'] : 0;

if ($row['showmod'] == 1)

{

$pv->SaveToHtml(dirname(__FILE__)'/indexhtml');

include(dirname(__FILE__)'/indexhtml');

exit();

}

else {

$pv->Display();

exit();

}

以上代码替换为一行:$pv->Display();

第三步:首页“图文资讯”部分的url为pc端链接,修改为移动端链接:

搜索模板/templets/default/index_mhtm中所有<a href="[field:arcurl/]"> ,替换为<ahref="viewphpaid=[field:id/]">

第四步:通用头部含有搜索框,搜索跳转至pc端搜索页面,建议删除:

在/templets/default/header_mhtm中删除以下代码:

<form class="am-topbar-form am-topbar-leftam-form-inline am-topbar-right" role="search"action="{dede:globalcfg_cmsurl/}/plus/searchphp">

<input type="hidden" name="mobile"value="1" />

<input type="hidden" name="kwtype"value="0" />

<div class="am-form-group">

<input name="q" type="text"class="am-form-field am-input-sm" placeholder="输入关键词">

</div>

<button type="submit" class="am-btnam-btn-default am-btn-sm">搜索</button>

</form>

第五步: 移动站点默认使用二级目录,但目前移动适配需要使用二级域名(前段时间是可以使用二级目录的,但目前已调整,不能再提交二级目录),所以我们要设置移动站可通过二级域名访问,解析二级域名至网站所在服务器ip,并在服务器/空间上将二级域名绑定到/m/目录。

成功设置二级域名后,通过二级域名浏览网站会发现均无法显示,原因是路径有误——路径为“/uploads/x/yjpg”

相对根目录路径形式,在pc站页面中显示正常,因为pc站域名下存在该目录,而二级域名绑定的是二级目录,其中并不存在该目录,

所以访问会返回 404错误。对此,有多种解决方案,下面提供两个思路(示例pc站:wwwnt090com;移动站:mnt090com):

(1)URL 重写(推荐)

将对http://mnt090com/uploads/的访问重写 至http://wwwnt090com/uploads/,apache环境下,在/m/目录中的htaccess(如无则需新建)中增加以下代码即可:

RewriteEngine on

RewriteCond %{http_host} ^mnt090com [NC]

RewriteRule ^uploads/()$ http://wwwnt090com/uploads/$1 [L]

iis环境下类似规则。

(2)修改模板路径

在所有移动端模板中的<head></head>中增加:

<base href="http://wwwnt090com" />

再将代码中的

“<a href="listphp”改为完整路径“<a href="http://mnt090com/listphp”

“<a href="viewphp”改为完整路径“<a href="http://mnt090com/viewphp”

另:需将根目录下的/images/defaultpicgif(缩略图默认)复制到/m/目录下,否则列表页中如存在无缩略图的文章,对应缩略图位置会无法正常显示。

其他:

1、如有栏目不想在首页下方列表区域或通用头部显示,可在后台对应的栏目管理/常规选项中设置隐藏。

2、为了更好的实现pc端和移动端匹配效果,可在pc端模板增加类似如下代码:

首页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

栏目页

<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

文章页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') !=-1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

代码中的{dede:globalcfg_mobileurl/}部分要替换为包含“http://”的二级域名(即:http://mnt090com),如不想修改模板里的相关代码,也可修改/include/commonincphp中的$cfg_mobileurl变量赋值为二级域名。

以上代码为dedecms新版模板所使用,第一行<meta>标签代码为百度发现跳转适配关系的方式(可同时使用)之一——“Meta标记”,下面几行javascript代码的功能是识别是否移动端设备访问,如是则将当前pc端页面自动跳转到匹配的移动端页面。

另外,还可使用<link>标签以便于百度更好地发现PC站和移动站的移动适配关系,在模板的<head></head>标签内加入如下代码:

PC站首页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://mnt090com" >

PC站栏目页模板:

<link rel="alternate" media="only screen and(max-width: 640px)"href="http://mnt090com/listphptid={dede:fieldid/}" >

PC站文章页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://mnt090com/viewphpaid={dede:fieldid/}">

移动站首页模板:

<link rel="canonical"href="http://wwwnt090com/ "/>

栏目页模板:

<link rel="canonical"href="http://wwwnt090com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>

文章页模板:

<link rel="canonical"href="http://wwwnt090com/{dede:fieldidrunphp='yes'}$id=@me;@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:fieldid}"/>

至此,移动站架设基本成型。

提交移动跳转适配

URL对应关系示例:

对于大多数想做网站的朋友来说,做网站首先想到的就是下载cms系统来做,但是cms系统很多,怎么选择呢根据百度权重和指数(反映用户数量)排名,下面收集国内最知名的几个cms建站系统。

一、PageAdmin

PageAdmin和动易、dede一样都是国内很老牌的cms系统,要明确分出谁好谁坏没有什么意义,每个系统都有自己的特点,pageadmin一向以高扩展,灵活性著称,在dedecms和phpcms的团队陆续解散,动易放弃免费用户后,pageadmin目前已是国内用户最多的cms系统,尤其在当前安全性要求很高的环境下,pageadmin载企业市场这块占据很大的份额。

二、帝国CMS

帝国cms以功能齐全而闻名,其他cms有的功能,帝国cms基本上都有,唯一缺陷是后台的体验比较差,界面还是10年前的,前台默认模板还是table,td结构。由于功能的齐全,主要用于资讯平台类网站的搭建,负载和扩展也是可圈可点,安全性也不错。

三、DEDECMS

DEDECMS从一开始就免费使用的策略上将用户量做到了最大,同时DEDECMS也是媒体曝光率最高的一家CMS,但创始人IT柏拉图离开后,DEDECMS几乎没有任何更新了,新的团队目前基本已经不打算维护,dedecms差不多5年没有更新过,安全性一直是诟病。如何如何解决系统的安全问题,只能看使用者的二次开发能力。

四、PHPCMS

在传世人淡淡风黯然离去时,很多的站长都在问失去了钟胜辉的PHPCMS还有多少价值,phpcms被酷六团队收购后,基本已经被边缘化,目前和dedecms一样处于无团队维护的地步。

五、动易

动易曾经是中国CMS行业的领跑者,中国的站长估计无人不知动易,动易系统模块很多,功能非常强大,但是动易因DLL的限制和系统的稳定性差,使得免费版差不多成鸡肋,随着其他cms的飞速发展,动易的用户量迅速下降。

目前动易主要专注于商业市场,动不动一个网站就是10几万,所以对于普通站长来说,动易已经不在选择中。

六、JTBC

在整个CMS行业里,JTBC提供的技术版本是最牛的,JTBC提供ASP版、PHP版和NET版下载,这样给用户的选择余地比较大,并且采取了“语言/代码/程序”两两分离的技术模式,纳入了模块安装文件的概念,全面的使用了模板包与语言包结构,极大的提升了二次开发的便利,但是JTBC从2004年做到现在,用户量依然还很小。

建站建站系统

做模版文件只需要修改以下几个文件就可以了

indexhtm、list_articlehtm、article_articlehtm文件

修改好后,把templets--->default中的文件覆盖掉就可以了

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 商务风背景-又多文字又少的PPT,如何设计才有商务风?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情