Tietokoneen ja Internet-yhteyden lisäksi suurin osa verkkosivuston rakentamiseen tarvittavista työkaluista on ohjelmistot, joista osa saattaa jo olla tietokoneellasi. Tarvitset teksti- tai HTML-editorin, grafiikkaeditorin, verkkoselaimet ja FTP-asiakkaan, jotta voit ladata tiedostoja Web-palvelimeesi.
Perusteksti- tai HTML-editorin valitseminen
Voit kirjoittaa HTML-koodin pelkkään tekstieditoriin, kuten Muistio Windows 10: ssä, TextMuokkaa ja Sublime Text Macissa tai Vi tai Emacs Linuxissa. Loit sivun HTML-koodauksen, tallennat asiakirjan verkkotiedostona ja avaat sen selaimessa varmistaaksesi, että se näyttää olevan.
Jos haluat enemmän toimintoja kuin pelkkä tekstieditori tarjoaa, käytä sen sijaan HTML-editoria. HTML-editorit tunnistavat koodin ja pystyvät tunnistamaan koodausvirheet ennen tiedoston käynnistämistä. He voivat myös lisätä unohtuneita sulkutunnisteita ja korostaa rikki linkkejä. He tunnistavat ja mukauttavat muita koodauskieliä, kuten CSS, PHP ja JavaScript.
Markkinoiden monet HTML-editorit vaihtelevat perustasoista ammattitasoon. Jos olet uusi web-sivujen kirjoittaja, yksi
WYSIWYG (Mitä näet on mitä saat) -toimittajat saattavat toimia parhaiten sinulle. Jotkut toimittajat näyttävät vain koodin, mutta joidenkin avulla voit vaihtaa koodausnäkymien ja visuaalisten näkymien välillä. Tässä on muutama monista saatavilla olevista HTML-verkkomuokkaajista:- Komodo IDE ja sen käyttäjäystävällinen käyttöliittymä sopivat sekä aloitteleville että edistyneille web-kehittäjille. Komodo IDE: n automaattinen täydennysominaisuus on erityisen kätevä, kun kirjoitat koodia tavallisille elementeille, kuten linkeille. Ohjelmisto tukee eri koodauskielien, kuten HTML, CSS ja monien muiden, värikoodausta. Komodo IDE toimii Windowsissa, Macissa ja Linux.
- CoffeeCup HTML -editori on erityisen hyödyllinen uusille kehittäjille, jotka ovat kiinnostuneempia koodaamisen oppimisesta kuin visuaalisesta käyttöliittymästä. Tämän vankan editorin mukana tulee malleja ja siinä on tarkistustarkistimia, jotka auttavat pitämään koodisi virheettömänä. Se sisältää koodin täydennyksen ja tukee muita koodauskielet voit käyttää yhdessä HTML: n kanssa. Ohjelmisto korostaa virheitä, selittää niiden syyt ja kertoo, kuinka ne voidaan korjata. CoffeeCup HTML Editor toimii Windowsissa.
- Mobirise on HTML-editori ihmisille, jotka eivät halua osallistua koodiin. Kyse on a: n valitsemisesta teema ja sitten vetämällä ja pudottamalla elementtejä sivulle. Lisää tekstiä samalla tavalla kuin tavallisessa tekstieditorissa ja lisää kuvia, videoita tai kuvakkeita - kaikki kirjoittamatta koodia. Mobirise tekee sen osan puolestasi. Mobirise on saatavana Windowsille ja Macille, ja se on ilmainen.
Internet-selaimet
Verkkosivustot voivat näyttää erilaisilta selaimilta, joten on tärkeää testata verkkosivujasi varmistaaksesi, että ne näyttävät ja toimivat tarkoitetulla tavalla. Chrome, Firefox, Safari (Mac), Ooppera, ja Edge (Windows) ovat suosituimmat selaimet.
Sinun on testattava sivujesi ulkonäkö ja toiminta myös mobiiliselaimissa. Suurin osa työpöydän selaimista tarjoaa mahdollisuuden tarkastella verkkosivustoja erikokoisissa ikkunoissa. Esimerkiksi lukuisia testaustyökaluja on saatavilla Google Chromessa osoitteessa Näytä > Kehittäjä > Kehittäjän työkalut. Valitse älypuhelinkuvake kehittäjäikkunan vasemmassa yläkulmassa, jos haluat nähdä minkä tahansa sivun erikokoisissa ikkunoissa ja mobiilikäyttöjärjestelmissä.
Grafiikkaeditori
Tarvittavan grafiikkaeditorin tyyppi riippuu verkkosivustostasi. Adobe Photoshop on kultastandardi, mutta et välttämättä tarvitse niin paljon virtaa - lisäksi saatat tarvita vektorigrafiikkaohjelman logon ja kuvituksen tekemiseen. Muutamia grafiikan muokkaajia, jotka tarkastelevat verkkokehitystä, ovat:
- LINKUTTAA on ilmainen, avoimen lähdekoodin kuvankäsittelyohjelma, joka tarjoaa monia kalliimpien kilpailijoidensa ominaisuuksista. Kuten avoimen lähdekoodin ohjelmisto, se on saatavana Windowsille, Macille ja Linuxille.
- Photoshop-elementit Macille ja PC: lle on kevyt versio sen nimimiehestä, mutta sillä on paljon ominaisuuksia.
- Corel PaintShop Pro PC: lle on melkein kaikki Photoshopista löytyvät työkalut helppokäyttöisessä käyttöliittymässä.
- Inkscape Windowsille, Macille ja Linuxille on ilmainen vektorigrafiikan muokkausohjelma. Tällä vaihtoehdolla kalliimpaan Adobe Illustratoriin on enemmän kuin tarpeeksi ominaisuuksia yksinkertaiselle suunnittelutyölle ja verkkografiikalle.
FTP-asiakas
Tarvitset FTP (File Transfer Protocol) -asiakas siirtääksesi HTML-tiedostosi ja niitä tukevat kuvat ja grafiikat Web-palvelimeesi. FTP on saatavana komentoriviltä Windowsissa, Macintoshissa ja Linuxissa, mutta omistettua FTP-asiakasta on paljon helpompi käyttää. Huippu FTP-asiakkaat sisältää:
- FileZilla (ilmainen) on saatavana Windowsille, Macille ja Linuxille. Se tukee vedä ja pudota -toimintoa ja siinä on tauko- ja jatkotoiminto suurten tiedostojen lataamiseen.
- Cyberduck on ilmainen, avoimen lähdekoodin, alustojen välinen ohjelmisto, joka tunnetaan saumattomasta integroinnista ulkoisten toimittajien kanssa ja houkuttelevasta käyttöliittymästä.
- Ilmainen FTP ja Suora FTP valmistaa sama yritys. Ilmainen FTP on minimalistinen asiakas, joka täyttää tiedostojen siirtämisen perustarpeet. Suora FTP on premium-versio, joka tarjoaa edistyneitä ominaisuuksia. Windows 7, 8 ja Vista tukevat molempia versioita, mutta vain Suora FTP sopii Windows 10: een.
- Lähetä on premium-luokan, vain Macia käyttävä FTP-asiakas. Se helpottaa epätavallisen nopeita siirtoja ja tukee Amazon CloudFrontia.
- Söpö FTP on tehokas ensiluokkainen FTP-asiakas, jonka avulla voit tehdä jopa 100 siirtoa samanaikaisesti. Sitä pidetään yhtenä turvallisimmista käytettävissä olevista FTP-asiakkaista.