Nepotrebujete veľa softvéru, aby ste mohli začať pracovať ako webový vývojár
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-What You See je to, č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 uží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.
- CoffeeCup HTML Editor je určený pre nových vývojárov, ktorí majú väčší záujem o to, aby sa učili kódovať, než 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 povie vývojárovi, ako ich opraviť. Editor HTML CoffeeCup beží na systéme Windows.
- Mobirise je editor HTML 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 open-source softvér je k dispozícii pre Windows, Mac a Linux.
- Aplikácia Photoshop Elements pre počítače Mac a PC je editor obrázkov, ktorý je ľahkou verziou menovky, ale má dostatok energie na prácu s grafikou pre web.
- Corel PaintShop Pro pre počítače má takmer všetky užitočné nástroje, ktoré nájdete vo Photoshope a rozhranie, ktoré je ľahko použiteľné.
- 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ý FTP klient dostupný pre 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.
- Vysielanie je prémiový, 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í.