最新公告
  • 欢迎您光临仿站吧 帝国CMS模板一站式建站供应平台 . 欢迎加入VIP
  • 博客园:Ecms如何使用静态页面?

    正文概述 仿站吧   2023-01-31 06:45:14  

    一、什么是静态页面 ?

    静态页面,即静态网页,是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间,且不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改(通过fso等技术例外)。常见的静态页面举例:.html扩展名的。在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。

    二、静态页面有什么好处?

    静态页面是指标准HTML格式的网页,它的文件扩展名是.htm、.html。早期的网站一般都是由静态网页制作的。很对人对静态页面有一些误解,其实它也可以展现动态的效果,比如GIF格式的动画、Flash、滚动字幕等。静态网页常与动态网页相对应,常见的动态网页常以.aspx.asp、.jsp、.php、.perl等形式为后缀。

    静态页面没有后台数据库,不含程序,在交互功能上也有一些缺陷,比较适用于更新较少的展示型网站。但这种格式网页的内容相对稳定,容易被搜索引擎检索。另外,静态页面减轻了Server的负担,降低了数据库的成本,在页面加载速度方面也有着动态页面不可比拟的优势。

    所以如果网站上有不少必要的动态页面,又希望能够充分发挥网站对搜索引擎的友好,我们可以进行伪静态设置。伪静态是相对于真实静态来说的,改变网站URL的表现形式,其实质还是动态页面。

    三、帝国cms 如何使用静态页面?

    一般模板下载站,包括我的网站,所说的静态页面模板,指的是html页面。一个不需要后台,不需要数据库就能预览的页面。例如,纯文字《时尚黑》这个博客模板,html代码是这样的:

    <header>
    
    <div class="logo"><a href="http://www.yangqq.com">杨青个人博客</a></div>
    
    <nav>
    
    <ul id="starlist">
    
    <li><a href="index.html">网站首页</a></li>
    
    <li><a href="about.html">关于我</a></li>
    
    <li><a href="list.html">博客日记</a></li>
    
    <li><a href="info.html">慢生活</a></li>
    
    <li><a href="time.html">时间轴</a></li>
    
    <li><a href="time.html">时间轴</a></li>
    
    </ul>
    
    </nav>
    
    </header>

    我们要把他们从数据库里面调用出来,套用帝国cms写法是这样的:

    <header>
    <div class="logo"><a href="[!--news.url--]">杨青个人博客</a></div>    //////////   [!--news.url--] 是网站地址
    <nav>
    <ul id="starlist">
    <li><a href="[!--news.url--]">网站首页</a></li>
    [listshowclass]'0',12,0,0[/listshowclass]          //////////  循环栏目导航标签 (listshowclass)   '0'为显示所有一级栏目,12是标签模板
    </ul>
    </nav>

    ID 12的标签模板 这样写

     页面模板内容(*)
    [!--empirenews.listtemp--]
    
    [!--empirenews.listtemp--]

    原理大概是这样的,现在我们实际操作一个页面,比如纯文字《时尚黑》模板,安装好帝国cms后,到FTP根目录,找到skin文件夹,再新建一个wenzi文件夹,将时尚黑的内容全部上传到wenzi文件夹。

    image.png

    修改首页模板

    复制index.html所有代码,粘贴到首页模板

    image.png

    保存一下,再刷新首页,你会发现css的路径是不对的,所以要修改路径 

    [!--news.url--]skin/wenzi/

    网站名称,关键字词,也都要替换成标签

     类似下面这样的标题应该怎么调用呢?

    <ul class="newsli">
    <li><a href="#" target="_blank" title="个人博客,属于我的小世界!">个人博客,属于我的小世界!</a></li>
    <li><a href="#" target="_blank" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?">作为一个设计师,如果遭到质疑你是否能恪守自己的原则</a></li>
    <li><a href="#" target="_blank" title="Come on,行动起来吧!我们和时间来一场赛跑!">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
    <li><a href="#" target="_blank" title="或许换一个活法,能让你走出阴霾">或许换一个活法,能让你走出阴霾</a></li>
    <li><a href="#" target="_blank" title="即便是坑,我也想要拉你入伙!">即便是坑,我也想要拉你入伙!</a></li>
    <li><a href="#" target="_blank" title="女程序员职业生涯该如何发展?">女程序员职业生涯该如何发展?</a></li>
    </ul>

    灵动标签调用

    [e:loop={"select * from [!db.pre!]ecms_news order by id desc",0,24,0}]" title="" target="_blank" _href="">[/e:loop]

    万能模板标签调用

    [ecmsinfo]'news',6,0,1,0,14,1,0,0[/ecmsinfo]   其中14就是标签模板ID



    仿站吧,一个优质的源码资源平台!
    仿站吧 » 博客园:Ecms如何使用静态页面?