Sinun ei tarvitse paljon ohjelmistoja aloittaaksesi web-kehittäjänä
Web-suunnitteluun tarvittavat perusvälineet ovat hämmästyttävän yksinkertaisia. Tietokoneesta ja Internet-yhteydestä poiketen useimmat työkalut, joita sinun on luotava verkkosivustoon, ovat ohjelmia, joista osa saattaa jo olla tietokoneellasi. Tarvitset teksti- tai HTML-editoriin, grafiikkaeditorin, selaimen ja FTP-asiakkaan tiedostojen lähettämiseen web-palvelimelle.
Perustekstin tai HTML-editorin valitseminen
Voit kirjoittaa HTML-koodin tavallisessa tekstieditorissa, kuten Notepadissa Windows 10: ssä, TextEdit Macissa tai Vi tai Emacsissa Linuxissa. Anna HTML-koodi, tallenna asiakirja verkko-tiedostona ja avaa se selaimessa varmistaaksesi, että se näyttää olevan odotettavissa.
Jos haluat enemmän toimintoja kuin tavallisessa tekstieditorissa, käytä sen sijaan HTML-editoriä. HTML-editorit tunnistavat koodin ja pystyvät tunnistamaan koodausvirheet ennen kuin käynnistät tiedoston. Ne voivat myös lisätä sulkeutuneita merkintöjä, joita unohdat ja korostavat linkit. He tunnistavat ja ottavat vastaan muita koodaavia kieliä, kuten CSS, PHP ja JavaScript.
Markkinoilla on monia HTML-toimittajia, ja ne vaihtelevat perus- ja ammattitason ohjelmistosta. Jos olet uusi kirjoittaminen verkkosivuille, yksi WYSIWYG-Mitä näet on mitä saat-toimittajat saattavat toimia parhaiten sinulle. Jotkut toimittajat näyttävät vain koodin, mutta joitain niistä voi vaihtaa koodausnäkymien ja visuaalisten näkymien välillä. Seuraavassa on muutamia monia HTML-web-toimittajia:
- Komodo IDE ja sen käyttäjäystävällinen käyttöliittymä soveltuvat sekä alkuun että edistyneille web-kehittäjille. Komodo IDE: n automaattisen täydennyksen ominaisuus on erityisen kätevä uusille kehittäjille, koska se osaa kirjoittaa koodia yhteisiin elementteihin kuten linkkeihin. Ohjelmisto tukee eri koodauslaitteiden värikoodausta, kuten HTML, CSS ja monet muut koodaavat kielet. Komodo IDE on monipuolinen ohjelmisto, joka toimii Windows, Mac ja Linuxissa.
- CoffeeCup HTML Editor on tarkoitettu uusille kehittäjille, jotka ovat kiinnostuneempia koodin oppimiseen kuin visuaaliseen käyttöliittymään. Tämä vankka toimittaja mukana malleja ja on validointi tarkista pitämään koodin virheetön. Se sisältää koodin täydentämisen ja tukee muita HTML-koodeissa käytettäviä koodauskieliä. Aloittelijat arvostavat sitä, kun ohjelmisto korostaa koodin virheitä, selittää miksi ne ilmestyvät ja kertoo kehittäjälle, kuinka ne korjataan. CoffeeCup HTML Editor toimii Windowsissa.
- Mobirise on HTML-editori ihmisille, jotka eivät halua osallistua koodiin. Se koskee vain teeman poimimista ja sivun elementtien vetämistä ja pudottamista. Lisää tekstiä aivan kuten tavallisessa tekstieditorissa ja lisää kuvia, videoita tai kuvakkeita - kaikki kirjoittamatta mitään koodia; Mobirise tekee sen sinulle. Mobirise on saatavana Windowsille ja Macille, ja se on ilmainen.
Web-selaimet
Testaa verkkosivut selaimella varmistaaksesi, että ne näyttävät tarkoituksiltaan ennen kuin aloitat sivun. Chrome, Firefox, Safari (Mac) ja Internet Explorer (Windows) ovat suosituimpia selaimia. Tarkista HTML-koodisi niin monessa selaimessa kuin tietokoneellasi ja lataa vähemmän tunnettuja selaimia, kuten Opera, samoin.
Grafiikkaeditori
Tarvitset grafiikka-editorin tyypin riippuen sivustostasi. Vaikka Adobe Photoshop on kulta-standardi valokuvien kanssa, et välttämättä tarvita sitä paljon valtaa. Haluat mieluummin vektorigrafiikan ohjelman logon ja kuvitustyön tekemiseen. Muutamat graafiset toimittajat, jotka tarvitsevat perusrakenteen kehittämisen käyttöä, ovat:
- GIMP on ilmainen, avoimen lähdekoodin valokuvien muokkausohjelma, joka tarjoaa monia kalliimpien kilpailijoiden ominaisuuksia. Avoimen lähdekoodin ohjelmistoina se on käytettävissä Windows, Mac ja Linux.
- Photoshop Elements Macille ja tietokoneelle on kuvankäsittelyohjelma, joka on kevyt version omaperäisestä mutta runsaasti valtaa grafiikan graafiseen työskentelyyn verkossa.
- Corel PaintShop Pro tietokoneisiin on lähes kaikki Photoshopissa hyödylliset työkalut ja helppokäyttöinen käyttöliittymä.
- Inkscape for Windows, Mac ja Linux on ilmainen vektorigrafiikan editori. Tämä vaihtoehto edullisemmalle Adobe Illustrator -ohjelmalle on enemmän kuin tarpeeksi voimaa yksinkertaiselle suunnittelutyölle ja web-grafiikalle.
FTP-asiakas
Tarvitset FTP-asiakkaan siirtämään HTML-tiedostoja ja tukemalla kuvia ja grafiikkaa web-palvelimellesi. Vaikka FTP on saatavana komentoriviltä Windows, Macintosh ja Linux, on paljon helpompi käyttää asiakasta. Saatavilla on monia laadukkaita FTP-asiakkaita, kuten:
- FileZilla on ilmainen FTP-asiakas, joka on saatavana Windows, Mac ja Linux. Se tukee siirtää ja pudota tiedostojen siirtoja ja sillä on keskeytys- ja jatkotoiminto suurien tiedostojen lataamiseen.
- Cyberduck on ilmainen avoimen lähdekoodin ohjelmisto, joka tunnetaan saumattomasti integroitumalla ulkoisiin toimittajiin ja sen houkuttelevaan käyttöliittymään.
- Vapaa FTP ja Direct FTP tehdään samasta yrityksestä. Ilmainen FTP on minimalistinen asiakas, mutta se täyttää kaikki perustiedostonsiirto-tarpeet. Suora FTP on premium-versio, joka tarjoaa kehittyneitä ominaisuuksia. Molemmat versiot tukevat Windows 7,8 ja Vista, mutta vain suora FTP sopii Windows 10: een.
- Lähetys on korkealaatuinen, Mac-vain FTP-asiakas. Se helpottaa epätavallisen nopeita siirtoja ja tukee Amazon CloudFrontia.
- Söpö FTP on tehokas premium-FTP-asiakas, jonka avulla voit tehdä jopa 100 siirtoa samanaikaisesti. Sitä pidetään yhtenä turvallisimmista FTP-asiakkaista.