Kromě počítače a připojení k internetu je většina nástrojů, které potřebujete k vytvoření webové stránky, softwarové programy, z nichž některé již mohou být ve vašem počítači. K nahrávání souborů na webový server potřebujete textový editor nebo editor HTML, grafický editor, webové prohlížeče a klienta FTP.
Výběr základního textového nebo HTML editoru
HTML můžete psát v prostém textovém editoru, například poznámkový blok ve Windows 10, TextEdit a Sublime Text na Macu, nebo Vi nebo Emacs v Linuxu. Vytvoříte kódování HTML pro stránku, uložíte dokument jako webový soubor a otevřete jej v prohlížeči, abyste se ujistili, že vypadá, jako by měl.
Pokud chcete více funkcí, než nabízí editor prostého textu, použijte místo toho editor HTML. Redaktoři HTML rozpoznají kód a jsou schopni identifikovat chyby kódování před spuštěním souboru. Mohou také přidat zavírací značky, které zapomenete, a zvýraznit rozbité Odkazy. Rozpoznávají a přizpůsobují se dalším kódovacím jazykům, jako jsou CSS, PHP a JavaScript.
Mnoho editorů HTML na trhu se liší od základní až po profesionální úroveň. Pokud začínáte psát webové stránky, jeden z WYSIWYG Redaktoři (What You See Is What You Get) by pro vás mohli fungovat nejlépe. Některé editory zobrazují pouze kód, ale některé vám umožňují přepínat mezi kódováním a vizuálními zobrazeními. Zde je několik z mnoha dostupných webových editorů HTML:
- Komodo IDE a jeho uživatelsky přívětivé rozhraní jsou vhodné jak pro začínající, tak pro pokročilé webové vývojáře. Funkce automatického doplňování Komodo IDE je obzvláště užitečná, když píšete kód pro běžné prvky, jako jsou odkazy. Tento software podporuje barevné kódování různých kódovacích jazyků, jako je HTML, CSS a mnoho dalších. Komodo IDE běží na Windows, Mac a Linux.
- CoffeeCup HTML editor je obzvláště užitečné pro nové vývojáře, kteří se více zajímají o učení se kódu než o vizuální rozhraní. Tento robustní editor je dodáván se šablonami a má kontroly platnosti, které vám pomohou udržet váš kód bez chyb. Zahrnuje doplnění kódu a podporuje další kódovací jazyky můžete použít ve spojení s HTML. Software zvýrazňuje chyby, vysvětluje, proč se objevily, a říká, jak je opravit. CoffeeCup HTML Editor běží na Windows.
- Mobirise je editor HTML pro lidi, kteří se nechtějí zapojit do kódu. Je to všechno o výběru a téma a pak přetahování prvků na stránce. Přidejte text stejně jako v běžném textovém editoru a vkládejte obrázky, videa nebo ikony - to vše bez psaní kódu; Mobirise dělá tuto část za vás. Mobirise je k dispozici pro Windows a Mac a je zdarma.
Internetové prohlížeče
Webové stránky mohou vypadat v různých prohlížečích odlišně, takže je zásadní otestovat, zda vaše webové stránky vypadají a fungují správně. Chrome, Firefox, Safari (Mac), Operaa Edge (Windows) jsou nejoblíbenější prohlížeče.
Musíte také otestovat vzhled a funkci svých stránek v mobilních prohlížečích. Většina prohlížečů pro stolní počítače nabízí možnost prohlížení webových stránek v různě velkých oknech. Například spousta testovacích nástrojů je k dispozici v Google Chrome na adrese Pohled > Vývojář > Vývojářské nástroje. Kliknutím na ikonu smartphonu v levém horním rohu okna pro vývojáře zobrazíte libovolnou stránku v různě velkých oknech a mobilních operačních systémech.
Grafický editor
Typ grafického editoru, který potřebujete, závisí na vašem webu. Zlatým standardem je Adobe Photoshop, ale možná nebudete potřebovat tolik energie - navíc budete možná potřebovat program vektorové grafiky pro práci s logem a ilustracemi. Mezi několik grafických editorů, které se zaměřují na základní vývoj webových aplikací, patří:
- GIMP je bezplatný program pro úpravu fotografií s otevřeným zdrojovým kódem, který poskytuje mnoho funkcí dražších konkurentů. Tak jako open source software, je k dispozici pro Windows, Mac a Linux.
- Photoshop Elements pro Mac a PC je odlehčenou verzí svého jmenovce, ale má spoustu funkcí.
- Corel PaintShop Pro pro počítače má téměř všechny nástroje, které najdete ve Photoshopu, ve snadno použitelném rozhraní.
- Inkscape pro Windows, Mac a Linux je bezplatný editor vektorové grafiky. Tato alternativa k dražší aplikaci Adobe Illustrator má více než dost možností pro jednoduché konstrukční práce a webovou grafiku.
FTP klient
K přenosu souborů HTML a podporujících obrázků a grafiky na webový server potřebujete klienta FTP (protokol pro přenos souborů). FTP je k dispozici prostřednictvím příkazového řádku ve Windows, Macintosh a Linux, ale použití FTP klienta je mnohem jednodušší. Vrchol FTP klienti zahrnout:
- FileZilla (zdarma) je k dispozici pro Windows, Mac a Linux. Podporuje přenos souborů přetažením a má funkci pozastavení a obnovení nahrávání velkých souborů.
- Cyberduck je bezplatný multiplatformní software s otevřeným zdrojovým kódem známý svou bezproblémovou integrací s externími editory a atraktivním uživatelským rozhraním.
- Zdarma FTP a Přímý FTP jsou vyráběny stejnou společností. Free FTP je minimalistický klient, který splňuje základní potřeby přenosu souborů. Direct FTP je prémiová verze, která nabízí pokročilé funkce. Obě verze podporují Windows 7, 8 a Vista, ale pro Windows 10 je vhodný pouze Direct FTP.
- Vysílat je prémiový klient FTP pouze pro Mac. Usnadňuje neobvykle rychlé přenosy a podporuje Amazon CloudFront.
- Roztomilý FTP je výkonný prémiový klient FTP, který můžete použít k provedení až 100 převodů současně. Je považován za jednoho z nejbezpečnějších dostupných FTP klientů.