Okrem počítača a pripojenia na internet je väčšina nástrojov, ktoré potrebujete na vytvorenie webových stránok, sú softvérové programy, z ktorých niektoré už môžu byť vo vašom počítači. Na nahrávanie súborov na webový server potrebujete textový alebo HTML editor, grafický editor, webové prehliadače a klienta FTP.
Výber základného textového alebo HTML editora
HTML môžete písať v obyčajnom textovom editore, ako je napr Poznámkový blok vo Windows 10, TextEdit a Sublime Text na počítači Mac alebo Vi alebo Emacs v systéme Linux. Vytvoríte kódovanie HTML stránky, dokument uložíte ako webový súbor a otvoríte ho v prehliadači, aby ste sa uistili, že vyzerá tak, ako má.
Ak chcete viac funkcií, ako ponúka editor obyčajného textu, použite radšej editor HTML. Redaktori HTML rozpoznajú kód a sú schopní identifikovať chyby kódovania skôr, ako spustíte súbor. Môžu tiež pridať záverečné značky, ktoré zabudnete, a zvýrazniť nefunkčné odkazy. Rozoznávajú a prispôsobujú sa iným kódovacím jazykom, ako sú CSS, PHP a JavaScript.
Mnoho editorov HTML na trhu sa líši od základnej po profesionálnu úroveň. Ak s písaním webových stránok začínate, jeden z WYSIWYG Editori (Čo vidíte, to dostanete) môžu pre vás fungovať najlepšie. Niektorí editori zobrazujú iba kód, iní vám však umožňujú prepínať medzi zobrazením kódovania a vizuálnym zobrazením. Tu je niekoľko z mnohých dostupných webových editorov HTML:
- Komodo IDE a jeho užívateľsky prívetivé rozhranie je vhodné pre začínajúcich aj pokročilých vývojárov webu. Funkcia automatického dopĺňania Komodo IDE je obzvlášť užitočná, keď píšete kód pre bežné prvky, ako sú odkazy. Softvér podporuje farebné kódovanie rôznych jazykov kódovania, ako je HTML, CSS a mnoho ďalších. Komodo IDE funguje na Windows, Mac a Linux.
- CoffeeCup HTML editor je obzvlášť užitočný pre nových vývojárov, ktorí sa viac ako o vizuálne rozhranie zaujímajú o výučbu programovania. Tento robustný editor je dodávaný so šablónami a má kontrolu platnosti, aby váš kód nebol bez chýb. Zahŕňa dokončenie kódu a podporuje ďalšie kódovacie jazyky môžete použiť v spojení s HTML. Softvér zvýrazňuje chyby, vysvetľuje, prečo sa vyskytli, a povie vám, ako ich opraviť. CoffeeCup HTML Editor beží na Windows.
- Mobirise je editor HTML pre ľudí, ktorí sa nechcú zapojiť do kódu. Všetko je o výbere a téma a potom pretiahnutím prvkov na stránke. Pridajte text rovnako ako v bežnom textovom editore a vložte obrázky, videá alebo ikony - to všetko bez nutnosti písania kódu; Mobirise robí túto časť za vás. Mobirise je k dispozícii pre Windows a Mac a je zadarmo.
Webové prehliadače
Webové stránky sa môžu od prehliadača k prehliadaču odlišovať, takže je zásadné vyskúšať ich webové stránky, aby ste sa uistili, že vyzerajú a fungujú tak, ako majú. Chrome, Firefox, Safari (Mac), Operaa Edge (Windows) sú najobľúbenejšie prehliadače.
Musíte tiež otestovať vzhľad a funkciu svojich stránok v mobilných prehliadačoch. Väčšina prehliadačov pre počítače ponúka možnosť prezerania webových stránok v oknách rôznych veľkostí. Napríklad množstvo testovacích nástrojov je k dispozícii v prehliadači Google Chrome na adrese vyhliadka > Vývojár > Nástroje pre vývojárov. Kliknutím na ikonu smartphonu v ľavom hornom rohu okna pre vývojárov zobrazíte ľubovoľnú stránku v rozdielne veľkých oknách a mobilných operačných systémoch.
Grafický editor
Typ potrebného grafického editora závisí od vašej webovej stránky. Zlatým štandardom je Adobe Photoshop, ale možno nebudete potrebovať toľko energie - navyše budete možno potrebovať vektorový grafický program na prácu s logami a ilustráciami. Medzi niekoľko grafických editorov, ktoré sa zameriavajú na základný vývoj webu, patria:
- GIMP je bezplatný program na úpravu fotografií s otvoreným zdrojovým kódom, ktorý poskytuje mnoho funkcií svojich drahších konkurentov. Ako softvér otvoreného zdroja, je k dispozícii pre Windows, Mac a Linux.
- Photoshop Elements pre Mac a PC je ľahká verzia jeho menovca, ale má veľa funkcií.
- Corel PaintShop Pro pre počítače má takmer všetky nástroje, ktoré nájdete vo Photoshope, v ľahko použiteľnom rozhraní.
- Inkscape pre Windows, Mac a Linux je bezplatný editor vektorovej grafiky. Táto alternatíva k drahšiemu programu Adobe Illustrator má viac než dosť možností na jednoduché dizajnérske práce a webovú grafiku.
FTP klient
Na prenos súborov HTML a podporných obrázkov a grafiky na webový server potrebujete klienta FTP (protokol na prenos súborov). FTP je k dispozícii prostredníctvom príkazového riadku v systémoch Windows, Macintosh a Linux, ale použitie FTP klienta je oveľa jednoduchšie. Vrch FTP klienti zahŕňajú:
- FileZilla (zadarmo) je k dispozícii pre Windows, Mac a Linux. Podporuje prenos súborov myšou a má funkciu pozastavenia a obnovenia nahrávania veľkých súborov.
- Cyberduck je bezplatný multiplatformový softvér s otvoreným zdrojovým kódom známy pre svoju bezproblémovú integráciu s externými editormi a atraktívne používateľské rozhranie.
- Zadarmo FTP a Priamy FTP sú vyrobené rovnakou spoločnosťou. Free FTP je minimalistický klient, ktorý spĺňa základné potreby prenosu súborov. Direct FTP je prémiová verzia, ktorá ponúka pokročilé funkcie. Obe verzie podporujú systémy Windows 7, 8 a Vista, pre Windows 10 je však vhodný iba Direct FTP.
- Vysielať je prémiový klient FTP iba pre Mac. Uľahčuje neobvykle rýchle prenosy a podporuje Amazon CloudFront.
- Roztomilý FTP je výkonný prémiový klient FTP, pomocou ktorého môžete vykonať až 100 prevodov súčasne. Považuje sa za jedného z najbezpečnejších dostupných klientov FTP.