Osim računala i internetske veze, većina alata potrebnih za izradu web stranice su i softverski programi, od kojih su neki možda već na vašem računalu. Za prijenos datoteka na web poslužitelj trebaju vam uređivač teksta ili HTML-a, grafički uređivač, web preglednici i FTP klijent.
Odabir osnovnog uređivača teksta ili HTML-a
HTML možete pisati u uređivaču običnog teksta, kao što je Notepad u sustavu Windows 10, Uređivanje teksta i uzvišeni tekst na Macu ili Vi ili Emacs na Linuxu. Stvorite HTML kodiranje za stranicu, spremite dokument kao web datoteku i otvorite ga u pregledniku kako biste bili sigurni da izgleda kao da treba.
Ako želite više funkcionalnosti nego što nudi običan uređivač teksta, umjesto toga upotrijebite HTML uređivač. HTML urednici prepoznaju kôd i mogu prepoznati pogreške u kodiranju prije pokretanja datoteke. Također mogu dodati zaključne oznake koje zaboravite i istaknuti slomljene poveznice. Prepoznaju i prilagođavaju se drugim kodnim jezicima kao što su CSS, PHP i JavaScript.
Mnogi HTML uređivači na tržištu razlikuju se od osnovne do profesionalne razine. Ako ste novi u pisanju web stranica, jedan od WYSIWYG Urednici (Što vidite to i dobijete) možda najbolje odgovaraju vama. Neki urednici prikazuju samo kôd, ali neki omogućuju prebacivanje između prikaza kodiranja i vizualnih prikaza. Evo nekoliko dostupnih mnogobrojnih HTML web uređivača:
- Komodo IDE i njegovo korisničko sučelje pogodno je i za početnike i za napredne web programere. Značajka samodovršavanja Komodo IDE-a posebno je korisna kada pišete kôd za uobičajene elemente poput veza. Softver podržava kodiranje u boji različitih jezika kodiranja kao što su HTML, CSS i mnogi drugi. Komodo IDE radi na sustavima Windows, Mac i Linux.
- CoffeeCup HTML Editor je posebno korisno za nove programere koje više zanima učenje kodiranja nego vizualno sučelje. Ovaj robusni uređivač dolazi s predlošcima i ima provjere za provjeru valjanosti kako bi vaš kôd ostao bez pogrešaka. Uključuje dovršenje koda i podržava ostale kodni jezici možete koristiti zajedno s HTML-om. Softver ističe pogreške, objašnjava zašto su se pojavile i govori vam kako ih ispraviti. CoffeeCup HTML Editor radi na sustavu Windows.
- Mobirise je HTML uređivač za ljude koji se ne žele miješati s kodom. Sve je u izboru a tema a zatim povlačenjem i ispuštanjem elemenata na stranici. Dodajte tekst baš kao što biste to učinili u uobičajenom uređivaču teksta i umetnite slike, videozapise ili ikone - sve bez pisanja bilo kakvog koda; Mobirise čini taj dio umjesto vas. Mobirise je dostupan za Windows i Mac i besplatan je.
Web preglednici
Web stranice mogu izgledati drugačije od preglednika do preglednika, pa je presudno testiranje vaših web stranica kako bi se osiguralo da izgledaju i funkcioniraju kako je predviđeno. Chrome, Firefox, Safari (Mac), Opera, i Edge (Windows) najpopularniji su preglednici.
Morate testirati svoje stranice na izgled i rad u mobilnim preglednicima. Većina preglednika za stolna računala nude mogućnost pregledavanja web stranica u prozorima različitih veličina. Na primjer, bogatstvo alata za testiranje dostupno je u Google Chromeu na Pogled > Programer > Razvojni alati. Odaberite ikonu pametnog telefona u gornjem lijevom kutu prozora razvojnog programera da biste vidjeli bilo koju stranicu u prozorima različite veličine i mobilnim operativnim sustavima.
Grafički urednik
Vrsta grafičkog uređivača koja vam treba ovisi o vašem web mjestu. Adobe Photoshop je zlatni standard, ali možda vam neće trebati toliko snage - osim toga, možda će vam trebati program za vektorsku grafiku za rad s logotipom i ilustracijama. Nekoliko grafičkih urednika koje treba potražiti za osnovni web razvoj uključuju:
- GIMP besplatan je program za uređivanje fotografija s otvorenim kodom koji pruža mnoge značajke svojih skupljih konkurenata. Kao softver otvorenog koda, dostupan je za Windows, Mac i Linux.
- Photoshop Elements za Mac i PC lagana je verzija svog imenjaka, ali ima obilje mogućnosti.
- Corel PaintShop Pro for PC ima gotovo sve alate koje možete pronaći u Photoshopu u sučelju jednostavnom za korištenje.
- Inkscape za Windows, Mac i Linux besplatan je uređivač vektorske grafike. Ova alternativa skupljem Adobe Illustratoru ima više nego dovoljno mogućnosti za jednostavan dizajn i web grafiku.
FTP klijent
Potreban vam je FTP (protokol za prijenos datoteka) klijent za prijenos HTML datoteka i pratećih slika i grafika na vaš web poslužitelj. FTP je dostupan putem naredbenog retka u sustavima Windows, Macintosh i Linux, ali namjenski FTP klijent puno je jednostavniji za upotrebu. Vrh FTP klijenti uključuju:
- FileZilla (besplatno) je dostupno za Windows, Mac i Linux. Podržava povlačenje i ispuštanje datoteka i ima mogućnost pauze i nastavka za prijenos velikih datoteka.
- Cyberduck besplatan je softver s više platformi otvorenog koda poznat po neprimjetnoj integraciji s vanjskim urednicima i atraktivnom korisničkom sučelju.
- Besplatni FTP i Izravni FTP izrađuje ista tvrtka. Besplatni FTP minimalistički je klijent koji zadovoljava osnovne potrebe prijenosa datoteka. Direct FTP je premium verzija koja nudi napredne značajke. Obje verzije podržavaju Windows 7, 8 i Vista, ali samo je Direct FTP pogodan za Windows 10.
- Prenositi je vrhunski FTP klijent samo za Mac. Omogućuje neobično brze prijenose i podržava Amazon CloudFront.
- Slatki FTP je moćan premium FTP klijent pomoću kojeg možete istodobno izvršiti do 100 prijenosa. Smatra se jednim od najsigurnijih dostupnih FTP klijenata.