Jak vytvořit svůj první jednoduchý web PHP

Chcete se naučit, jak vytvořit základní web? Kdysi jste mohli začít s HTML, ale dnes je nejlepším řešením PHP. I když budete pro začátek potřebovat určité znalosti HTML, PHP se stalo optimální volbou pro vytváření webových stránek, statických i dynamických.

Chcete -li se naučit PHP, nejlepší způsob, jak začít, je jednoduchý web PHP.

Proč zvolit PHP pro vývoj webových stránek?

V průběhu let byly pro vývoj webových aplikací k dispozici různé možnosti. Začalo to prostým HTML, poté HTML s vloženým CSS nebo odkazem na soubor CSS. Když přišly dynamické webové stránky, existovaly dvě hlavní možnosti: ASP (později ASP.NET) a PHP.

Podle údajů (např tento průzkum W3Techs ) PHP je mnohem populárnější, téměř 82 procent webových stránek jej používá jako programovací jazyk na straně serveru. Srovnejte to s necelými 16 procenty pomocí ASP.NET.

Zdá se nepravděpodobné, že ASP.NET bude existovat po oficiálním datu ukončení v roce 2022 v jakékoli oficiální kapacitě, alespoň ne jako webová technologie. PHP (rekurzivní zkratka pro PHP Hypertext Preprocessor) se osvědčilo více, především díky snazší integraci s Linuxem.

Jelikož operační systém s otevřeným zdrojovým kódem běží na většině webových serverů, nemělo by nás to překvapovat.

Co budete potřebovat k vytvoření webové stránky PHP

Než začnete, ujistěte se, že máte nainstalovaný prostý textový editor nebo vývojové prostředí připravené pro PHP. Můžete začít kódovat PHP pomocí nástroje tak jednoduchého jako Windows Notepad. Příklady nalezené v tomto kurzu byly napsány v programu Poznámkový blok ++.

Měli byste také mít webový server PHP, do kterého můžete nahrávat soubory. Může to být vzdálený server nebo místní počítač s nainstalovaným prostředím LAMP (Linux, Apache, MySQL, PHP) nebo WAMP (Windows, Apache, MySQL, PHP). Pokud používáte Windows, postupujte takto Průvodce instalací WAMP začít.

Nakonec budete potřebovat program FTP k nahrání souborů na váš webový server.

Přečtěte si více: Zdarma FTP klienti pro Windows

Pochopte syntaxi pro kódování jednoduchých webových stránek pomocí PHP

Základní syntaxe pro PHP používá sadu lomených závorek, přičemž každá funkce končí středníkem, například takto:

Pokud jde o webové stránky, téměř každé použití PHP závisí na prohlášení o ozvěně. To dává prohlížeči pokyn k výstupu textu a obsahu v uvozovkách. Například:

seznam příkazových řádků pro Windows 10

Všimněte si toho, že HTML je také zahrnuto v uvozovkách. Výstup pro to se obvykle zobrazí jako:

Vytvořte web s PHP: Struktura

Ať už píšete své webové stránky s jakýmkoli kódem, budete muset před pokračováním znát jeho strukturu. Tento tutoriál vám ukáže, jak vytvořit jednu stránku z opakovaně použitelných souborů PHP. Ty mohou být použity k vytvoření dalších stránek, nebo můžete zvolit jiný přístup.

Bez ohledu na to, jaký tvar předpokládáte, že se web vyvíjí, věnujte si čas a sepište si rychlý plán na kousek papíru. Na to se pak můžete odkázat, třeba zkontrolovat zamýšlený obsah, nebo se podívat, na jakou stránku ho propojit.

proč moje wifi volání nefunguje

Náš základní web PHP bude obsahovat domovskou stránku včetně životopisných informací a některých obrázků.

Pro tento jednoduchý web PHP vytvoříte jednu stránku PHP naplněnou obsahem ze tří stránek HTML. Soubor index.php, který vytvoříte, lze poté upravovat úpravou slov a obrázků z původních souborů HTML.

Níže uvedené příklady kódu jsou snímky obrazovky. Původní kód najdete v moje úložiště GitHub , který si může zdarma stáhnout kdokoli.

Vytvořte web PHP: Záhlaví

Chcete -li vytvořit webovou stránku pomocí PHP, budete muset vytvořit tři webové stránky. Ty jsou založeny na základní struktuře záhlaví, těla a zápatí.

Jak asi tušíte, záhlaví obsahuje informace o názvu. Zahrnuty jsou však také informace pro prohlížeč, například používaný standard HTML, spolu s odkazy na CSS.

Začněte vytvořením souboru s názvem header.html a poté přidejte potřebné informace o záhlaví.

Pro tento příklad jsme poskytli základní soubor CSS, na který uvidíte odkaz ve vlastním adresáři / css /. Tento soubor bude vyvolán, když se stránka načte do vašeho prohlížeče a použije požadované písmo a rozložení.

Vložte obsah do těla webové stránky PHP

Každá webová stránka se skládá z části obsahu známé jako „tělo“. Toto je část stránky, kterou čtete-to, co nyní čtete, je hlavní část této stránky.

Vytvořte soubor s názvem body.html a přidejte informace, které chcete na stránku zahrnout. Zahrnul jsem biografické detaily z mé autorské stránky MakeUseOf, ale můžete přidat, co chcete.

Sekce zápatí webové stránky je další. Vytvořte to jako footer.html a přidejte nějaký obsah. Mohou to být informace o autorských právech nebo třeba užitečné odkazy pro kohokoli, kdo navštíví vaši stránku.

Může to být něco takového:

Po přidání kódu soubor uložte.

Sestavení vašeho jednoduchého webu PHP

Se třemi samostatnými soubory HTML v / html / je můžete pomocí PHP echo zkompilovat do jedné stránky.

Vytvořte nový soubor PHP s názvem index.php s následujícími třemi řádky:

Uložte, nahrajte na server a poté přejděte na index.php. Vyplněnou webovou stránku byste měli vidět ve svém prohlížeči. Mějte na paměti, že skutečný soubor PHP, který máte otevřený v prohlížeči, se skládá pouze ze tří řádků.

Nakonec můžete do finálního řádku přidat trochu PHP. Zahrnout oznámení o autorských právech s vždy aktualizovaným rokem:

Zobrazí se v souboru index.php za zápatí. Všimněte si, jak prohlášení o echu („Y“) zobrazuje aktuální rok ve čtyřech číslicích. Způsob zobrazení můžete změnit v tomto seznamu možností W3Schools. Například malé „y“ by zobrazovalo rok ve dvoumístném formátu, nikoli ve čtyřech.

Použijte CSS k umístění a stylu, jako byste to udělali u jakéhokoli jiného prvku. Najděte CSS pro tento projekt v úložišti GitHub spolu s dalším jednoduchým webovým kódem PHP.

jak přidat aplikace do vizio smart tv, které není v obchodě s aplikacemi

Dobrá práce --- právě jste vytvořili svůj první web PHP od začátku.

Je PHP nejlepší volbou pro kódování webových stránek?

Jak jste možná pochopili, PHP není jediným způsobem, jak vyvíjet webové stránky. Mnoho rámců již existuje pro dynamické webové prostředí založené na databázích, existuje JavaScript a související technologie a software jako Adobe Dreamweaver.

Pokud však chcete začít s vývojem webu, je rozumné si uvědomit základy. Pokud rozumíte stavebním kamenům HTML, CSS a PHP, jste na dobré cestě k úspěchu.

Podíl Podíl tweet E-mailem Naučte se HTML a CSS pomocí těchto návodů krok za krokem

Zajímá vás HTML, CSS a JavaScript? Pokud si myslíte, že máte schopnost naučit se vytvářet webové stránky od nuly-zde je pár skvělých návodů krok za krokem, které stojí za vyzkoušení.

Číst dále Související témata

Programování
Vývoj webu
Programování
Programování PHP

O autorovi Christian Cawley(1510 článků zveřejněno)

Zástupce redaktora pro oblast bezpečnosti, Linuxu, kutilství, programování a techniky a skutečně užitečného výrobce podcastů s rozsáhlými zkušenostmi s podporou desktopů a softwaru. Christian, který přispívá do časopisu Linux Format, je drotář Raspberry Pi, milovník Lega a fanoušek retro her.

Více od Christiana Cawleyho

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru