Jak kódovat web od nuly! 5 jednoduchých kroků
Jaké jsou různé typy programovacích jazyků?
Programovací jazyky pro webové stránky spadají do dvou hlavních kategorií, a to frontend a backend. Jazyk používaný pro programování webové stránky pro Frontend je HTML, CSS a JavaSkript.
Frontend jazyky zahrnují
- HyperText Markup Language (HTML) – Tento jazyk se používá k formátování webových stránek a uspořádání prvků na webové stránce. Skládá se z otevíracích a zavíracích značek, z nichž každý má specifický úkol. Značka title se například používá k napsání názvu webové stránky do adresního řádku.
- Kaskádové styly (CSS) – Jak název napovídá, CSS se používá ke stylování webových stránek. Můžete například použít CSS k definování písmo webových stránek, velikost písma, barvy atd. CSS lze zapsat do jednoho souboru a znovu a znovu použít na mnoha prvcích na webové stránce.
- Javaskript (JS) - JavaSkript se používá k tomu, aby byly webové stránky interaktivnější. Řekněme, že jste vytvořili tlačítko a chcete, aby se po kliknutí zobrazila zpráva. Můžete použít JavaSkript pro napsání této funkce.
Backendové jazyky
Backend může být kódován v jakémkoli jazyce, který podporuje vývoj webu. Můžete použít JavaSkript na straně serveru pomocí NodeJS, Python, Ruby nebo PHP. Jedním z nejčastěji používaných programů pro vývoj webových stránek je PHP. V této příručce se zaměříme na PHP jako skriptovací jazyk.
PHP:
PHP je zkratka pro Hypertext Preprocessor. Na rozdíl od frontendových technologií, které se spouštějí ve webovém prohlížeči, se PHP spouští na webovém serveru. Běžně se používá k provádění činností, jako je registrace uživatelů, ověřování uživatelů, odesílání e-mailů atd.
Jak kódovat web – kompletní průvodce pro začátečníky
V tomto obsáhlém průvodci vás naučíme, jak vytvořit web od nuly a napsat veškerý kód sami, nebo můžete využít existující platformu, jako je WordPress nebo Joomla atd.
V tomto úplném průvodci se budeme zabývat následujícími tématy.
- Vytváření od nuly vs. pomocí systému pro správu obsahu
- Vytvoření webu od nuly pomocí frameworku (PHP MVC Framework)
- Tvorba webu pomocí redakčního systému (WordPress)
Základní koncept HTML
HTML dokument je textový soubor, který obsahuje HTML tagy a prvky a obvykle končí příponou .html.
HTML lze také vložit do jiných přípon souborů skriptovacího jazyka, jako jsou *.php, *.jsp nebo *.asp.
Webové prohlížeče analyzují dokumenty HTML, aby zobrazily webové stránky. HTML, který tvoří webovou stránku, můžete zobrazit ve webovém prohlížeči.
Zde jsou kroky, které vám pomohou vytvořit web:
Krok 1) Kliknutím pravým tlačítkem na webovou stránku zobrazíte vyskakovací nabídku.
Krok 2) Vyberte Zobrazit zdroj stránky.
Krok 3) HTML kód se zobrazí jako prostý text a můžete vidět HTML tagy a prvky, které tvoří stránku.
Můžete také vidět některé CSS a JavaSkript buď vložený, nebo zahrnutý jako samostatné externí soubory.
Funkcí webového prohlížeče je přeložit HTML dokument do formátu čitelného pro člověka. Prohlížeč také zpracovává JavaSkript, který je součástí webové stránky.
Pochopte strukturu dokumentu HTML
Předpokládejme, že jste již dříve vytvořili dokument aplikace Word. V tom případě pro vás bude pochopení struktury HTML dokumentu celkem snadné. V dokumentu aplikace Word budete mít název dokumentu, obsah, na který lze kliknout, jinak formátované části obsahu a zápatí. Struktura dokumentu HTML je víceméně stejná jako struktura wordového dokumentu, který jsme právě popsali.
Všechny HTML dokumenty jsou uzavřeny v HTML tagu. V rámci značky HTML budete mít další značky, jako je hlava a tělo. Tag header obsahuje další tagy, například title pro zobrazení titulku stránky. Obsahuje také odkazy na externí soubory pro styly CSS, JavaSkript a metadata. Značka body obsahuje prvky, které tvoří webovou stránku. Prvky v rámci značky body mohou být div, tabulky, seznamy atd.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>How to create a website for beginners</title> <meta name="description" content="My First Webpage created using HTML, CSS, JavaScript, and PHP"> <meta name="author" content="Guru99"> <link rel="stylesheet" href="css/styles.css?v=1.0"> </head> <body> <h3>Welcome to my first webpage</h3> </body> </html>
Vysvětlení:
- definuje typ dokumentu, kterým je HTML
- … definuje značku HTML pomocí atributu language, který určuje jazyk webu.
- V tomto jednoduchém příkladu je jazykem webových stránek angličtina. V rámci otevřeného a uzavíracího HTML tagu budeme mít tagy jako head a body, které zase uzavírají další tagy a prvky.
- … definuje značku head, která obsahuje metadata.
- … definuje tělo, které obsahuje obsah webové stránky.
Seznamte se se selektory CSS
Selektory CSS vybírají prvky na webové stránce, které chcete formátovat na základě definovaných pravidel CSS.
Selektory CSS jsou rozděleny do pěti hlavních kategorií, a to:
- Jednoduché voliče: Tyto selektory se používají k výběru prvků na základě atributů, jako je id, název nebo třída.
- CSS kombinátor: Jak název napovídá, tento typ selektoru vybírá prvek na základě kombinace souvisejících prvků. Tuto metodu můžete například použít k výběru pouze prvků odstavce, které jsou v prvcích div.
- Pseudotřídy CSS: Tyto selektory fungují na základě stavu prvku. Například umístěte ukazatel myši na hypertextový odkaz. Můžete změnit jeho barvu pozadí, abyste uživateli ukázali, kam aktuálně míří. Když tedy uživatel přesune myš od hypertextového odkazu, formátování se automaticky odstraní.
- Pseudoprvky CSS: Tento selektor se používá k výběru konkrétních částí z prvku. Pomocí voliče pseudoprvků můžete například zvětšit první písmeno prvního slova v každém odstavci a ostatní písmena ponechat nedotčená.
- CSS atribut: Tento selektor funguje na základě atributů použitých na prvky nebo konkrétní hodnoty atributů. Můžete například použít selektor atributů CSS k formátování všech tlačítek HTML na zelenou barvu pozadí, která obsahuje hodnotu atributu „submit“. zelenou barvu pozadí tlačítek, která mají hodnotu atributu nastavenou na odeslání.
Dejte dohromady šablonu stylů CSS
Tato část vytvoří jednoduchý dokument ve stylu CSS, který provádí jednoduché stylování definováním následujících pravidel stylování.
- Vycentrovat text založený na centru kurzu: Toto pravidlo vycentruje text a změní barvu textu na červenou.
- Formátovat text na základě ID prvku: Vytvoříme stylingové pravidlo pro id title, které změní barvu na oranžovou, změní tloušťku písma na tučné a změní velikost písmen na velká.
- Formátovat text na základě prvku nadpisu číslo 2: Toto pravidlo nastaví barvu textu nadpisu na modrou a nastaví velikost písma 60 pixelů.
Následující kód definuje CSS dokument s výše uvedenými pravidly.
.center { text-align: center; color: red; } #title { color: orange; text-transform: uppercase; font-weight: bold; } h2 { font-size: 60px; color: blue; }
vysvětluje:
- .center {…} – definuje střed pravidla třídy, který zarovná text na střed a změní barvu písma.
- #title {…} – definuje pravidlo nadpisu, které mění barvu písma, převádí všechna písmena na velká písmena a mění tloušťku písma na tučné.
- h2 {…} – definuje pravidla, která budou platit pro všechny prvky h3. Velikost písma bude nastavena na 60 pixelů a barva písma bude aktualizována na modrou.
Stáhnout / nainstalovat Bootstrap
Bootstrap je CSS framework, který přichází s velkým množstvím stylů, které můžete začít ihned používat. Obsahuje styly pro rozvržení a prvky formátování.
Můžete si napsat své styly CSS, které přizpůsobí výchozí nastavení rámce CSS bootstrap. K tomu si můžete buď stáhnout Bootstrap přímo z oficiálního webu, nebo jej můžete zahrnout do svého HTML dokumentu ze sítě pro doručování obsahu (CDN).
Případně můžete k instalaci použít nástroj pro správu balíčků, jako je Node Package Manager (NPM). Bootstrap, ale to je pro pokročilé webové vývojáře. Ke stažení Bootstrap, můžete kliknout na toto odkaz zde a použijte jej ve svém projektu stejně jako jakýkoli jiný CSS a JavaSoubor skriptu.
Jak jej používat, se naučíme v sekci níže, když se podíváme na vytvoření vaší první webové stránky.
Role HTML a CSS
Role HTML je poskytovat strukturu webovým stránkám. Webové prohlížeče používají tuto strukturu k zobrazení prezentovatelného obsahu uživatelům. Za druhé, vyhledávače používají strukturu HTML k procházení webové stránky a její indexování.
Úlohou CSS je poskytovat styl obsahu tak, aby byl pro uživatele vizuálně přitažlivý.
Porozumění běžným pojmům HTML
Podívejme se nyní na některé běžné termíny HTML, které byste jako webový vývojář měli znát.
S / N | Období | Description |
---|---|---|
1 | Prvek | Prvky jsou klíčová slova, která se používají k definování konkrétních struktur a obsahu webové stránky. Například prvek H3 se používá k definování struktury nadpisu. Mezi další příklady prvků patří odstavce (p), kotvy (a) a kontejnery (div) atd. |
2 | štítek | Tagy jsou štítky, které označují začátek a konec prvku. Tagy obsahují klíčová slova prvků v lomených závorkách. Například, Odstavec je značka odstavce kde je úvodní značka a je závěrečná značka. |
3 | Atribut | Atributy jsou vlastnosti prvků, které poskytují doplňkové informace. Například můžeme použít atribut id k přidělení jedinečného názvu prvku. ID lze použít v CSS popř JavaSkript. |
4 | Hyperlink | Hypertextový odkaz je odkaz, na který lze kliknout a který otevře novou webovou stránku. Můžete jej vytvořit pomocí prvku kotvy. |
5 | Hlava | Značka head obsahuje informace skryté před uživatelem, ale užitečné pro webový prohlížeč a vyhledávače. |
6 | Tělo | Značka body obsahuje informace, které jsou viditelné pro uživatele ve webovém prohlížeči. |
7 | Zápatí | Značka zápatí obsahuje informace, které se zobrazují v části zápatí webové stránky. |
8 | Komentář | Komentáře se používají k dokumentaci a vysvětlení kódu HTML a prohlížeč je při analýze dokumentu HTML ignoruje. |
9 | Div | Div je prvek kontejneru, který se používá k vytváření rozvržení. |
10 | Záhlaví | Tag header se používá k vytváření HTML nadpisů. |
11 | Přerušení řádku | Tento prvek se používá k vytvoření nového konce řádku. |
12 | Odkazy se používají k zahrnutí dalších souborů, jako jsou externí soubory CSS, do dokumentů HTML. | |
13 | Metadata | Značka metadat poskytuje doplňkové informace o webové stránce, které jsou pro roboty vyhledávačů nejužitečnější. |
14 | Seznam | Značka seznamu se používá k vytvoření seznamu. Seznam může být seřazený nebo neuspořádaný. |
15 | Odstavec | Prvek odstavce se používá k zobrazení textových dat ve formátu odstavce |
16 | Tabulka | Tento prvek slouží k vytvoření tabulky |
17 | Titul | Jak název napovídá, používá se k nastavení názvu webové stránky. |
18 | Formulář | Značka formuláře se používá k vytváření formulářů, které můžeme použít k získání vstupu od uživatelů. |
19 | Scénář | Značka skriptu odkazuje na externí JavaSkript nebo inline JavaKód skriptu v dokumentu HTML. |
20 | AJAX | AJAX je zkratka pro Asynchronous JavaSkript a XML. Jedná se o technologii používanou k aktualizaci určitých částí webové stránky bez opětovného načítání celé stránky. |
Porozumění běžným podmínkám CSS
Níže jsou uvedeny některé běžné výrazy CSS, které musíte znát.
S / N | Období | Description |
---|---|---|
1 | Selector | To se týká CSS odpovědných za výběr prvků HTML dokumentu, které chceme formátovat. |
2 | Nemovitosti | Vlastnosti odkazují na atribut prvku, kterému chceme nastavit hodnotu. |
3 | Hodnoty | Jak název napovídá, přiřazujeme hodnotu vlastnosti pro účely stylingu. |
4 | Komentář | Komentáře se používají k dokumentaci a vysvětlení kódu CSS |
5 | Sada pravidel | Odkazuje na kompletní sekci kódu CSS tvořenou selektorem, závorkou deklarace, vlastnostmi a příslušnými hodnotami. |
6 | Prohlášení | To odkazuje na jeden řádek kódu v dokumentu CSS |
7 | Blok prohlášení | To se týká části CSS, která definuje pravidla stylování. Je uzavřena mezi složené závorky. |
8 | Klíčové slovo | Toto je vyhrazené slovo, které má v CSS zvláštní význam. Například slovo auto má zvláštní význam, proto je klíčovým slovem |
9 | Výběr atributů | Selektor vybere prvek na základě hodnoty atributu. |
10 | Univerzální volič | Tento selektor se používá k přiřazení libovolných prvků v daném kontextu. Kontext se obvykle aplikuje na nadřazený prvek, jako je seznam, takže všechny položky v seznamu mohou zdědit styl od nadřazeného prvku. |
11 | Volič ID | Tento selektor provede výběr na základě id prvku. |
12 | Výběr třídy | Tento selektor provede výběr na základě hodnoty nebo hodnot atributu třídy. |
13 | Selektor typu prvku | Tento selektor je založen na typu prvku použitého v dokumentu HTML. |
HTML editory
HTML editor je program, který se používá k psaní a úpravě HTML kódu. K psaní kódu HTML můžete použít jakýkoli textový editor, ale editory HTML přicházejí s mnoha vestavěnými funkcemi, které usnadňují psaní kódu.
Podívejme se na některé z oblíbených možností:
Visual Studio Code
Visual Studio Code je multiplatformní editor kódu vyvinutý společností Microsoft, Můžete použít Visual Studio Code upravovat kód pro mnoho jazyků, včetně HTML, CSS, Javaskript a PHP. Visual Studio Code je zdarma a běží dál Windows, Mac a Linux.
Sublime Text
Sublime Text je multiplatformní editor kódu, který lze také použít k psaní a úpravám HTML, CSS, JavaSkript a PHP kód. Je to komerční produkt a musíte si ho koupit. Můžete jej také používat zdarma v neregistrovaném režimu.
Notepad++
Notepad++ je odlehčený editor kódu, který také podporuje mnoho jazyků. Na rozdíl od Visual Studio Code si Sublime Text, Notepad++ není multiplatformní. Funguje pouze na Microsoft Windows platforma.
NetBeans IDE
NetBeans je integrované vývojové prostředí (IDE), které nabízí více funkcí než běžný editor kódu. NetBeans je zdarma a multiplatformní.
Vytvoření vaší první webové stránky
Nyní vytvoříme jednoduchou webovou stránku. Zde jsme vytvořili jednoduchý HTML dokument a použili jsme některé styly Bootstrap CSS. Budeme mít také klikací tlačítko, které zobrazí jednoduchou zprávu pomocí JavaSkript.
Zde jsou kroky, které vám pomohou naučit se vytvořit web od začátku:
Krok 1) Otevřete svůj oblíbený textový editor.
Zde otevíráme poznámkový blok.
Krok 2) Vytvořte nový soubor.
s názvem index.html.
Krok 3) Přidejte následující kód,
do souboru index.html.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> <title>My First Web Page</title> <script> function displayMessage() { document.getElementById("message").innerHTML = "Greetings from JavaScript!"; } </script> </head> <body> <div class="container"> <h1>My Web App!</h1> <p id="message">Your message will appear here.</p> <button type="button" class="btn btn-primary" onclick="displayMessage()">Click Me!</button> </div> </body> </html>
Vysvětlení:
- určuje typ dokumentu.
- … definuje značku head, která obsahuje metadata, která jsou pro uživatele neviditelná.
- Hlava také obsahuje značku skriptu, která obsahuje JavaSkriptový kód, který zobrazí uvítací zprávu.
- Také nakládáme Bootstrap CSS ze sítě CDN.
- … definuje obsah naší stránky: nadpis, odstavec a tlačítko, které používá určitý styl Bootstrap css.
Tvorba od nuly vs. pomocí systému pro správu obsahu
Vytvoření webu od nuly vyžaduje dovednosti a odpovídající znalosti. Zabere to také více času a také to může stát hodně peněz.
Na druhou stranu nemusíte být zkušeným programátorem, abyste vytvořili svůj web pomocí redakčního systému, jako je WordPress. Systémy pro správu obsahu jsou podobné aplikacím Microsoft Word.
Se systémem správy obsahu se soustředíte na vytváření stránek, psaní obsahu a publikování obsahu, stejně jako vytváření dokumentů ve slovech a jejich tisk na tiskárně.
Následující tabulka porovnává dva oblíbené způsoby vytváření webových stránek.
S / N | Pro/Con | Vytváření od nuly | Používání systému pro správu obsahu |
---|---|---|---|
1 | Čas | Vyžaduje hodně času. | Zabere to málo času. Může být vytvořen za méně než 24 hodin. |
2 | Stát | Najmout zkušeného programátora může být drahé. | Můžete to udělat sami nebo si najmout někoho, kdo to pro vás vytvoří. |
4 | schopnosti | Vyžaduje zkušeného a zručného programátora | Vyžaduje méně dovedností. K tomu musíte být počítačově gramotní. |
5 | Bezpečnost | Hackeři nemohou snadno najít slabiny v kódu, které by zneužili. | Hackeři mohou snadno najít slabinu v kódu a zneužít je. Pravidelné aktualizace jsou důležité z bezpečnostních důvodů. |
6 | Rychlost | Bývají rychlejší, protože za běhu se načítají pouze funkce, které jsou potřeba. | Bývají pomalejší, protože systém správy obsahu přichází jako univerzální řešení, které může načítat funkce, které nutně nepotřebujete. |
7 | Údržba | Snadná údržba, protože aktualizace se provádějí pouze v případě potřeby | Vyžaduje více práce, protože z bezpečnostních důvodů musíte provádět pravidelné aktualizace CMS. |
8 | Optimalizace pro vyhledávače (SEO) | Vyžaduje více práce a programátorovi je třeba to připomenout, protože většina programátorů nejsou odborníci na SEO | Většina systémů pro správu obsahu je dodávána s nástroji SEO ihned po vybalení. Další funkce lze snadno přidat pomocí pluginů. |
Použití rámce (PHP MVC Framework)
V této části se podíváme na to, jak můžeme vytvořit náš web od začátku. Každý web musí používat frontendové technologie, jako je HyperText Markup Language (HTML), JavaSkript a kaskádové styly (CSS).
Backend má více možností pro programovací jazyky. Můžete použít PHP, Python, Ruby, JavaSkript atd. PHP je jedním z nejběžnějších. V této části budeme hovořit o technologiích PHP.
Můžete použít PHP, protože je to pomalý proces, takže i programátoři, kteří vytvářejí webové stránky od nuly, musí používat vývojový rámec. Nejoblíbenější je model-View-Controller (MVC) framework. Příklady PHP MVC frameworků zahrnují Laravel, CodeIgniter, Cake PHP, Symfony atd.
Rámce MVC poskytují následující funkce:
- Vestavěná databázová konektivita s knihovnami: To vám ušetří čas na psaní kódu pro bezpečné připojení k databázi pro zápis a načítání dat.
- Vestavěné autentizační moduly: To vám ušetří čas na psaní kódu, který bude v případě potřeby vyžadovat přihlášení a odhlášení uživatelů z webu.
- Strukturovaný kód: Návrhový vzor MVC odděluje obchodní logiku od prezentace. Díky tomu je snadné mít programátora, který může pracovat na back-endu, a webového designéra, který pracuje na vývoji front-endu.
- Balíčky: Jsou to kolekce knihoven, které provádějí strašně specifické úkoly. Můžete například použít nebo stáhnout balíček pro přidání funkcí, jako jsou;
- Přidání funkce komentování Disqus na váš web
- Volání API
- Integrace platební brány.
K urychlení doby vývoje můžete použít rámce MVC. Můžete také použít šablony HTML k urychlení vývoje frontendu pomocí šablon HTML s otevřeným zdrojovým kódem. Můžete si také zakoupit komerční HTML šablonu a poté ji upravit podle svých požadavků. Někteří tvůrci HTML šablon dokonce vytvářejí specifické HTML šablony rámce MVC.
Můžete si například zakoupit šablonu HTML, která používá šablonu blade, modul šablon zabudovaný do rámce Laravel MVC.
Tvorba webu pomocí redakčního systému (WordPress)
V této části se podíváme na to, jak můžete vytvořit web pomocí WordPress:
Stahování WordPressu
Pokud máte nainstalovaný webový server a PHP, můžete si stáhnout WordPress z oficiálních stránek a spustit jej na místním počítači. Pokud však již máte hostingový účet, můžete si nainstalovat WordPress přímo z vašeho cPanelu.
Začínáme s aplikací WordPress
Jakmile nainstalujete WordPress, můžete začít tvořit svůj web.
Web hosting:
Než začnete, musíte mít a název domény a webhosting účet. Webhostingový účet by měl mít nainstalované PHP a MySQL jako databázový stroj. Můžete využít službu Bluehost, Godaddy, nebo můžete hostovat pomocí WP Engine, který se specializuje na poskytování spravovaného hostingu WordPress.
Instalace:
Většina poskytovatelů webhostingu má v administrativním panelu speciální skripty, které vám umožní nainstalovat WordPress. Pokud váš poskytovatel hostingu používá cPanel, měli byste být schopni nainstalovat WordPress kliknutím na ikonu WordPress, jak je znázorněno na obrázku níže:
Jakmile vyberete výše uvedenou možnost, zobrazí se vám následující okno pro dokončení instalace.
Nastavení:
Sekce nastavení vám umožňuje nakonfigurovat věci, jako je název webu, trvalé odkazy URL, časové pásmo, zda se někdo může na váš web zaregistrovat atd.
Šablona:
Šablony nám umožňují vidět, jak naše webové stránky vypadají. WordPress je dodáván s bezplatnými vestavěnými šablonami, které můžete ihned použít. Můžete si také stáhnout šablony vytvořené jinými uživateli. Kromě bezplatných šablon si můžete také zakoupit prémiové šablony z tržišť, jako je ThemeForest.
Plug-iny:
Pluginy umožňují rozšířit funkčnost WordPressu. Můžete například použít plugin, který umožní vašim klientům platit vám přes PayPal z vašeho webu. Pomocí zásuvných modulů můžete také donutit uživatele používat zabezpečené připojení (HTTPS) nebo generovat mapy stránek.
Tvůrci webových stránek:
Tvůrci webových stránek přicházejí s mnoha funkcemi, které usnadňují vytváření webových stránek pomocí metod drag and drop. Tvůrci webových stránek se obvykle instalují jako pluginy a přicházejí se šablonami, které můžete použít.
Podívejme se na některé z nejpopulárnějších tvůrců webu:
Astra
Astra je rychlé, lehké a vysoce přizpůsobitelné téma WordPress. Dodává se se startovacími šablonami, které můžete použít k rychlému vytvoření svých webů. Má bezplatné i prémiové startovací šablony.
Elementor:
Elementor je drag and drop tvůrce webových stránek pro WordPress, který používá více než 5 milionů uživatelů. Elementor nabízí bezplatné i prémiové funkce.
Stavitel bobrů:
Beaver Builder je snadno použitelný nástroj pro tvorbu webových stránek přetažením a přetažením pro WordPress, který vám umožní rychle vytvářet profesionálně vypadající webové stránky.
Alternativy WordPress
WordPress není jediný redakční systém, který můžete použít k vytvoření svého webu. Můžete se také podívat na alternativy jako např
- Joomla: Joomla je open-source redakční systém, který lze použít k publikování obsahu, diskusních fór, aplikací pro elektronické obchodování atd. Používá PHP jako programovací jazyk a MySQL jako databázový stroj.
- Drupal: Jedná se o systém pro správu webového obsahu, který dokáže vytvářet osobní blogy, firemní weby nebo správu znalostí pro obchodní spolupráci. Drupal je napsán v PHP a JavaSkript.
- MODX: Jedná se o open-source redakční systém, který je napsán v PHP. A používá MySQL jako databázový stroj. Lze jej použít na webu i intranetu.
- Konstantní Kontakt: Toto je tvůrce webových stránek, který poskytuje funkce drag and drop. Lze jej použít k vytvoření základních webových stránek a e-shopů.
Shrnutí
- Webové stránky jsou vytvářeny pomocí počítačového kódu.
- Počítačový kód je člověku čitelný pokyn, který říká počítači, aby provedl konkrétní úkol.
- Webové stránky lze vytvářet buď od začátku, nebo pomocí existující platformy, jako je WordPress.
- Vytvoření webu od začátku zabere více času ve srovnání s tvorbou pomocí platformy.
- Vytvoření webu od nuly je flexibilnější ve srovnání s používáním stávající platformy.
- Programovací jazyky používané pro tvorbu webových stránek jsou HTML, CSS, JavaSkript a skriptovací jazyky pro backend, jako je PHP, Python, Ruby atd.
- WordPress je redakční systém, pomocí kterého lze velmi rychle vytvářet webové stránky.
- WordPress podporuje pluginy jako Astra, Elementor nebo Beaver Builder atd., které poskytují funkce pro návrh webových stránek přetažením.
- MVC frameworky jako Laravel nebo CodeIgniter lze použít k urychlení vývoje webových stránek od nuly.