Základní nástroje potřebné pro tvorbu webových stránek jsou úžasně jednoduché. 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é mohou být již ve vašem počítači. Potřebujete textový nebo HTML editor, editor grafiky, webové prohlížeče a FTP klient pro upload souborů na váš webový server.
Výběr základního textu nebo editoru HTML
Můžete psát HTML v editoru prostého textu, jako je Poznámkový blok v systému Windows 10, TextEdit na Macu nebo Vi nebo Emacs v Linuxu. Zadáte kód HTML, uložíte dokument jako webový soubor a otevřete jej v prohlížeči, aby se ujistil, že to vypadá, že to má být.
Pokud chcete více funkcí, než najdete v editoru prostého textu, místo toho použijte editor HTML. Editor HTML rozpozná kód a je schopen identifikovat chyby kódování před spuštěním souboru. Mohou také přidat závěrečné značky, které zapomenete, a zvýraznit nefunkční odkazy. Rozpoznávají a přizpůsobují další kódovací jazyky, jako je CSS, PHP a JavaScript.
Na trhu existuje mnoho editorů HTML, které se liší od základního softwaru na profesionální úrovni. Pokud jste noví při psaní webových stránek, jeden z editorů WYSIWYG (Co vidíte je to, co dostanete) může pracovat pro vás to nejlepší. Někteří editoři zobrazují kód pouze, ale s některými z nich můžete přepínat mezi zobrazeními kódování a vizuálními pohledy. Zde je několik z mnoha editorů HTML webových stránek:
- Komodo IDE a uživatelsky přívětivé rozhraní je vhodné jak pro začátečníky, tak pro pokročilé webové vývojáře. Funkce automatického doplňování Komodo IDE je zvláště užitečná pro nové vývojáře, protože umí napsat kód pro běžné prvky, jako jsou odkazy. Tento software podporuje barevné kódování různých typů kódování, jako je HTML, CSS a mnoho dalších kódovacích jazyků. Komodo IDE je multiplatformní software, který běží na systémech Windows, Mac a Linux.
- Editor HTML CoffeeCup je pro nové vývojáře, kteří se více zajímají o to, aby se učili kódovat než ve vizuálním rozhraní. Tento robustní editor je dodáván s šablonami a má ověřovací kontrolu, aby byl váš kód bez chyb. Obsahuje dokončení kódu a podporuje další jazyky kódování, které můžete použít ve spojení s kódem HTML. Začátečníci ocení, když software upozorní na chyby v kódu, vysvětluje, proč se objevily, a řekne vývojáři, jak je opravit. Editor HTML CoffeeCup běží na systému Windows.
- Mobirise je editor HTML pro lidi, kteří se nechtějí zabývat kódem. Jedná se pouze o výběr motivu a přetahování prvků na stránku. Přidejte text stejně jako v normálním textovém editoru a vložte obrázky, videa nebo ikony - to vše bez psaní kódu; Mobirise dělá tuto část pro vás. Mobirise je k dispozici pro Windows a Mac a je zdarma.
Internetové prohlížeče
Otestujte své webové stránky v prohlížeči a ujistěte se, že vypadají tak, jak jste zamýšleli před spuštěním stránky. Chrome, Firefox, Safari (Mac) a Internet Explorer (Windows) jsou nejoblíbenější prohlížeče. Zkontrolujte HTML v co nejvíce prohlížečích jako v počítači a stáhněte si i méně známé prohlížeče, například Opera.
Grafický editor
Typ grafického editoru, který potřebujete, závisí na vašem webu. Přestože Adobe Photoshop je zlatým standardem pro práci s fotografiemi, možná nebudete potřebovat tolik energie. Upřednostňujte vektorový grafický program pro práci s logem a ilustrací. Několik grafických editorů, které se zaměřují na základní použití pro vývoj webových aplikací, patří:
- GIMP je bezplatný open-source program pro editaci fotografií, který poskytuje mnoho funkcí svých dražších konkurentů. Jako open source software je dostupný pro Windows, Mac a Linux.
- Photoshop Elements pro Mac a PC je editor obrázků, který je lehká verze jeho jmenovce, ale s velkým množstvím energie pro práci s grafikou pro web.
- Corel PaintShop Propro počítače má téměř všechny užitečné nástroje, které najdete ve Photoshopu a rozhraní, které se snadno používá.
- Inkscape pro Windows, Mac a Linux je bezplatný vektorový grafický editor. Tato alternativa k dražší aplikaci Adobe Illustrator má více než dostatek energie pro jednoduchou práci s návrhy a webovou grafiku.
FTP klient
Potřebujete FTP klienta k přenosu souborů HTML a podporování obrázků a grafiky na váš webový server. Zatímco FTP je k dispozici prostřednictvím příkazového řádku v systémech Windows, Macintosh a Linux, je mnohem jednodušší použít klienta. K dispozici je mnoho kvalitních FTP klientů včetně:
- FileZilla je bezplatný FTP klient k dispozici pro Windows, Mac a Linux. Podporuje přenosy souborů drag-and-drop a má funkci pozastavení a obnovení pro nahrávání velkých souborů.
- Cyberduck je bezplatný open-source, cross-platform software známý pro jeho bezproblémovou integraci s externími editory a jeho atraktivním uživatelským rozhraním.
- Volný FTP a Přímý FTP jsou vyrobeny stejnou společností. Volný FTP je minimalistický klient, ale splňuje všechny základní požadavky na přenos souborů. Přímý FTP je prémiová verze, která nabízí pokročilé funkce. Obě verze jsou podporovány Windows 7,8 a Vista, ale pouze Windows 10 je vhodný pouze pro Direct FTP.
- Vysílejte je prémie, FTP klient pouze pro Mac. Umožňuje neobvykle rychlé přenosy a podporuje službu Amazon CloudFront.
- Roztomilý FTP je výkonný prémiový FTP klient, který můžete použít k provedení až 100 přenosů najednou. Je považován za jednoho z nejbezpečnějších FTP klientů v okolí.
