Ako vytvoriť svoj prvý jednoduchý web PHP

Chcete sa dozvedieť, ako vytvoriť základnú webovú stránku? Kedysi ste mohli začať s HTML, ale v dnešnej dobe je najlepším riešením PHP. Aj keď na začiatok budete potrebovať určité znalosti HTML, PHP sa stalo optimálnou voľbou pre vytváranie webových stránok, statických aj dynamických.

Naučiť sa PHP je najlepší spôsob, ako začať s jednoduchou webovou stránkou PHP.

Prečo si vybrať PHP na vývoj webových stránok?

Za tie roky boli pre vývoj webových aplikácií k dispozícii rôzne možnosti. Začalo to obyčajným HTML, potom HTML s vloženým CSS alebo odkazom na súbor CSS. Keď prišli dynamické webové stránky, existovali dve hlavné možnosti: ASP (neskôr ASP.NET) a PHP.

Podľa údajov (napr tento prieskum spoločnosti W3Techs ) PHP je oveľa obľúbenejšie a takmer 82 percent webových stránok ho používa ako programovací jazyk na strane servera. Porovnajte to s necelými 16 percentami pomocou ASP.NET.

Zdá sa nepravdepodobné, že ASP.NET bude existovať po oficiálnom dátume ukončenia v roku 2022 v akejkoľvek oficiálnej funkcii, prinajmenšom nie ako webová technológia. PHP (rekurzívna skratka pre PHP Hypertext Preprocessor) sa ukázalo úspešnejšie, predovšetkým vďaka jednoduchšej integrácii s Linuxom.

Pretože operačný systém s otvoreným zdrojovým kódom beží na väčšine webových serverov, nemalo by to byť prekvapením.

Čo budete potrebovať na stavbu webovej stránky PHP

Skôr ako začnete, uistite sa, že máte nainštalovaný obyčajný textový editor alebo vývojové prostredie pripravené pre PHP. Kódovanie PHP môžete začať pomocou tak jednoduchého nástroja, akým je Windows Notepad. Príklady nájdené v tomto návode boli napísané v programe Poznámkový blok ++.

Mali by ste mať aj webový server PHP, do ktorého môžete nahrávať súbory. Môže to byť vzdialený server alebo miestny počítač s nainštalovaným prostredím LAMP (Linux, Apache, MySQL, PHP) alebo WAMP (Windows, Apache, MySQL, PHP). Ak používate systém Windows, postupujte takto Sprievodca inštaláciou WAMP začať.

Nakoniec budete potrebovať program FTP na odoslanie súborov na váš webový server.

Čítaj viac: Bezplatní klienti FTP pre Windows

Pochopte syntax na kódovanie jednoduchej webovej stránky pomocou PHP

Základná syntax pre PHP používa sadu lomených zátvoriek, pričom každá funkcia končí bodkočiarkou takto:

Pokiaľ ide o webové stránky, takmer každé použitie PHP závisí od vyhlásenia ozveny. Toto dáva prehliadaču pokyn na výstup textu a obsahu do úvodzoviek. Napríklad:

ako odstrániť profil na Netflixe

Všimnite si toho, že HTML je tiež zahrnutý v úvodzovkách. Výstup pre to sa zvyčajne zobrazí ako:

Vytvorte si webovú stránku s PHP: Štruktúra

Bez ohľadu na to, s akým kódom píšete svoje webové stránky, pred pokračovaním budete potrebovať poznať jeho štruktúru. Tento tutoriál vám ukáže, ako vytvoriť jednu stránku z opakovane použiteľných súborov PHP. Môžu byť použité na vytvorenie ďalších stránok alebo môžete zvoliť iný prístup.

Bez ohľadu na to, aký tvar predpokladáte, že sa web bude vyvíjať, nájdite si čas a napíšte si rýchly plán na list papiera. Potom sa na to môžete odkazovať, prípadne skontrolovať zamýšľaný obsah alebo zistiť, na ktorú stránku ho chcete prepojiť.

telefón je prilepený na logu Apple

Náš základný web PHP bude obsahovať domovskú stránku vrátane životopisných informácií a niektorých obrázkov.

Pre tento jednoduchý web PHP vytvoríte jednu stránku PHP naplnenú obsahom z troch stránok HTML. Súbor index.php, ktorý vytvoríte, môžete potom upravovať úpravou slov a obrázkov z pôvodných súborov HTML.

Nasledujúce príklady kódu sú snímky obrazovky. Pôvodný kód nájdete v moje úložisko GitHub , ktoré si môže ktokoľvek stiahnuť zadarmo.

Vytvorte webovú stránku PHP: Hlavička

Na vytvorenie webovej stránky pomocou PHP musíte vytvoriť tri webové stránky. Sú založené na základnej štruktúre hlavičky, tela a päty.

Ako asi tušíte, hlavička obsahuje informácie o názve. Zahrnuté sú však aj informácie pre prehliadač, ako napríklad používaný štandard HTML, a odkazy na CSS.

Začnite vytvorením súboru s názvom header.html a potom pridajte potrebné informácie o hlavičke.

V tomto prípade sme poskytli základný súbor CSS, na ktorý odkazujeme vo vlastnom adresári / css /. Tento súbor sa zavolá, keď sa stránka načíta do vášho prehliadača a použije požadované písmo a rozloženie.

Vložte obsah do tela svojej webovej stránky PHP

Každá webová stránka pozostáva z obsahovej sekcie známej ako „telo“. Toto je časť stránky, ktorú čítate-to, čo teraz čítate, je telo tejto stránky.

Vytvorte súbor s názvom body.html a pridajte informácie, ktoré chcete zahrnúť na stránku. Zahrnul som životopisné údaje z mojej stránky autora MakeUseOf, ale môžete pridať čokoľvek, čo sa vám páči.

Nasleduje sekcia päty webovej stránky. Vytvorte to ako footer.html a pridajte nejaký obsah. Môžu to byť informácie o autorských právach alebo o užitočné odkazy pre kohokoľvek, kto navštívi vašu stránku.

Mohlo by to byť niečo také:

Po pridaní kódu súbor uložte.

Spojenie vašej jednoduchej webovej stránky PHP

S tromi oddelenými súbormi HTML v / html / ich môžete pomocou PHP echo skompilovať do jednej stránky.

Vytvorte nový súbor PHP s názvom index.php s nasledujúcimi tromi riadkami:

Uložte, nahrajte na server a potom prejdite na stránku index.php. Dokončenú webovú stránku by ste mali vidieť vo svojom prehliadači. Majte na pamäti, že skutočný súbor PHP, ktorý máte otvorený vo svojom prehliadači, pozostáva iba z troch riadkov.

Nakoniec môžete do záverečného riadku pridať trochu PHP prekvitania. Zahrnúť oznámenie o autorských právach s vždy aktualizovaným rokom:

To sa zobrazí v súbore index.php po zápätí. Všimnite si, ako sa vo výkaze dátumu ozveny („Y“) zobrazuje aktuálny rok štyrmi číslicami. Môžete zmeniť spôsob, akým sa to zobrazuje, podľa tohto zoznamu možností W3Schools. Napríklad malé písmeno „y“ by zobrazovalo rok v dvojcifernom formáte namiesto štyroch.

Použite CSS na umiestnenie a štýl, ako by ste urobili s akýmkoľvek iným prvkom. Nájdite CSS pre tento projekt v úložisku GitHub spolu s ďalším jednoduchým kódom webovej stránky PHP.

vyskakovacie reklamy pre Android na domovskej obrazovke

Dobrá práca --- práve ste vytvorili svoju prvú webovú stránku PHP od začiatku.

Je PHP najlepšou voľbou pre kódovanie webových stránok?

Ako ste sa asi dozvedeli, PHP nie je jediným spôsobom, ako vyvíjať webové stránky. Existuje už mnoho rámcov pre dynamické webové zážitky založené na databázach, existuje JavaScript a súvisiace technológie a softvér ako Adobe Dreamweaver.

Ak však chcete začať s vývojom webu, je múdre, ak máte základy. Ak rozumiete stavebným blokom HTML, CSS a PHP, ste na dobrej ceste k úspechu.

zdieľam zdieľam Tweet E -mail Naučte sa HTML a CSS pomocou týchto návodov krok za krokom

Ste zvedaví na HTML, CSS a JavaScript? Ak si myslíte, že máte talent naučiť sa vytvárať webové stránky od nuly-tu je niekoľko skvelých návodov krok za krokom, ktoré stojí za to vyskúšať.

Čítajte ďalej Súvisiace témy

Programovanie
Vývoj webových aplikácií
Programovanie
Programovanie v PHP

O autorovi Christian Cawley(1510 publikovaných článkov)

Zástupca redaktora pre bezpečnosť, Linux, DIY, programovanie a techniku a skutočne užitočného producenta podcastov s rozsiahlymi skúsenosťami s podporou počítačov a softvéru. Christian, prispievateľ do časopisu Linux Format, je drotár Raspberry Pi, milovník Lega a fanúšik retro hier.

Viac od Christiana Cawleyho

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber