Peale arvuti ja Interneti-ühenduse on enamik veebisaidi loomiseks vajalikke tööriistu tarkvaraprogrammid, millest mõned võivad olla juba teie arvutis. Failide veebiserverisse üleslaadimiseks vajate teksti- või HTML-redaktorit, graafikatoimetajat, veebibrausereid ja FTP-klienti.
Põhiteksti või HTML-redaktori valimine
HTML-i saate kirjutada lihttekstiredaktoris, näiteks Märkmik Windows 10-s, Tekstiredigeeri ja Sublime Text Macis või Vi või Emacs Linuxis. Loote lehe HTML-kodeeringu, salvestate dokumendi veebifailina ja avate selle brauseris, et veenduda, et see peaks välja nägema.
Kui soovite rohkem funktsioone, kui tavaline tekstiredaktor pakub, kasutage selle asemel HTML-redaktorit. HTML-redaktorid tunnevad koodi ära ja suudavad enne faili käivitamist tuvastada kodeerimisvead. Samuti saavad nad lisada unustatud sulgemismärgid ja esile tuua katkised lingid. Nad tunnevad ära ja mahutavad teisi kodeerimiskeeli nagu CSS, PHP ja JavaScript.
Turul leiduvad paljud HTML-redigeerijad varieeruvad põhitasandilt professionaalsele tasemele. Kui olete veebilehtede kirjutamisel alles uus, on üks järgmistest
WYSIWYG (See, mida näete, on see, mida saate) toimetajad võivad teie jaoks kõige paremini töötada. Mõni redaktor kuvab ainult koodi, kuid mõni võimaldab teil vahetada kodeerimisvaadete ja visuaalsete vaadete vahel. Siin on mõned paljudest HTML-i veebiredaktoritest:- Komodo IDE ja selle kasutajasõbralik liides sobivad nii alustavatele kui ka edasijõudnutele veebiarendajatele. Komodo IDE automaatse täitmise funktsioon on eriti mugav, kui kirjutate tavaliste elementide, näiteks linkide koodi. Tarkvara toetab erinevate kodeerimiskeelte, näiteks HTML, CSS ja paljude teiste värvide kodeerimist. Komodo IDE töötab Windowsis, Macis ja Linux.
- CoffeeCupi HTML-redaktor on eriti kasulik uutele arendajatele, kes on rohkem huvitatud kodeerimise õppimisest kui visuaalsest liidesest. Selle tugeva redaktoriga on kaasas mallid ja sellel on valideerimiskontroll, mis aitavad teie koodi vigadeta hoida. See sisaldab koodi täitmist ja toetab muid keelte kodeerimine võite kasutada koos HTML-iga. Tarkvara toob välja vead, selgitab nende ilmumise põhjused ja annab teada, kuidas neid parandada. CoffeeCupi HTML-redaktor töötab Windowsis.
- Mobirise on HTML-redaktor inimestele, kes ei soovi koodiga seotud olla. See kõik on a valimine teema ja seejärel lohistage lehele elemente. Lisage teksti samamoodi nagu tavalises tekstiredaktoris ja sisestage pilte, videoid või ikoone - kõik koodi kirjutamata; Mobirise teeb selle osa teie eest ära. Mobirise on saadaval Windowsile ja Macile ning see on tasuta.
Veebibrauserid
Veebisaidid võivad brauseriti erineda, seega on ülioluline testida oma veebilehti, et veenduda, et need näevad välja ja toimivad ettenähtud viisil. Chrome, Firefox, Safari (Mac), Ooperja Edge (Windows) on kõige populaarsemad brauserid.
Peate testima oma lehtede välimust ja toimimist ka mobiilibrauserites. Enamik töölauabrausereid pakub võimalust vaadata veebisaite erineva suurusega akendes. Näiteks on arvukalt testimistööriistu saadaval Google Chrome'is aadressil Vaade > Arendaja > Arendaja tööriistad. Valige erineva suurusega akende ja mobiilsete operatsioonisüsteemide lehtede nägemiseks arendaja akna vasakus ülanurgas nutitelefoni ikoon.
Graafikatoimetaja
Vajaliku graafikatoimetaja tüüp sõltub teie veebisaidist. Adobe Photoshop on küll kuldstandard, kuid te ei pruugi vaja nii palju energiat - lisaks võib logo- ja illustratsioonitööde jaoks vajada vektorgraafikaprogrammi. Mõned põhilised veebiarendused, mida vaadata, on järgmised:
- GIMP on tasuta avatud lähtekoodiga fototöötlusprogramm, mis pakub paljusid selle kallimate konkurentide funktsioone. As avatud lähtekoodiga tarkvara, see on saadaval Windowsi, Maci ja Linuxi jaoks.
- Photoshopi elemendid Macile ja PC-le on selle nimekaimu kerge versioon, kuid sellel on palju funktsioone.
- Corel PaintShop Pro PC-de jaoks on peaaegu kõik tööriistad, mille leiate Photoshopist hõlpsasti kasutatavas liideses.
- Inkscape Windowsi, Maci ja Linuxi jaoks on tasuta vektorgraafika redaktor. Sellel alternatiivil hinnalisemale Adobe Illustratorile on lihtsa kujundustöö ja veebigraafika jaoks rohkem kui piisavalt võimalusi.
FTP klient
HTML-failide ning neid toetavate piltide ja graafika veebiserverisse edastamiseks vajate FTP (failiedastusprotokoll) klienti. FTP on Windowsi, Macintoshi ja Linuxi käsurea kaudu saadaval, kuid spetsiaalset FTP-klienti on palju lihtsam kasutada. Tipp FTP kliendid hulka kuuluvad:
- FileZilla (tasuta) on saadaval Windowsi, Maci ja Linuxi jaoks. See toetab drag-and-drop-failiedastusi ning sellel on suurte failide üleslaadimiseks pausi- ja jätkamisfunktsioon.
- Küberduck on tasuta avatud lähtekoodiga platvormidevaheline tarkvara, mis on tuntud sujuva integreerimise eest väliste toimetajatega ja atraktiivse kasutajaliidesega.
- Tasuta FTP ja Otsene FTP valmistab sama ettevõte. Tasuta FTP on minimalistlik klient, mis vastab failide edastamise põhivajadustele. Direct FTP on lisafunktsioonidega versioon. Mõlemat versiooni toetavad Windows 7, 8 ja Vista, kuid Windows 10 jaoks sobib ainult Direct FTP.
- Edasta on esmaklassiline ainult Maci jaoks mõeldud FTP klient. See hõlbustab ebatavaliselt kiireid ülekandeid ja toetab Amazon CloudFronti.
- Armas FTP on võimas premium-klassi FTP-klient, mida saate kasutada kuni 100 ülekande tegemiseks korraga. Seda peetakse üheks kõige turvalisemaks saadaolevaks FTP-kliendiks.