Základné nástroje potrebné pre web dizajn sú úžasne jednoduché. Okrem počítača a pripojenia k internetu je väčšina nástrojov, ktoré potrebujete na vytvorenie webových stránok, softvérové programy, z ktorých niektoré už môžu byť na vašom počítači. Potrebujete textový alebo HTML editor, grafický editor, webové prehliadače a FTP klient na nahrávanie súborov na váš webový server.
Výber základného textu alebo HTML editora
Môžete písať HTML v textovom editore ako napríklad Poznámkový blok v systéme Windows 10, TextEdit na počítači Mac alebo Vi alebo Emacs v systéme Linux. Zadáte kód HTML, uložíte dokument ako webový súbor a otvoríte ho v prehliadači, aby ste sa uistili, že to vyzerá, akoby to malo byť.
Ak chcete viac funkcií, ako nájdete v editoroch prostého textu, namiesto toho použite editor HTML. Editor HTML rozpozná kód a je schopný identifikovať chyby kódovania pred spustením súboru. Môžu tiež pridať záverečné značky, ktoré zabudnete, a zvýrazniť nefunkčné odkazy. Rozpoznávajú a prispôsobujú ostatné jazyky kódovania, ako napríklad CSS, PHP a JavaScript.
Existuje veľa editorov HTML na trhu a líšia sa od základného softvéru na profesionálnej úrovni. Ak ste noví pri písaní webových stránok, jeden z editorov WYSIWYG (Čo vidíte, čo dostanete) môže pracovať pre vás najlepšie. Niektorí redaktori zobrazujú iba kód, ale s niektorými z nich môžete prepínať medzi zobrazeniami kódovania a vizuálnymi zobrazeniami. Tu je niekoľko z mnohých editorov HTML webových stránok:
- Komodo IDE a jeho používateľsky prívetivé rozhranie je vhodné pre začínajúcich i pokročilých vývojárov webu. Funkcia automatického dokončovania aplikácie Komodo IDE je zvlášť výhodná pre nových vývojárov, pretože vie, ako napísať kód spoločných prvkov, ako sú napríklad odkazy. Softvér podporuje farebné kódovanie rôznych typov kódovania, ako sú HTML, CSS a mnoho ďalších kódovacích jazykov. Komodo IDE je multiplatformný softvér, ktorý funguje na systémoch Windows, Mac a Linux.
- Editor HTML CoffeeCup je pre nových vývojárov, ktorí majú väčší záujem učiť sa kódovať ako vo vizuálnom rozhraní. Tento robustný editor je dodávaný s šablónami a má kontrolné kontroly, aby sa váš kód stal bezchybným. Obsahuje dokončenie kódu a podporuje ďalšie jazyky kódovania, ktoré môžete použiť v spojení s jazykom HTML. Začiatočníci to ocenia, keď softvér zvýrazní chyby v kóde, vysvetľuje, prečo sa objavili, a informuje vývojára, ako ich opraviť. Editor HTML CoffeeCup beží na systéme Windows.
- Mobirise je HTML editor pre ľudí, ktorí sa nechcú zaoberať kódom. Je to všetko o vyberaní témy a pretiahnutí prvkov na stránke. Pridajte text rovnako ako v normálnom textovom editore a vložte obrázky, videá alebo ikony - to všetko bez písania kódu; Mobirise robí túto časť za vás. Mobirise je k dispozícii pre systémy Windows a Mac a je zadarmo.
Webové prehliadače
Otestujte svoje webové stránky v prehliadači, aby ste sa ubezpečili, že vyzerajú tak, ako ste zamýšľali pred spustením stránky. Chrome, Firefox, Safari (Mac) a Internet Explorer (Windows) sú najobľúbenejšie prehliadače. Skontrolujte svoj kód HTML v toľkých prehliadačoch ako v počítači a stiahnite si menej známe prehliadače, ako napríklad Opera.
Grafický editor
Typ grafického editora, ktorý potrebujete, závisí od vášho webu. Hoci je Adobe Photoshop zlatým štandardom pre prácu s fotografiami, nemusí toľko energie potrebovať. Môžete preferovať vektorový grafický program pre logo a ilustráciu. Niekoľko grafických editorov, ktoré sa pozerajú na základné používanie vývoja webu, zahŕňajú:
- GIMP je bezplatný, open-source program na úpravu fotografií, ktorý poskytuje mnoho funkcií svojich drahších konkurentov. Ako softvér s otvoreným zdrojovým kódom je k dispozícii pre systémy Windows, Mac a Linux.
- Photoshop Elements pre Mac a PC je editor obrázkov, ktorý je ľahkou verziou svojho mena, ale s množstvom energie na prácu s grafikou pre web.
- Corel PaintShop Propre počítače má takmer všetky užitočné nástroje, ktoré nájdete vo Photoshope a rozhranie, ktoré sa ľahko používa.
- Inkscape pre Windows, Mac a Linux je bezplatný vektorový grafický editor. Táto alternatíva k drahšiemu Adobe Illustratoru má viac ako dostatok energie pre jednoduchú dizajnovú prácu a webovú grafiku.
FTP klient
Potrebujete FTP klienta na prenos vašich HTML súborov a podporovanie obrázkov a grafiky na váš webový server. Kým FTP je k dispozícii prostredníctvom príkazového riadka v systéme Windows, Macintosh a Linux, klient je oveľa jednoduchšie používať. Existuje mnoho kvalitných FTP klientov, vrátane:
- FileZilla je bezplatný klient FTP dostupný pre systémy Windows, Mac a Linux. Podporuje prevody súborov drag-and-drop a má funkciu pozastavenia a obnovenia pre nahrávanie veľkých súborov.
- Cyberduck je bezplatný open-source, multiplatformový softvér známy pre bezproblémovú integráciu s externými editormi a atraktívnym používateľským rozhraním.
- Voľný FTP a Priamy FTP sú vyrobené tou istou spoločnosťou. Free FTP je minimalistický klient, ale spĺňa všetky základné požiadavky na prenos súborov. Priamy FTP je prémiová verzia, ktorá ponúka pokročilé funkcie. Obe verzie sú podporované systémami Windows 7,8 a Vista, ale iba systém Direct FTP je vhodný pre Windows 10.
- odovzdať je prémia, FTP klient iba pre Mac. Umožňuje neobvykle rýchle prevody a podporuje službu Amazon CloudFront.
- Roztomilý FTP je výkonný prémiový FTP klient, ktorý môžete použiť na vytvorenie až 100 prevodov súčasne. Je považovaný za jedného z najbezpečnejších klientov FTP v okolí.
