Cum sa faci un site web simplu dinamic în php

Bună ziua.

Pentru început, să ne înțelegem diferența dintre site-ul static și dinamic. site-ul static este o colecție de pagini HTML completate, relegarea reciproc. Ie Fiecare fișier html într-un site static, există unități, cum ar fi „cap“, „subsol“, casetele de meniu, imagini, imagini de fundal, etc. Acest lucru crește foarte mult greutatea site-ului și face editarea site-ul incomod. Ie dacă vrem să schimbe titlul site-ului, atunci îl avem în toate fișierele site-ului. Acest lucru se aplică și la introducerea de contoare sau etichete suplimentare varifikatsii. În general, pentru o carduri de trei pagini de afaceri și așa va face și în cazul în care mai multe pagini? Dacă această Infoportal cu sute de pagini? Pe scurt, inconfortabil.







site dinamic. în forma sa cea mai simplă este un singur fișier (de obicei index.php), care are blocurile de construcție menționate mai sus ( „pălărie“, „subsol“ cutii de meniu, poze, imagini de fundal, etc), și zona prevăzută inserați conținut în ea. Ie Aproximativ vorbind, în funcție de faptul dacă, pentru ceea ce am apăsat pe link-ul de meniu din „zona prescrisă pentru a insera“ încărcat un anumit conținut. Conținutul a fost încărcat pot fi stocate în baza de date sau în fișierele site-ului. In acest articol voi discuta modul de a face un site dinamic „pe fișiere.“ Această metodă este adecvată pentru site-uri mici, cu puțini vizitatori.

lasa Imediat ne definim structura site-ului. Să fie un aspect cu două coloane, cu un antet, și „pivniță“. Ne uităm la imagine.

Cum sa faci un site web simplu






Pentru a începe să facă fișierul principal index.php. care apoi se va încărca dinamic de conținut.

Fișierul stil va arăta în felul următor:

Acum putem face doar fișierele de conținut și puneți-le în paginile. Numele de fișiere în acest caz, trebuie să se potrivească cu pagina variabilă. vom trece fișierul index.php pentru procesare. Ei bine, numai cu extensia .php. Când creați o cale către fișierele antet, am „adăugați“ extensia (includ ( „pagini /“ pagina $ „.php“); ..).

Pentru a da un exemplu de fișier contact.php înțelegere:

După cum puteți vedea, acest fișier poate fi localizat orice obiecte HTML-markup (titluri, paragrafe, imagini, containere, tabele, scripturi Java și chiar scripturi PHP).

Cum funcționează?

Elementele de meniu (liniile 22 - 26), noi în atributul href specifică valoarea paginii variabile. și să treacă că metedom GET script index.php.

Primul lucru pe care-l verifică valoarea variabilei paginii array $ _GET. În cazul în care variabila nu este definită (! Isset), suntem obligați să atribuie variabilei $ valoare pagina principală. care corespunde la pagina de start. Dacă pagina variabilă definită, și anume am mers pe un link (altele decât „Acasă“), am valoarea paginii $ variabilă atribuie. pre-compensare resturile de posibile (addslashes (strip_tags (tăiați ())) ;.). Apoi, există „desen“ html-marcare și script în linia 31 „vtavlyaet“ conținutul fișierului, al cărui nume este conținut în pagina de $ variabila (includ ( „pagini /'.$ pagina.“ PHP).);.

O mică modificare.

După cum probabil ați observat, atunci când te duci la alte pagini care nu s-au schimbat sau titlul paginii sau meta-date. Trebuie să reparăm asta.

Pentru ca acest lucru să-ieșire de marcare HTML insert php-design:

Această structură determină valorile titlului variabilelor $. $ Meta_d și $ meta_kw în funcție de valoarea paginii $ variabila. Apoi, valorile acestor variabile, „Paste“ în etichetele corespunzătoare ( și <meta> ) bloc <head> marcajul nostru. Va insera o linie . Ca urmare, fișierul index.php ia forma următoare:</p> <p>Poate că toți. În următorul articol voi discuta modul de a face un site dinamic folosind MySQL.</p> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> </div> <div class="extra"> <div class="info"><a href="/articles/cum-de-a-trage-capusa-in-metodele-de-acasa-sigure.html">anterior</a> ◈ <a href="/articles/cum-de-a-da-admin-sampo-cum-sa-se-inregistreze.html">următoarea</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">Meniu</h4></div> <div class="content"> <a href="/tags/windows.html" class="tag-links" title="57" style="font-size: 12pt;">Windows</a> <a href="/tags/abstract.html" class="tag-links" title="68" style="font-size: 13pt;">abstract</a> <a href="/tags/acasa.html" class="tag-links" title="226" style="font-size: 24pt;">acasă</a> <a href="/tags/care.html" class="tag-links" title="77" style="font-size: 13pt;">care</a> <a href="/tags/care-este.html" class="tag-links" title="72" style="font-size: 13pt;">care este</a> <a href="/tags/cauze.html" class="tag-links" title="99" style="font-size: 15pt;">cauze</a> <a href="/tags/ceea-ce.html" class="tag-links" title="69" style="font-size: 13pt;">ceea ce</a> <a href="/tags/comentarii.html" class="tag-links" title="83" style="font-size: 14pt;">comentarii</a> <a href="/tags/copii.html" class="tag-links" title="98" style="font-size: 15pt;">copii</a> <a href="/tags/copil.html" class="tag-links" title="57" style="font-size: 12pt;">copil</a> <a href="/tags/cuvinte.html" class="tag-links" title="55" style="font-size: 12pt;">cuvinte</a> <a href="/tags/caini.html" class="tag-links" title="69" style="font-size: 13pt;">câini</a> <a href="/tags/de-ce.html" class="tag-links" title="96" style="font-size: 15pt;">de ce</a> <a href="/tags/dieta.html" class="tag-links" title="58" style="font-size: 12pt;">dieta</a> <a href="/tags/dragoste.html" class="tag-links" title="58" style="font-size: 12pt;">dragoste</a> <a href="/tags/dreapta.html" class="tag-links" title="105" style="font-size: 15pt;">dreapta</a> <a href="/tags/dvs.html" class="tag-links" title="47" style="font-size: 11pt;">dvs.</a> <a href="/tags/face.html" class="tag-links" title="110" style="font-size: 16pt;">face</a> <a href="/tags/fata.html" class="tag-links" title="63" style="font-size: 12pt;">fata</a> <a href="/tags/fata.html" class="tag-links" title="51" style="font-size: 12pt;">fată</a> <a href="/tags/flori.html" class="tag-links" title="53" style="font-size: 12pt;">flori</a> <a href="/tags/fotografie.html" class="tag-links" title="86" style="font-size: 14pt;">fotografie</a> <a href="/tags/fotografii.html" class="tag-links" title="79" style="font-size: 14pt;">fotografii</a> <a href="/tags/ghid.html" class="tag-links" title="66" style="font-size: 13pt;">ghid</a> <a href="/tags/gratuit.html" class="tag-links" title="77" style="font-size: 13pt;">gratuit</a> <a href="/tags/lui.html" class="tag-links" title="65" style="font-size: 13pt;">lui</a> <a href="/tags/manuale.html" class="tag-links" title="53" style="font-size: 12pt;">manuale</a> <a href="/tags/mediu.html" class="tag-links" title="142" style="font-size: 18pt;">mediu</a> <a href="/tags/maini.html" class="tag-links" title="109" style="font-size: 16pt;">mâini</a> <a href="/tags/mainile.html" class="tag-links" title="107" style="font-size: 16pt;">mâinile</a> <a href="/tags/nunta.html" class="tag-links" title="61" style="font-size: 12pt;">nunta</a> <a href="/tags/oameni.html" class="tag-links" title="51" style="font-size: 12pt;">oameni</a> <a href="/tags/on-line.html" class="tag-links" title="59" style="font-size: 12pt;">on-line</a> <a href="/tags/pisici.html" class="tag-links" title="52" style="font-size: 12pt;">pisici</a> <a href="/tags/prelegere-shkolopediya.html" class="tag-links" title="54" style="font-size: 12pt;">prelegere shkolopediya</a> <a href="/tags/par.html" class="tag-links" title="75" style="font-size: 13pt;">păr</a> <a href="/tags/sarcina.html" class="tag-links" title="55" style="font-size: 12pt;">sarcina</a> <a href="/tags/sfaturi.html" class="tag-links" title="65" style="font-size: 13pt;">sfaturi</a> <a href="/tags/simptome.html" class="tag-links" title="140" style="font-size: 18pt;">simptome</a> <a href="/tags/studopediya.html" class="tag-links" title="66" style="font-size: 13pt;">studopediya</a> <a href="/tags/sa-invete.html" class="tag-links" title="64" style="font-size: 13pt;">să învețe</a> <a href="/tags/tratament.html" class="tag-links" title="185" style="font-size: 21pt;">tratament</a> <a href="/tags/utilizarea.html" class="tag-links" title="51" style="font-size: 12pt;">utilizarea</a> <a href="/tags/vopsea.html" class="tag-links" title="58" style="font-size: 12pt;">vopsea</a> </div> </div> <div class="box"> <div class="content"> <div class="box"> <div class="content"> <br> <br> <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script> <script> if(document.getElementsByTagName("body")[0].offsetWidth>=900) { document.write('<ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="1432548440"></ins>'); }else{ document.write('<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins>'); } (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> </script> </div> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Tag-uri articol</h4></div> <div class="content"> <a href="/tags/modul-de-a-face-un-site-web-simplu.html">modul de a face un site web simplu</a>, <a href="/tags/site-ul-dinamic.html">site-ul dinamic</a>, <a href="/tags/face-un-site-dinamic.html">face un site dinamic</a>, <a href="/tags/includ-pagini-de-pagina.html">includ pagini de pagină</a>, <a href="/tags/cutii-de-meniu-imagini.html">cutii de meniu imagini</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 © 2024</p> <script> new Image().src = "https://counter.yadro.ru/hit;scrieunblog?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>