Za začetek kot spletni razvijalec ne potrebujete veliko programske opreme
Osnovna orodja, potrebna za spletno oblikovanje, so neverjetno preprosta. Poleg računalnika in internetne povezave je večina orodij, ki jih potrebujete za izdelavo spletne strani, programski programi, od katerih so nekateri morda že na vašem računalniku. Za prenos datotek na spletni strežnik potrebujete urejevalnik besedila ali HTML, grafični urejevalnik, spletne brskalnike in odjemalec FTP.
Izbira osnovnega besedila ali urejevalnika HTML
HTML lahko v urejevalniku navadnega besedila, kot je Notepad, v programu Windows 10, TextEdit na Macu ali Vi ali Emacs v Linuxu napišete. Vnesete HTML kodo, shranite dokument kot spletno datoteko in jo odprete v brskalniku, da se prepričate, da izgleda, kot bi se morali.
Če želite več funkcionalnosti, kot ste našli v urejevalniku navadnih besedil, namesto tega uporabite urejevalnik HTML. Uredniki HTML prepoznajo kodo in so sposobni prepoznati napake kodiranja, preden zaženete datoteko. Lahko dodajo tudi zapiranje oznak, ki jih pozabite, in označite zlomljene povezave. Prepoznajo in prilagajajo druge kodirne jezike, kot so CSS, PHP in JavaScript.
Obstaja veliko urednikov HTML na trgu in se razlikujejo od osnovne do profesionalne programske opreme. Če ste novi pri pisanju spletnih strani, bo eden izmed WYSIWYG-Kaj lahko vidite, kar boste dobili-uredniki, najbolje delujejo za vas. Nekateri uredniki prikazujejo samo kodo, vendar z nekaterimi od njih lahko preklopite med kodiranjem pogledov in vizualnimi pogledi. Tukaj je nekaj od številnih spletnih urejevalnikov HTML:
- Komodo IDE in njegov uporabniku prijazen vmesnik je primeren za začetnike in napredne razvijalce spletnih mest. Funkcija samodokončanja Komodo IDE je še posebej priročna za nove razvijalce, saj ve, kako napisati kodo za skupne elemente, kot so povezave. Programska oprema podpira barvno kodiranje različnih kodnih tipov, kot so HTML, CSS in mnogi drugi kodni jeziki. Komodo IDE je večplastna programska oprema, ki deluje na Windows, Mac in Linux.
- CoffeeCup HTML Editor je za nove razvijalce, ki se bolj zanimajo za učenje kodiranja kot v vizualnem vmesniku. Ta robustni urejevalnik ima predloge in ima preveritvene preverjanje, da vašo kodo brez napak. Vključuje dokončanje kode in podpira druge kodne jezike, ki jih lahko uporabljate v povezavi z HTML-jem. Začetniki bodo to cenili, ko bo programska oprema izpostavila napake v kodi, razlaga, zakaj so se pojavile in razvijalcu povedal, kako jih popraviti. CoffeeCup HTML Editor se zažene v sistemu Windows.
- Mobirise je urejevalnik HTML za ljudi, ki se ne želijo vključiti v kodo. Gre za izbor teme in nato povleci in spusti elemente na strani. Dodajte besedilo tako kot v rednem urejevalniku besedil in vstavite slike, videoposnetke ali ikone - vse brez pisanja kode; Mobirise dela za vas. Mobirise je na voljo za Windows in Mac in je brezplačen.
Spletni brskalniki
Preizkusite svoje spletne strani v brskalniku, da se prepričate, da izgledajo, kot ste nameravali, preden začnete stran. Chrome, Firefox, Safari (Mac) in Internet Explorer (Windows) so najbolj priljubljeni brskalniki. Preverite svoj HTML v toliko brskalnikih, kot jih imate v računalniku, in prenesite manj znane brskalnike, kot je Opera.
Grafični urednik
Vrsta urejevalnika grafike, ki jo potrebujete, je odvisna od vaše spletne strani. Čeprav je Adobe Photoshop zlati standard za delo s fotografijami, morda ne potrebujete toliko energije. Morda vam je všeč vektorski grafični program za logotip in ilustracijsko delo. Nekaj grafičnih urednikov, ki si ogledajo osnovno uporabo spletnega razvoja, vključujejo:
- GIMP je brezplačen, odprtokodni program za urejanje fotografij, ki ponuja številne funkcije dražjih konkurentov. Kot odprtokodna programska oprema je na voljo za Windows, Mac in Linux.
- Elementi Photoshop za Mac in računalnik je urejevalnik slik, ki je lahka različica imenikov, vendar z veliko moči za delo z grafiko za splet.
- Corel PaintShop Pro za osebne računalnike ima skoraj vsa koristna orodja, ki jih najdete v Photoshopu in vmesnik, ki je enostaven za uporabo.
- Inkscape za Windows, Mac in Linux je urejevalnik brezplačne vektorske grafike. Ta alternativa pricierju Adobe Illustrator ima več kot dovolj moči za preprosto oblikovanje in spletno grafiko.
FTP Client
Za prenos datotek HTML in podpiranje slik in grafik potrebujete odjemalca FTP na spletni strežnik. Medtem ko je FTP na voljo prek ukazne vrstice v operacijskem sistemu Windows, Macintosh in Linux, je veliko lažje uporabljati odjemalca. Na voljo je veliko kakovostnih FTP strank, vključno z:
- FileZilla je brezplačen FTP odjemalec na voljo za Windows, Mac in Linux. Podpira prenos datotek z vlečenjem in spuščanjem in ima funkcijo za premor in nadaljevanje za nalaganje velikih datotek.
- Cyberduck je brezplačna programska oprema za več platforme, ki je znana po svoji popolni integraciji z zunanjimi uredniki in privlačnim uporabniškim vmesnikom.
- Prosto FTP in Direct FTP izdeluje isto podjetje. Prosti FTP je minimalističen odjemalec, vendar izpolnjuje vse osnovne potrebe za prenos datotek. Neposredna FTP je vrhunska različica, ki ponuja napredne funkcije. Obe verziji podpirata Windows 7,8 in Vista, vendar je za Windows 10 primeren samo Direct FTP.
- Prenos je premium FTP-odjemalec samo za Mac. Omogoča nenavadno hitre prenose in podpira Amazon CloudFront.
- Cute FTP je močan premium FTP odjemalec, ki ga lahko uporabite za hkrati do 100 prenosov. Šteje se, da je eden od najbolj varnih strank FTP okoli.