Poleg računalnika in internetne povezave je večina orodij, ki jih potrebujete za izdelavo spletnega mesta programske opreme, od katerih so nekateri morda že v vašem računalniku. Za nalaganje datotek na spletni strežnik potrebujete urejevalnik besedila ali HTML, grafični urejevalnik, spletni brskalnik in odjemalec FTP.
Izbira osnovnega urejevalnika besedila ali HTML
HTML lahko pišete v urejevalniku navadnega besedila, kot je Beležnica v sistemu Windows 10, TextEdit in Sublime Text v Macu ali Vi ali Emacs v Linuxu. Za stran ustvarite kodiranje HTML, dokument shranite kot spletno datoteko in ga odprite v brskalniku, da se prepričate, da je videti, kot bi moral.
Če želite več funkcij, kot jih ponuja urejevalnik navadnega besedila, raje uporabite urejevalnik HTML. Urejevalniki HTML prepoznajo kodo in lahko prepoznajo napake kodiranja, preden zaženete datoteko. Dodajo lahko tudi zaključne oznake, ki jih pozabite, in poudarijo zlomljeno povezave. Prepoznajo in se prilagodijo drugim kodnim jezikom, kot so CSS, PHP in JavaScript.
Številni urejevalniki HTML na trgu se razlikujejo od osnovne do profesionalne ravni. Če še ne pišete spletnih strani, uporabite enega od WYSIWYG Uredniki (kar vidite, kar dobite) vam morda ustrezajo najbolje. Nekateri urejevalniki prikazujejo samo kodo, nekateri pa omogočajo preklapljanje med pogledi kodiranja in vizualnimi pogledi. Tu je nekaj številnih spletnih urejevalnikov HTML:
- Komodo IDE in njegov uporabniku prijazen vmesnik so primerni tako za začetnike kot za napredne spletne razvijalce. Funkcija samodokončanja Komodo IDE je še posebej priročna, ko pišete kodo za pogoste elemente, kot so povezave. Programska oprema podpira barvno kodiranje različnih kodnih jezikov, kot so HTML, CSS in mnogi drugi. Komodo IDE deluje v sistemih Windows, Mac in Linux.
- Urejevalnik HTML-a CoffeeCup je še posebej uporaben za nove razvijalce, ki jih bolj kot vizualni vmesnik zanima učenje kodiranja. Ta robusten urejevalnik je opremljen s predlogami in ima preverjalnike za preverjanje veljavnosti, ki pomagajo pri ohranjanju kode brez napak. Vključuje dokončanje kode in podpira druge kodirni jeziki lahko uporabite skupaj s HTML. Programska oprema poudarja napake, razloži, zakaj so se pojavile, in vam pove, kako jih popraviti. CoffeeCup HTML Editor deluje v sistemu Windows.
- Mobirise je urejevalnik HTML za ljudi, ki se ne želijo vpletati v kodo. Vse je v izbiri a temo in nato povleci in spusti elemente na strani. Dodajte besedilo tako kot v običajni urejevalnik besedil in vstavite slike, videoposnetke ali ikone - vse brez pisanja kode; Mobirise ta del opravi namesto vas. Mobirise je na voljo za Windows in Mac in je brezplačen.
Spletni brskalniki
Spletna mesta se lahko razlikujejo od brskalnika do brskalnika, zato je preskušanje vaših spletnih strani, da se prepričate, da izgledajo in delujejo po predvidevanju, ključnega pomena. Chrome, Firefox, Safari (Mac), Opera, in Edge (Windows) sta najbolj priljubljena brskalnika.
Svoje strani morate preizkusiti tudi na videz in delovanje v mobilnih brskalnikih. Večina namiznih brskalnikov ponuja možnost ogleda spletnih mest v različno velikih oknih. Na primer, veliko brskalnih orodij je na voljo v brskalniku Google Chrome na Pogled > Razvijalec > Orodja za razvijalce. Izberite ikono pametnega telefona v zgornjem levem kotu okna za razvijalce, da si ogledate katero koli stran v različno velikih oknih in mobilnih operacijskih sistemih.
Grafični urejevalnik
Vrsta grafičnega urejevalnika, ki ga potrebujete, je odvisna od vašega spletnega mesta. Adobe Photoshop je zlati standard, vendar morda ne boste potrebovali toliko moči - poleg tega boste morda potrebovali program za vektorsko grafiko za delo z logotipi in ilustracijami. Nekaj grafičnih urejevalnikov, ki si jih je treba ogledati pri osnovnem spletnem razvoju, vključuje:
- 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 PC je lahka različica svojega soimenjaka, vendar ima veliko funkcij.
- Corel PaintShop Pro for PCs ima skoraj vsa orodja, ki jih najdete v Photoshopu v enostavnem vmesniku.
- Inkscape za Windows, Mac in Linux je brezplačen urejevalnik vektorske grafike. Ta alternativa cenejšemu Adobe Illustratorju ima več kot dovolj zmogljivosti za preprosto oblikovalsko delo in spletno grafiko.
FTP odjemalec
Za prenos datotek HTML ter podpornih slik in grafik na spletni strežnik potrebujete odjemalca FTP (protokol za prenos datotek). FTP je na voljo prek ukazne vrstice v sistemih Windows, Macintosh in Linux, vendar je namenski odjemalec FTP veliko lažji za uporabo. Vrh FTP odjemalci vključujejo:
- FileZilla (brezplačno) je na voljo za Windows, Mac in Linux. Podpira prenose datotek povleci in spusti in ima funkcijo premora in nadaljevanja za nalaganje velikih datotek.
- Cyberduck je brezplačna, odprtokodna, večplastna programska oprema, znana po brezšivni integraciji z zunanjimi urejevalniki in privlačnem uporabniškem vmesniku.
- Brezplačen FTP in Neposredni FTP izdeluje isto podjetje. Brezplačni FTP je minimalistični odjemalec, ki ustreza osnovnim potrebam po prenosu datotek. Direct FTP je premium različica, ki ponuja napredne funkcije. Obe različici podpirata Windows 7, 8 in Vista, za Windows 10 pa je primeren samo Direct FTP.
- Pošlji je vrhunski odjemalec FTP samo za Mac. Omogoča nenavadno hitre prenose in podpira Amazon CloudFront.
- Luštna FTP je zmogljiv premium FTP odjemalec, s katerim lahko hkrati izvedete do 100 prenosov. Velja za enega najvarnejših odjemalcev FTP, ki so na voljo.