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, 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.
- KahviCup 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 virheitä koodissa, selittää miksi he ilmestyivät ja kertoivat kehittäjälle, miten heidät 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 verkkosivustosi selaimella varmistaaksesi, että ne näyttävät sellaisilta kuin aiot, 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 kultainen 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 ohjelmistona se on käytettävissä Windows, Mac ja Linuxissa.
- Photoshop Elements Mac ja PC on kuvankäsittelyohjelma, joka on kevyt versio sen nimekkeestä, mutta jolla on runsaasti valtaa grafiikan käsittelyyn verkossa.
- Corel PaintShop Protietokoneissa on lähes kaikki Photoshopissa hyödylliset työkalut ja helppokäyttöinen käyttöliittymä.
- Inkscape 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 käytettävissä 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.
- Ilmainen FTP ja Suora 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ähettää 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 kerätä jopa 100 siirtoa samanaikaisesti. Sitä pidetään yhtenä turvallisimmista FTP-asiakkaista.
