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 . 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> </div> <div class="extra"> <div class="info"><a href="/articles/kototu-ruhak-sundresses-tunikak-szoknyak-blog.html">előző</a> ◈ <a href="/articles/az-elso-vonat-a-vilagon-a-projekt-blog.html">a következő</a></div> <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="heading"><h4 class="title">Menu</h4></div> <div class="content"> <a href="/tags/a.html" class="tag-links" title="313" style="font-size: 18pt;">a</a> <a href="/tags/a-kornyezet.html" class="tag-links" title="164" style="font-size: 13pt;">a környezet</a> <a href="/tags/absztrakt.html" class="tag-links" title="148" style="font-size: 13pt;">absztrakt</a> <a href="/tags/arc.html" class="tag-links" title="119" style="font-size: 12pt;">arc</a> <a href="/tags/auto.html" class="tag-links" title="121" style="font-size: 12pt;">autó</a> <a href="/tags/azok.html" class="tag-links" title="109" style="font-size: 12pt;">azok</a> <a href="/tags/csirke.html" class="tag-links" title="126" style="font-size: 12pt;">csirke</a> <a href="/tags/dieta.html" class="tag-links" title="93" style="font-size: 11pt;">diéta</a> <a href="/tags/eskuvo.html" class="tag-links" title="236" style="font-size: 16pt;">esküvő</a> <a href="/tags/festek.html" class="tag-links" title="140" style="font-size: 13pt;">festék</a> <a href="/tags/foto.html" class="tag-links" title="273" style="font-size: 17pt;">fotó</a> <a href="/tags/fotok.html" class="tag-links" title="127" style="font-size: 12pt;">fotók</a> <a href="/tags/ferfi.html" class="tag-links" title="107" style="font-size: 11pt;">férfi</a> <a href="/tags/gyermek.html" class="tag-links" title="181" style="font-size: 14pt;">gyermek</a> <a href="/tags/haj.html" class="tag-links" title="183" style="font-size: 14pt;">haj</a> <a href="/tags/hogy.html" class="tag-links" title="166" style="font-size: 13pt;">hogy</a> <a href="/tags/haz.html" class="tag-links" title="100" style="font-size: 11pt;">ház</a> <a href="/tags/ingyen.html" class="tag-links" title="125" style="font-size: 12pt;">ingyen</a> <a href="/tags/ingyenes.html" class="tag-links" title="92" style="font-size: 11pt;">ingyenes</a> <a href="/tags/internet.html" class="tag-links" title="109" style="font-size: 12pt;">internet</a> <a href="/tags/jobb.html" class="tag-links" title="106" style="font-size: 11pt;">jobb</a> <a href="/tags/kezek.html" class="tag-links" title="222" style="font-size: 15pt;">kezek</a> <a href="/tags/kezeles.html" class="tag-links" title="140" style="font-size: 13pt;">kezelés</a> <a href="/tags/kutya.html" class="tag-links" title="97" style="font-size: 11pt;">kutya</a> <a href="/tags/kez.html" class="tag-links" title="312" style="font-size: 18pt;">kéz</a> <a href="/tags/kezikonyvek.html" class="tag-links" title="95" style="font-size: 11pt;">kézikönyvek</a> <a href="/tags/kornyezet.html" class="tag-links" title="96" style="font-size: 11pt;">környezet</a> <a href="/tags/macska.html" class="tag-links" title="126" style="font-size: 12pt;">macska</a> <a href="/tags/macskak.html" class="tag-links" title="113" style="font-size: 12pt;">macskák</a> <a href="/tags/miert.html" class="tag-links" title="129" style="font-size: 12pt;">miért</a> <a href="/tags/munka.html" class="tag-links" title="104" style="font-size: 11pt;">munka</a> <a href="/tags/otthon.html" class="tag-links" title="491" style="font-size: 24pt;">otthon</a> <a href="/tags/paradicsom.html" class="tag-links" title="90" style="font-size: 11pt;">paradicsom</a> <a href="/tags/recept.html" class="tag-links" title="133" style="font-size: 12pt;">recept</a> <a href="/tags/receptek.html" class="tag-links" title="218" style="font-size: 15pt;">receptek</a> <a href="/tags/shkolopediya-eloadas.html" class="tag-links" title="140" style="font-size: 13pt;">shkolopediya előadás</a> <a href="/tags/studopediya.html" class="tag-links" title="145" style="font-size: 13pt;">studopediya</a> <a href="/tags/szakacs.html" class="tag-links" title="105" style="font-size: 11pt;">szakács</a> <a href="/tags/szerelem.html" class="tag-links" title="96" style="font-size: 11pt;">szerelem</a> <a href="/tags/szamltogep.html" class="tag-links" title="93" style="font-size: 11pt;">számítógép</a> <a href="/tags/terhesseg.html" class="tag-links" title="128" style="font-size: 12pt;">terhesség</a> <a href="/tags/otletek.html" class="tag-links" title="117" style="font-size: 12pt;">ötletek</a> <a href="/tags/utmutato.html" class="tag-links" title="178" style="font-size: 14pt;">útmutató</a> <a href="/tags/o.html" class="tag-links" title="134" style="font-size: 12pt;">ő</a> </div> </div> <div class="box"> <div class="content"> <div class="box"> <div class="content"> </div> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Cikk címkék</h4></div> <div class="content"> <a href="/tags/hogyan-lehet-egy-egyszeru-weboldal.html">hogyan lehet egy egyszerű weboldal</a>, <a href="/tags/dinamikus-weboldal.html">dinamikus weboldal</a>, <a href="/tags/hogy-egy-dinamikus-oldal.html">hogy egy dinamikus oldal</a>, <a href="/tags/azok-az-oldalak-oldalon-menudobozokat-kepek.html">azok az oldalak oldalon menüdobozokat képek</a> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <script> new Image().src = "https://counter.yadro.ru/hit;blogotirni?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </div> </footer></div> </body> </html>