집 > 기사 > 백엔드 개발 > phpcms v9 템플릿 제작 튜토리얼(2)

phpcms v9 템플릿 제작 튜토리얼(2)

黄舟원래의: 2016-12-30 10:45:251445검색

오늘은 v9 템플릿 제작 두 번째 강의를 시작하겠습니다

1. 먼저 홈페이지 템플릿 index.html을 수정합니다

수정하기 전에 v9의 작업 모드를 소개하겠습니다. , v9 및 그 phpcms 2008의 전신은 "태그 호출 머리 + 홈 페이지 부분 + 태그 호출 하단"과 같습니다

그러므로 처음부터 순서를 따르십시오

첫 번째 단계는 여는 것입니다. ehard.html

이제 header.html의 구조 분석을 시작합니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

上面是W3C网页标准

<head>

<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />{CHARSET}" =字符集 （gbk或者utf-8）

<meta http-equiv="X-UA-Compatible" content="IE=7" />

<title>{if isset($SEO[&#39;title&#39;]) && !empty($SEO[&#39;title&#39;])}{$SEO[&#39;title&#39;]}{/if}{$SEO[&#39;site_title&#39;]}</title>

判断语句 翻译：如果设置了标题并且标题不为空，则显示标题，否则显示网站名称

<meta name="keywords" content="{$SEO[&#39;keyword&#39;]}">

<meta name="description" content="{$SEO[&#39;description&#39;]}">

<link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />

<link href="{CSS_PATH}default_blue.css" rel="stylesheet" type="text/css" />

上面2行是外部css的调用{CSS_PATH}

<script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>

<script type="text/javascript" src="{JS_PATH}jquery.sGallery.js"></script>

<script type="text/javascript" src="{JS_PATH}search_common.js"></script>

上面3行是网页的js调用

</head>

<body>

<div class="body-top">

<div class="content">

{pc:content action="position" posid="9" order="id" num="10" cache="3600"}

<div id="announ">

<ul>

{loop $data $k $v}

<li><a href="{$v[url]}">{$v[title]}</a></li>

{/loop}

</ul>

</div>

{/pc}

<script type="text/javascript">

$(function(){

startmarquee(&#39;announ&#39;,22,1,500,3000);

})

</script>

<div class="login lh24 blue"><a href="{APP_PATH}index.php?m=content&c=rss&siteid={get_siteid()}" 
class="rss ib">rss</a><span class="rt"><script type="text/javascript">document.write
(&#39;<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward=&#39;+encodeURIComponent(location.href)+&#39;&siteid={get_siteid()}"
allowTransparency="true" width="300" height="24" frameborder="0" scrolling="no"></iframe>&#39;)</script></span></div>

</div>

</div>

<div class="header">

<div class="logo"><a href="/"><img src="{IMG_PATH}v9/logo.jpg" /></a></div>

下面是搜索部分

<div class="search">

<div class="tab" id="search">

{php $j=0}

{php $search_model = getcache(&#39;search_model_&#39;.$siteid, &#39;search&#39;);}

{loop $search_model $k=>$v}

{php $j++;}

<a href="javascript:;" style="outline:medium none;" hidefocus="true" {if $j==1 && $typeid=$v[&#39;typeid&#39;]} 
class="on" {/if}>{$v[&#39;name&#39;]}</a>{if $j != count($search_model)}<span> | </span>{/if}

{/loop}

{php unset($j);}

</div> <div class="bd">

<form action="{APP_PATH}index.php" method="get" target="_blank">

<input type="hidden" name="m" value="search"/>

<input type="hidden" name="c" value="index"/>

<input type="hidden" name="a" value="init"/>

<input type="hidden" name="typeid" value="{$typeid}" id="typeid"/>

<input type="hidden" name="siteid" value="{$siteid}" id="siteid"/>

<input type="text" class="text" name="q" id="q"/><input type="submit" value="搜 索" class="button" />

</form>

</div>

</div>

搜索部分结束

<div class="banner"><script language="javascript" src="{APP_PATH}index.php?m=poster&c=index&a=show_poster&id=1"></script></div>

<div class="bk3"></div>

<div class="nav-bar">

<map>

{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}

<ul class="nav-site">

<li><a href="{siteurl($siteid)}"><span>首页</span></a></li>

{loop $data $r}

<li class="line">|</li>

<li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li>

{/loop}

</ul>

{/pc}

</map>

</div>

{if $top_parentid}

<div class="subnav">

{pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}

{loop $data $r}

<a href="{$r[url]}">{$r[catname]}</a><span> | </span>

{/loop}

{/pc}

{if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if}

</div>

{/if}

</div>

오페라 브라우저를 다운로드하는 것이 좋습니다. 페이지 요소를 확인하는 기능이 훌륭합니다!

다음편은 본편으로 이어집니다

위 내용은 phpcms v9 템플릿 제작 튜토리얼(2)의 내용이며, 더 많은 관련 내용은 PHP 중국어 홈페이지를 참고해주세요. (www.php.cn)!

성명：

이전 기사：phpcms v9 템플릿 제작 튜토리얼(1)다음 기사：phpcms v9 템플릿 제작 튜토리얼(1)

phpcms v9 템플릿 제작 튜토리얼(2)

관련 기사