Aujourd'hui, nous allons commencer la deuxième leçon sur la production de modèles v9
1. Modifiez d'abord le modèle de page d'accueil index.html
Avant de modifier, je vais vous présenter le mode de fonctionnement de la v9. , v9 et son Le prédécesseur de phpcms 2008 est le même "La balise appelle la tête, la page d'accueil, la partie et les balises appellent le bas"
Suivez donc l'ordre depuis le début
La première étape est d'ouvrir entendu.html
Nous commençons maintenant à analyser la structure de 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['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title> 判断语句 翻译:如果设置了标题并且标题不为空,则显示标题,否则显示网站名称 <meta name="keywords" content="{$SEO['keyword']}"> <meta name="description" content="{$SEO['description']}"> <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('announ',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 ('<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid={get_siteid()}" allowTransparency="true" width="300" height="24" frameborder="0" scrolling="no"></iframe>')</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('search_model_'.$siteid, 'search');} {loop $search_model $k=>$v} {php $j++;} <a href="javascript:;" style="outline:medium none;" hidefocus="true" {if $j==1 && $typeid=$v['typeid']} class="on" {/if}>{$v['name']}</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>
Il est recommandé de télécharger le navigateur Opera. Sa fonction d'inspection des éléments de la page est géniale. !
La section suivante continuera avec la partie principale
Ce qui précède est le contenu du didacticiel de production de modèles phpcms v9 (2). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois. (www.php.cn) !