zoukankan      html  css  js  c++  java
  • 添加ASPCMS模板的步骤

    添加ASPCMS模板的步骤:

    总的目标就是,将下载的模板修改成ASPCMS默认模板的格式。

    1.将下载的模板文件夹放入template文件夹中。

    2.在模板中新建一个文件夹html,将模板的html文件全部放入该文件夹中。

    3.复制默认模板两个的两个文件到新模板中。

    image

    4.修正所有网页中对css文件夹、img文件夹、js文件夹路径的引用:

    用dreamweaver新建一个站点,选择上面新建的html文件夹;

    查找“css/”;

    全部替换成“{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css”;

    继续查找“img/”,“/js”执行类似操作。

    如图image
    5.修改编码方式

    image
    6.在网页中嵌入aspcms标签
    示例1.如图可以将网站标题换成后台的标题。image
    示例2.替换导航栏(有的标签引用一个网页)
    默认模板的标题栏标签在head.html文件中,找到该文件打开,

    image

    用红线中的标签替换新模板的导航栏列表,替换掉图中新模板原先的内容

    image

    原先的导航栏

    imageimage

    替换后

    image

    image
    7.自己编辑一个后台标签
    另外可以编辑一个标签的内容然后,在新模板中引用
    比如{aspcms:top}标签,引用当前模板中一个head.html文件,将该文件中的内容插入到网页中。
    步骤1:右击新模板的网页文件站点中,新建一个head.html文件,清空内容;

    image
    步骤2.将以下内容放入head.html网页中

    <header id="header">
          <div class="container">
            <h1 class="navbar-brand navbar-brand_"><a href="index.html"><img alt="Grill point" src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/logo.png"></a></h1>
          </div>
          <div class="menuheader">
              <div class="container">
                <nav class="navbar navbar-default navbar-static-top tm_navbar" role="navigation">
                    <ul class="nav sf-menu">
                      <li class="active"><a href="index.html">home</a>
                        <ul>
                          <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/arrowup.png" alt=""><a href="#">info</a></li>
                          <li><a href="#">profile</a></li>
                          <li><a class="last" href="#">news</a>
                            <ul>
                               <li><a href="#">fresh</a></li>
                               <li><a class="last" href="#">archive</a></li>                      
                            </ul>
                          </li>
                        </ul>
                      </li>
                      {aspcms:navlist}
                <LI class="menu-item" id=menu-item-382><A href="[navlist:link]">[navlist:name]</A>
                   {if:[navlist:subcount]>0}
                    <UL class=sub-menu>
                    {aspcms:1navlist type=[navlist:sortid]}
                    <LI class="menu-item " id=menu-item-376><A href="[1navlist:link]">[1navlist:name] <br />[1navlist:enname] </A></LI>
                    {/aspcms:1navlist}
                    </UL>
                    {end if}
                </LI>
            {/aspcms:navlist}
                    </ul>
                </nav>
              </div>
          </div>
    </header>

    在首页中使用{aspcms:top},相当于引用了head.html网页中所有的内容。

    这样,可以让网页看起来更有条理性。

  • 相关阅读:
    Mybatis一级缓存和二级缓存总结
    UML模型的基本概念
    Proxy patten 代理模式
    UML 基础:类图
    Java与UML交互图
    Composite Pattern (组合模式)
    用例建模指南
    Prototype Pattern(原型模式)
    Adapter Pattern(适配器模式)
    UML 类与类之间的关系
  • 原文地址:https://www.cnblogs.com/wllhq/p/4508598.html
Copyright © 2011-2022 走看看