Osnovni alati potrebni za web dizajn su nevjerojatno jednostavni. Osim računala i internetske veze, većina alata za izradu web sučelja su softverski programi, od kojih neki mogu biti već na vašem računalu. Trebate tekst ili HTML uređivač, grafički urednik, web preglednike i FTP klijent za prijenos datoteka na web poslužitelj.
Odabir osnovnog teksta ili HTML uređivača
Možete pisati HTML u običnom uređivaču teksta kao što je Notepad u sustavu Windows 10, TextEdit na Macu ili Vi ili Emacs u Linuxu. Unosite HTML kôd, spremite dokument kao web datoteku i otvorite ga u pregledniku kako biste bili sigurni da izgleda kao da je to potrebno.
Ako želite više funkcija nego što ste pronašli u običnom uređivaču teksta, umjesto toga upotrijebite HTML uređivač. HTML uređivači prepoznaju kod i mogu prepoznati pogreške u kodiranju prije pokretanja datoteke. Oni također mogu dodati zatvaranje oznaka koje zaboravite i označiti prekršene veze. Oni prepoznaju i smjestiti druge kodne jezike kao što su CSS, PHP i JavaScript.
Na tržištu postoje mnogi urednici HTML-a, a razlikuju se od osnovnog do profesionalnog softvera. Ako ste novi za pisanje web stranica, jedan od urednika WYSIWYG (ono što vidite je ono što dobijete) može raditi najbolje za vas. Neki izdavači prikazuju samo kôd, ali s nekima od njih možete prebacivati između kodiranja prikaza i vizualnih prikaza. Evo nekoliko dostupnih HTML web urednika:
- Komodo IDE i korisničko sučelje pogodno za početnike i napredne web programere. Automatsko dovršavanje značajke Komodo IDE osobito je pogodno za nove programere jer zna napisati kod za zajedničke elemente kao što su veze. Softver podržava kodiranje boja različitih vrsta kodiranja, kao što su HTML, CSS i mnogi drugi kodni jezici. Komodo IDE je cross-platforma softver koji radi na Windows, Mac i Linux.
- CoffeeCup HTML uređivač je za nove programere koji su više zainteresirani za učenje kodova nego u vizualnom sučelju. Ovaj robusni editor dolazi s predlošcima i ima provjere valjanosti da bi kod bez pogrešaka ostali. To uključuje završetak koda i podržava druge jezike za kodiranje koje možete koristiti u kombinaciji s HTML-om. Početnici će to cijeniti kada softver ističe pogreške u kodu, objašnjava zašto su se pojavili i govori razvojnom programeru kako ih riješiti. CoffeeCup HTML Editor radi na sustavu Windows.
- Mobirise je HTML urednik za ljude koji se ne žele uključiti u kod. Radi se o odabiru teme, a zatim povlačenjem i ispuštanjem elemenata na stranicu. Dodajte tekst kao u redovitom uređivaču teksta i umetnite slike, videozapise ili ikone - sve bez pisanja bilo kojeg koda; Mobirise radi taj dio za vas. Mobirise je dostupan za Windows i Mac, a besplatan je.
Web preglednici
Testirajte svoje web stranice u pregledniku kako biste bili sigurni da izgledaju kao da ste namjeravali prije pokretanja stranice. Chrome, Firefox, Safari (Mac) i Internet Explorer (Windows) najpopularniji su preglednici. Provjerite HTML u onoliko preglednika koliko imate na računalu i preuzmite manje poznate preglednike, kao što je Opera.
Grafički urednik
Vrsta grafičkog urednika koja vam je potrebna ovisi o vašoj web stranici. Iako je Adobe Photoshop zlatni standard za rad s fotografijama, možda vam neće trebati toliko energije. Možda biste voljeli grafički program za logotip i ilustraciju. Nekoliko grafičkih urednika koje treba pogledati za osnovno korištenje web razvoj uključuje:
- GIMP je besplatan program za uređivanje fotografija otvorenog izvora koji pruža mnoge značajke svojih skupljih konkurenata. Kao open source softver, dostupan je za Windows, Mac i Linux.
- Photoshop Elements za Mac i PC urednik slike koji je lagana verzija svog imenjaka, ali s puno snage za rad s grafičkim za web.
- Corel PaintShop Proza računala ima gotovo sve korisne alate koje možete pronaći u Photoshopu i sučelje koje je lako koristiti.
- Inkscape za Windows, Mac i Linux besplatan je vektor grafički urednik. Ova alternativa cijenjenom Adobe Illustratoru ima više nego dovoljnu snagu za jednostavni dizajn i web grafiku.
FTP klijent
Trebate FTP klijent za prijenos HTML datoteka i podršku slike i grafike na svoj web poslužitelj. Dok je FTP dostupan preko naredbenog retka u sustavu Windows, Macintosh i Linux, puno je lakše koristiti klijentu. Postoji mnogo dobrih FTP klijenata, uključujući:
- FileZilla je besplatan FTP klijent dostupan za Windows, Mac i Linux. Podržava prijenose datoteka povlačenjem i ispuštanjem i ima značajku za pauzu i nastavak za prijenos velikih datoteka.
- Cyberduck je besplatan open-source, cross-platforma softver poznat po besprijekornoj integraciji s vanjskim urednicima i atraktivnim korisničkim sučeljem.
- Besplatni FTP i Izravni FTP od strane iste tvrtke. Besplatni FTP je minimalistički klijent, ali ispunjava sve osnovne potrebe prijenosa datoteka. Izravni FTP je premium verzija koja nudi napredne značajke. Oba verzija podržavaju Windows 7,8 i Vista, ali samo Direct FTP je pogodan za Windows 10.
- Prenositi je premium, samo FTP klijent koji podržava Mac. Omogućuje neuobičajeno brz prijenos i podržava Amazon CloudFront.
- Slatka FTP je snažan FTP klijent koji možete koristiti za istovremeni prijenos do 100 transakcija. Smatra se jednim od najsigurnijih FTP klijenata u blizini.
