Hogyan készítsünk egy egyszerű dinamikus weboldal php

Jó napot kívánok.

Kezdjük azzal, hogy hagyja, hogy megértsük a különbség a statikus és dinamikus weboldal. Statikus weboldal gyűjteménye HTML oldalak befejezése újracsatolása egymást. Ie Mindegyik HTML fájlt egy statikus oldalon van ilyen egység, mint a „sapka”, „Basement” menü dobozok, képek, háttérképek, stb Ez nagymértékben növeli a súlyát a helyszínen, és a szerkesztés kényelmetlen hely. Ie Ha meg akarjuk változtatni a címet a helyén, akkor mi is van ez a webhely összes fájlt. Ez vonatkozik a beiktatása számlálók vagy további címkék varifikatsii. Általában, egy három oldalas névjegykártyák és így fog tenni, és ha több oldalt? Ha ez Infoportal több száz oldalt? Röviden, kényelmetlen.

Dinamikus oldalon. A legegyszerűbb formájában egy fájlt (általában index.php), amely a fent említett építőelemek ( „kalap”, „Basement” menüben dobozok, képek, háttérképek, stb), és a térségen helyezze tartalom bele. Ie Nagyjából elmondható, hogy attól függően, hogy, amit mi megnyomta a menü linkre a „előírt terület beszúrni” betöltve egy adott tartalmat. Loaded tartalom tárolható adatbázisban, vagy a helyszínen fájlokat. Ebben a cikkben lesz szó, hogyan lehet egy dinamikus weboldal „a fájlokat.” Ez a módszer alkalmas a kis oldalak néhány látogató.

Azonnal definiáljuk a szerkezet a helyszínen. Legyen egy két hasábos elrendezés egy fejléc, és a „pince”. Nézzük a képet.

Hogyan készítsünk egy egyszerű weboldal

Kezdeni, hogy a fő index.php. amely aztán dinamikusan betölteni tartalmat.

A stílus fájl a következőképpen néz ki:

Most már csak akkor tud a tartalmat fájlokat és elhelyezni őket az oldalain. A fájlnevek ebben az esetben meg kell egyeznie a változó oldalon. átadjuk a index.php feldolgozásra. Nos, csak a kiterjesztése .php. Amikor létrehoz egy utat, hogy a fejléc fájlokat, akkor "add a" kiterjesztés (include ( 'oldalak /' $ page '.php'); ..).

Hogy egy példát a megértés contact.php file:

Mint látható, ez a fájl lehet semmilyen tárgy html-kódba (fejezetek, bekezdések, képek, tartályok, asztalok, Java script, sőt PHP scriptek).

Hogyan működik ez?

A menüpontok (vonalak 22-26), akkor a href attribútum értéke a változó oldalon. és add, hogy metedom GET script index.php.

Az első dolog, hogy ellenőrzi a változó értékét oldal array $ _GET. Ha a változó nincs definiálva (! Isset), kénytelenek vagyunk rendelni változó $ oldalértéket fő. amely megfelel a honlapon. Ha a változó meghatározott oldalt, azaz a mentünk egy linket (kivéve a „Home”), akkor rendelje hozzá a változó értéke $ oldalt. pre-elszámolási törmeléket egy lehetséges (addslashes (strip_tags (trim ())) ;.). Aztán ott van „rajz” html-jelölést, és script sorban 31 „vtavlyaet” a fájl tartalmát, akinek a neve szerepel a változó $ oldalon (include ( „oldalak /'.$ oldalt.”. Php „));.

Egy kis módosítással.

Ahogy talán már észre, ha megy a másik oldalt nem változtak, vagy az oldal címét, vagy meta-adatokat. Nézzük erősít ez.

Ahhoz, hogy ez kiadási html-jelölés betét php-design:

Ez a szerkezet határozza meg a változók értékét $ title. $ Meta_d és $ meta_kw függően változó értéke $ oldalt. Ezután a e változók értékeit, a „Beillesztés” a megfelelő címkéket ( és <meta> ) blokk <head> a jelölést. Lesz beszúrni egy sort Hogyan készítsünk egy egyszerű dinamikus weboldal php . Ennek eredményeként az index.php a következő alakban:</p> <p>Talán az összes. A következő cikkben fogok beszélni, hogyan lehet egy dinamikus weboldal segítségével MySQL.</p> <hr> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/hogyan-lehet-megtanulni-hogy-csinal-egy-szaltot-3.html">Hogyan lehet megtanulni, hogy csinál egy szaltót előre és hátra</a></li> <li><a href="/articles/miert-faj-farokcsontom.html">Miért fáj farokcsontom</a></li> <li><a href="/articles/tavoli-hozzaferes-a-szamltogephez.html">Távoli hozzáférés a számítógéphez</a></li> <li><a href="/articles/mit-nezzunk-2.html">Mit nézzünk 2</a></li> <li><a href="/articles/az-arak-eltavolltasara-fibroadenomakban-moszkvaban.html">Az árak eltávolítására fibroadenómákban Moszkvában</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/fujt-ful-kezelesere-otthon.html">Fújt fül kezelésére otthon</a></li> <li><a href="/articles/miert-van-egy-arany-gyurut-megfeketedett-ujjaival.html">Miért van egy arany gyűrűt megfeketedett ujjaival, a jele - nő s nap</a></li> <li><a href="/articles/hogyan-erosltheto-a-hajhagymak.html">Hogyan erősíthető a hajhagymák</a></li> <li><a href="/articles/cikket-hogyan-kell-kommunikalni-a-gyermek.html">Cikket, hogyan kell kommunikálni a gyermek, ingyenesen letölthető, szociális munkások hálózat</a></li> <li><a href="/articles/mint-onallo-frissltes-a-nokia-belle.html">Mint önálló-frissítés a Nokia Belle</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Minden jog fenntartva</p> </div> </footer> </div> <style> #cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden} </style> <div id="cookieNoticeOverlay"> <div id="cookieNoticeBox" role="dialog" aria-modal="true"> <h2>Cookie-k az oldalon</h2> <p>Cookie-kat használunk a webhely megfelelő működéséhez és a szolgáltatás javításához.</p> </div> </div> <script> (function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}} function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}} if(getAcceptedUntil()>now){return} var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return} function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')} function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')} okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return} var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})() </script></body> </html>