Enne HTML-i õppimise praktiliste sammude alustamist peame otsustama programmide komplekti, mida oma tööks vajame.

Neile, kellele meeldivad videod:

Vaja on vähemalt kahte klassi programmi:

1) Brauser.

Brauser on programm veebilehtede vaatamiseks. Kui loed seda veebilehte, siis arvan, et pole palju mõtet selgitada, mis see programm on ja miks seda vaja on.

Tänapäeval on Internetis tohutul hulgal erinevate tootjate brausereid. HTML-iga töötamiseks võib mõni neist sobida. Algstaadiumis sellest piisab.

Tulevikus võib teie professionaalsuse kasvades tekkida vajadus installida arvutisse mitu brauserit korraga. Seda tehakse selleks, et oleks võimalik testida lehtede kuvamist erinevate tootjate brauserites.

Kahjuks pole veebiarenduses sugugi haruldased lehed, mis erinevates brauserites õigesti ei tööta.

Installige oma arvutisse mõni neist brauseritest ja tulevikus on võimalik testida meie loodavaid HTML-lehti.

2) Programm koodi loomiseks ja redigeerimiseks.

Järgmine tööriist, mida vajame, on programm, mille abil saate luua ja redigeerida HTML-koodi.

Siin on ka palju valikuid, mille hulgast saate valida.

See redaktor on täiesti tasuta, seega kasutatakse seda sageli paljudes HTML-i kursustes.

Kuid kui peate sageli ja palju HTML-koodiga töötama, siis soovitan teil hankida spetsiaalne programm koodiga töötamiseks, näiteks

See tööriist on tasuline, kuid seda kasutades saate oma arsenali tööriistade komplekti, mis võib teie tööd koodiga oluliselt hõlbustada.

Näiteks tõstetakse esile HTML-i käsud. Käskude tippimisel ilmub rippmenüü, kust saate valida sobivaima lahenduse.

HTML-koodi kirjutamise akna all on aken, kus näete eelvaadet sellest, kuidas viimane leht välja näeb.

Lisaks on Dreamweaveril palju lisafunktsioone, mis muudavad teie koodiga töötamise palju lihtsamaks.

Arvan, et algstaadiumis piisab tavalise tekstiredaktori kasutamisest ja edaspidi saab vajadusel üle minna professionaalsele koodiredaktorile.

Isiklikult kasutan seda programmi oma veebilehtede arendamiseks.

Üldiselt piisab nendest kahest programmist (brauser ja programm koodi loomiseks ja redigeerimiseks), et saaksite oma esimesed veebilehed luua.

Tulevikus, kui teie vajadused kasvavad ja ülesanded muutuvad keerukamaks, saab seda komplekti täiendada.

Enne järgmiste materjalidega tutvumist otsige üles ja installige need programmid enda jaoks, sest... Ilma selleta pole HTML-i edasine uurimine võimalik.

Tere tulemast minu blogisse. Olenemata sellest, kuidas loote veebisaiti kujundajas, CMS-i või programmi abil, kirjutatakse see html- ja css-vormingus. Vastasel juhul ei saa brauser sellest aru. Elektroonilise portaali asemel ei näe külastaja midagi.

Ainus erinevus on koodi õigsuses. Mõnel juhul kuvatakse see ingliskeelse tekstina, mis on tõlgitud Google'i tõlkesse. Teistel juhtudel oleks seda justkui käsitlenud vilunud tõlkija. Kõik sõltub kasutatavatest tööriistadest.

Täna räägime sellest, milline html-veebisaidi loomise programm võimaldab teil oma eesmärgi kõige õigemini ja asjatundlikumalt saavutada. Ma jõuan endast ette. Isegi mõned võimaldavad teil seda selgelt teha. Ja mõne kasutaja jaoks oleks see parim lahendus.

Minu tänane postitus on pühendatud toimetajatele. Alustame nendega.

Kaks tüüpi toimetajaid

Kõik veebisaidi toimetajad on jagatud kahte tüüpi - visuaalsed ja tekstilised. See ei tähenda, et esimesel juhul saate täiesti ilma kooditundmiseta hakkama, kuid nõuded nende tasemele ei ole nii tõsised kui teisel juhul. See on peamine eelis, sest ideaalis, kui soovite luua midagi tõeliselt õiget, oleks pärast saidi kirjutamist tore koodiga uuesti töötada ja mõningaid puudusi redigeerida.

Tekstiredaktorid sobivad suurepäraselt, kui olete programmeerimiskeeltega tuttav või lihtsalt ei karda raskusi. Nad ei kirjuta teie eest koodi, kuid aitavad protsessi kiirendada ja tagavad, et te ei teeks vigu. Alustate fraasi tippimist ja utiliit lõpetab selle teie eest. Kui olete lõpetanud, näete ka kõike, mida olete teinud.

Ei saa öelda, et teine ​​meetod tagab parema tulemuse. Võite teha ka vigu, eriti kui teil puudub kogemus. Isegi spetsialistid seisavad mõnikord silmitsi raskuste, väsimuse ja ebatäpsustega. Nad töötavad meeskonnana: keegi pakub välja reegli, mis on meelest läinud, teised näevad viga.

Ma ei nõua ega soovita ühtegi meetodit. Peate ise otsustama, mis on teie jaoks olulisem. Tulemus, st sait, mis on igal juhul otsingumootoritele nähtav, tuleb ainult välja töötada. Teine võimalus on teie teadmised. Neid on lihtsam täiustada tekstikoodiredaktorite abil.

Liigume nüüd edasi programmide endi juurde.

Visuaalsed toimetajad

Juhin teie tähelepanu mitmele mugavale visuaalsele toimetajale.

• WYSIWYG veebiehitaja

Programm on inglise keeles, esimesed 30 päeva on tasuta prooviperioodiga. Siis on teil vaja litsentsi, selle hind on veidi alla 50 dollari.

WYSIWYG Web Builder on lihtne ja üsna arusaadav. Kui teate midagi, saate aru, et iga veebisait koosneb erinevatest plokkidest. Tänu sellele redaktorile peate valima ainult seda, mida täpselt soovite oma veebisaidil näha: tekst, otsing, RSS, slaidiseanss, videogalerii jne. Kood genereeritakse automaatselt. Seda tuleb lihtsalt veidi kohandada.

Utiliidil on lisafunktsioonid: linkide ja lehtede kaalu loomine, kontrollimine. Kui teil on midagi puudu, saate laiendused alla laadida ametliku veebisaidi foorumist või kirjutada koodi ise.

Kui olete algaja, võite alustada tarkvaraga tutvumist, kasutades ühte paljudest valmis mallidest. See kiirendab tööd.

• CoffeeCupi visuaalne saidi kujundaja

Tarkvara inglise keeles. Kunagi müüsid selle programmi arendajad selle 50 dollari eest koos võimalusega osta mõned lisafunktsioonid, mis põhjustas Internetis tõelise mässu. Mis utiliit see on, millesse peate pidevalt investeerima? Nüüd maksab see 189 dollarit, kuid saate kõik korraga ja tervikuna.

Väga funktsionaalne, lihtsam kasutada kui eelmine visuaaltoimetajate esindaja. Sellel on sisseehitatud, mis lihtsustab serverisse üleslaadimise protsessi. Saate programmis töötada ja värskendused kohe hostimisse üles laadida. See on väga mugav.

CoffeeCup Visual Site Designer võimaldab teil töötada paljude tasuta ikoonidega, võimaluse lisada kõikvõimalikke efekte, näha ja parandada koodi otse programmi tööväljal. Vene keele puudumine on ilmselt üks olulisemaid puudujääke.

• Adobe Muse

Suurepärane venekeelne programm, millest olen oma blogis juba mitu korda kirjutanud. Kasutasin seda ise ja lõin selles isegi kohandatud veebisaidi. Arvustused on äärmiselt positiivsed. Tööriistu pole palju, aga kui oskad neid kasutada, saad luua põhimõttelisi projekte. See on paljude Adobe'i toodete eripära.

Pidage meeles sama Photoshopi. Tundub, et nuppe on kümmekond, aga kui hakkad ringi torkima, siis selgub, et nendega saab nii detailseid seadistusi teha! Adobe Muse'i jaoks on välja antud palju skripte, vormi saate ise lisada tagasisidet, liugur ja mida iganes süda ihkab.

See on üks väheseid programme, mis pakub rohkelt võimalusi nii algajale, kes ei taha koodist aru saada, kui ka neile, kes soovivad saada muljetavaldava hulga teadmisi.

Adobe Muse'is töötavad inimesed võivad teenida kuni 100 000 rubla sihtlehe kohta. Kõik oleneb oskustest. Tulemus, lõplik kasu saidi ostjale. Kui teie eesmärk on raha, võin teile soovitada kursust " " Õpid looma projekte, mis suudavad müüa.

Tekstiredaktorid

Neile, kes vajavad teadmisi, tutvustan oma valikut tekstiredaktoreid.

• Ülev tekst

Veebisaidi saate luua kõige lihtsamas märkmikus, mis peidab end stardiribal, miks me siis vajame tekstiredaktoreid? Neil on ligikaudu samad lisahüved. Näiteks võimalus lisada teie eest teksti ja värvipaleti.

Sublime Text poleks nii populaarne, kui sellel poleks oma spetsiifilisi funktsioone, nagu veakontroll ning tegumi- ja failihaldur. Soovitan teil vaadata selle redaktori videoülevaadet, kui olete huvitatud.

Mõne lisafunktsiooni saamiseks peate alla laadima programmi laienduspaketi.

• Sulgudes

Adobe'i tasuta redaktor, mis on väga sarnane eelmisele esindajale, kuid põhifunktsioonide saamiseks ei pea te enam midagi täiendavat alla laadima.

Laiendusi on vaja siis, kui soovite näiteks redaktoris avada Photoshopi paigutuse, et joonise osad kohe välja lõigata ja salvestada. On ebatõenäoline, et see teile tõesti kasulik on, kuna see valik pole eriti hästi välja töötatud.

Sellegipoolest täname teie pingutuste eest. Toimetaja pole ilma selleta üldse halb.

Lisaks nendele programmidele on olemas ka NotePad++ ja Dreamweaver, kuid nende kohta olen juba üksikasjaliku artikli kirjutanud “”. Lisateavet leiate linki järgides ja minu ajaveebi värskendusi tellides. Soovin, et leiaksite kiiresti oma mugava utiliidi ja hakkaksite ise veebisaite looma.

Kohtumiseni ja edu teie ettevõtmistes.

HTML-i redigeerija on esimene asi, mida peate HTML-i ja CSS-i kasutavate veebilehtede loomise alustamiseks. Seal on palju tasuta HTML-i redigeerijaid ja ühe valimine võib olla heidutav ülesanne.

HTML on üsna lihtne ja nii saate alustada oma veebilehtede kallal töötamist lihtsa tekstiredaktoriga, nagu Notepad, WordPad või mõni muu. Võite minna ka kaugemale ja kasutada mõnda funktsioonirikkamatest redaktoritest, nagu Coffecup, Notepad++, Brackets, Notetab või BlueGriffon. Täiustatud ja funktsionaalsemate redaktorite kasutamise eeliseks on see, et saate rohkem tööriistu, mis võivad oluliselt kiirendada sisu märgistamise ja loomise protsessi.

Ükskõik, kas soovite luua ajaveebe ja artikleid, mis on brauserite lugemiseks hästi vormindatud, või plaanite luua HTML-i ja CSS-i abil täielikult toimiva veebisaidi, õige redaktori valimine suurendab oluliselt teie tootlikkust. Professionaalsed veebilehtede arendajad kulutavad märkimisväärselt palju aega redaktori ja tööriistade valimiseks parim viis rahuldada nende vajadusi ja tõsta tootlikkust.

Milline tasuta HTML-redaktor sobib teile?

Vastus sellele küsimusele sõltub täielikult teie vajadustest, tootest, mille kavatsete luua HTML-i abil, teie praegusest selle märgistuskeele teadmiste tasemest, kui kavatsete lihtsalt õppida. Kuna enamik neist toimetajatest on tasuta, saate loendit kitsendada 2–3-ni, proovida nende põhifunktsioone ja seejärel otsustada, milline neist teile kõige rohkem meeldib.

Lisaks toetatakse peaaegu kõiki selles artiklis loetletud toimetajaid mitmel operatsioonisüsteemid, sealhulgas Windows, Linux ja Mac, nii et te ei pea ühilduvuse pärast liiga palju muretsema.

Pange tähele, et enamiku teie redigeerimisvajadustest saab hõlpsasti rahuldada Notepad++ for Windows, Brackets for Mac (seda redaktorit toetab ka Linux ja Windows) või Coffecup ja Notetab. Kui aga plaanite luua keeruka veebisaidi, peaksite valima täisfunktsionaalse arenduskeskkonna, näiteks Eclipse.

Teisest küljest, kui soovite lihtsalt HTML-i ja CSS-iga mängida, on arvukalt veebiredaktoreid, kuhu saate HTML-koodi kirjutada ja tulemusi kohe näha.

Vaatame kümmet parimat HTML-i redigeerijat, mida on lihtne kasutada, palju funktsionaalsust ja mis on veebiarendajate seas populaarsed.

1. Notepad++ (parim tasuta HTML-i redaktor Windowsi jaoks)

See redaktor on saadaval ainult Windowsi kasutajatele, nii et kui teil on Mac või Linux, kerige edasi. Notepad++ on parim tasuta HTML-i redaktor, mille saate oma Windowsi arvutisse installida. Esmapilgul on see väga elementaarne, kuid see on üks keerukamaid ja samal ajal hõlpsasti kasutatavaid toimetajaid.

Suur osa Notepad++ tohutust võimsusest pärineb kolmandate osapoolte pistikprogrammidest, sealhulgas PreviewHTML, HTML-i märgendi pistikprogramm sildi esiletõstmiseks, Tidy2 taande jaoks ja paljud teised.

Notepad++ põhifunktsioonid on tabeliliides mitme failiga samaaegseks töötamiseks, väga lihtne ahendamine ja süntaksi esiletõstmine, kohandatav GUI (minimalistliku valikuga), sulgemisnupuga tabelid, vertikaalsed tabelid, mitmekeelne (see tähendab, et saate liidest konfigureerida inglise, prantsuse, hispaania ja hiina keeles ning veel 80 keeles).

Notepad++ töötas välja Dong Ho ja see anti välja 2003. aastal. See on tasuta nii isiklikuks kui ka äriliseks kasutamiseks ja on litsentsitud GNU üldise avaliku litsentsi alusel.

Maci kasutajatele on Notepad++ suurepärane alternatiiv Brackets, mida käsitleme järgmisena.

2. Sulgud (Maci, Windowsi ja Linuxi jaoks tasuta)

Brackets on veel üks populaarne ja usaldusväärne tööriist veebiarenduseks ja HTML-koodi redigeerimiseks. Erinevalt Notepad++-st toetab seda redaktorit Mac, Ubuntu, Debian ja Windows. See on ka tasuta isiklikuks ja äriliseks kasutamiseks (MIT-litsents).

Bracketsi on lihtne kasutada ja sellel on palju laiendusi, mis parandavad selle funktsionaalsust. Populaarsed laiendused:

• Emmet – kiirendab CSS- ja HTML-koodi kirjutamist;
• Beutify – vormindab HTML-, CSS- ja JavaScript-faile;
• W3C valideerimine – kontrollib teie HTML-koodi kehtivust.

Brackets on kaunis kaasaegse minimalistliku kujundusega redaktor. Koodis tehtud muudatused kuvatakse koheselt brauseris. Saate teha muudatusi CSS- või HTML-koodis ja vaadata, kuidas need muudavad teie saidi välimust reaalajas.

Lugege nurksulgude kohta siit – HTML-i redaktor: sulud

3. Coffecup (seal on nii tasuta kui ka tasuline versioon)

Coffecup on võib-olla parim HTML-i redaktor, mis on saadaval nii tasuta kui ka kommertsversioonides. Tasuta rakendusel puuduvad mõned funktsioonid, kuid see on piisavalt keeruline, et olla meie loendis.

Tasuta versiooni põhifunktsioonid on järgmised:

• kohandatavad tööriistaribad,
• elementide, atribuutide ja valijate koodi lõpetamine,
• kasutusvalmis teemad ja mallid,
• HTML-i allahindlusvormingu tugi,
• FTP/SFTP tugi,
• piltide lohistamise ja asetamise funktsioon,
• eelvaate valik,
• süntaksi esiletõstmine,
• tesaurus, et leida sõnale alternatiive ja palju muud.

Tasuline versioon ei ole liiga kallis. See sisaldab mitmeid lisafunktsioone, nagu HTML- ja CSS-koodi valideerimine, sildikogu, koodipuhastaja, dünaamiline õigekirjakontroll.

Coffecup pakub ka mitmeid täiustatud mooduleid, et töötada mobiilisõbralikus stiilis, ilma et oleks vaja koodi kirjutada, kasutades lihtsalt pukseerimisfunktsioone. Nende moodulite hulka kuuluvad Foundation framer, Bootstrap builder ja Responsive site Designer.

Coffecup on olnud turul alates 1996. aastast ning seda kasutavad vabakutselised, idufirmad, väikeettevõtted ja veebiarendajad alates suured ettevõtted. See on suurepärane tööriist veebisaitide, veebilehtede, uudiskirjade, HTML-vormingus märkmete ja sotsiaalmeedia sisu loomiseks.

4. NoteTab (kaks versiooni, tasuline ja tasuta)

NoteTab on veel üks HTML- ja CSS-redaktor, mis pakub funktsioone kiireks arendamiseks. See on Fookesi tarkvara toode, mis on viimased 20 aastat töötanud arendusprotsessi kiirendamise tööriistade kallal.

NoteTabi populaarsust kinnitab asjaolu, et seda kasutavad NASA, FBU, VISA, CIA Hewlett Packard, MIT.

NoteTabil on kolm versiooni: Light, Standard ja Pro. Light versiooni levitatakse individuaalseks kasutamiseks tasuta. Sellel pole kõiki Pro versiooni funktsioone, kuid see toetab HTML5 ja CSS3 teeke, alglaadimist, HTML-i automaattäitmist, failide ühendamist projektidesse, HTML Tidy tuge, HTML-i tekstiks ja sellel on ka palju teemasid.

NoteTabi saab käivitada otse mälupulgalt ja see ei nõua teie arvutisse installimist. Blogijate ja veebisaidi sisuga seotud inimeste jaoks toetab see redaktor sõnade arvu ja SEO statistikat.

NoteTabiga saate lähemalt tutvuda ametlikul veebisaidil.

5. Eclipse (tasuta HTML-i redaktor)

Eclipse on raskekaaluline ja võib-olla HTML-i ja CSS-i arendamiseks üle jõu käiv, kuid seda saab suureks eeliseks kasutada, kui te ei pahanda metsalise installimise ja konfigureerimise vastu. See on suurepärane tööriist, kui plaanite luua keerukaid saite, mille andmebaasid on kombineeritud muude andmeallikatega jne. Seadistamine võib võtta aega ja nõuda täiendavate pistikprogrammide installimist.

Eclipse on kõige populaarsem avatud lähtekoodiga integreeritud arenduskeskkond. Seda redaktorit kasutatakse sageli Java, JavaScripti, PHP, Ruby, Androidi ja paljude teiste programmeerimiskeelte jaoks.

Lisateavet saate siit -

6. HTML-Online

Kui tegemist on HTML-koodi redigeerimisega veebis, siis brauseris ei ületa miski HTML-online.com. Saate alustada kodeerimisprotsessi kohe, ilma tarkvara alla laadimata või installimata ning see on tasuta.

Selle redaktori üks eeliseid on Wordi teisendamine HTML-iks, nii et saate oma sisu Microsoft Wordi failidest kopeerida ja sellele automaatselt HTML-märgistust rakendada. Samuti on tugi Google'i dokumentidele, PDF-ile, Excelile, PowerPointile ja paljudele muudele dokumentidele.

See on usaldusväärne visuaalne redaktor, mis aitab teil luua oma veebilehte ja samal ajal jälgida koodimuutusi kõrvalaknas. Muud funktsioonid, mida tasub mainida, hõlmavad HTML-koodi puhastamist, tabeli elementide kandmist dividesse ning otsingu ja asendamise võimalust.

7. BlueGriffon (tasuta, põhi- ja EPUB-litsents)

BlueGriffon pärineb "Disruptive Innovations SAS" majast. See on üles ehitatud Geckole, Mozilla veebirenderdusmootorile. BlueGriffon on võimas redaktor, mis pärib enamiku oma funktsioonidest Netscape'ilt, Composerilt, Nvu-lt ja Mozillalt.

BlueGriffonil on kolm varianti, millest esimene on tasuta, teine ​​levitatakse põhilitsentsi ja võimsaim EPUB-litsentsi all.

Tasuta versioon võib samuti palju ära teha. Sellel on mustad ja heledad teemad, heli-, video- ja HTML5 vormide tugi, CSS3 redigeerimisfunktsioonid hõlmavad üleminekuid, 3D- ja 2D-teisendusi, SVG loomist, WYSIWYG-tehnoloogiat, Google'i fondihaldurit, fondi orava fondihaldurit, allahindlusvormingu tuge, kasutajaliides rohkem kui 20 keeles.

Saate BlueGriffoni alla laadida ja installida oma Macis Windowsi, Linux Ubuntu ja OS X-i. Täpsemalt saad tutvuda kodulehel -

8. Emacs koos pluginatega

Emacs on üks kõigi aegade armastatumaid toimetajaid. Selle kasutamine on tasuta (GNU litsents). Emacs on üldotstarbeline koodiredaktor, mida saate oma vajadustele vastavaks kohandada. Vabalt levitatavate pistikprogrammide ühendamine muudab selle võimsaks rikkaliku funktsionaalsusega koodiredaktoriks.

HTML-i redigeerimisel pakub Emacs HTML-režiimi, mis muudab koodi redigeerimise väga lihtsaks. Loe lähemalt siit – Emacs

9. Aatom

Atom on GitHubi arendajate konfigureeritav tekstiredaktor. Selle populaarsus kasvab väga kiiresti. See redaktor on nii isiklikuks kui äriliseks kasutamiseks tasuta (MIT-litsents). Arendajate kogukond püüab pidevalt rikastada redaktorit uute funktsioonidega.

Kuidas muuta Atom tasuta HTML-i redaktoriks?

Atomil on kõik koodi redigeerimiseks vajalikud põhifunktsioonid, kuid selleks, et muuta see täielikult toimivaks HTML-redaktoriks, peate installima lisapaketid. Nende hulka kuuluvad Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml ja jade.

Atom on toetatud Windowsi, Ubuntu (Debian Linux), Fedora (alates versioonist 22), Maci ja Red Hat Linuxi jaoks. See sobib rohkem veebiarenduseks kui sisu kirjutamiseks, kuna see on rohkem koodile orienteeritud ja vajab vähe kohandamist.

10. Visual Studio kogukond

Visual Studio Community on Microsofti täielikult toimiv arenduskeskkond ja see on kõigile tasuta. Visual Studio pakub eelkonfigureeritud HTML-i ja CSS-i redigeerimisfunktsioone, mida saab laiendustega veelgi täiustada.

Populaarsed laiendused, mida tasub mainida, on HTML Snippets, HTMLHint, HTML CSS tugi, Intellisense CSS-klassi nime jaoks.

Sarnaselt Eclipse'iga on Visual Studio kogukond suurepärane valik keeruliste, väga skaleeritavate saitide jaoks, mis nõuavad paljusid tehnoloogiaid.

Järeldus

HTML märgistuskeelt kasutatakse kõikjal. On palju HTML-redaktoreid, mis on loodud juba ammu, kuid sellest hoolimata käivad ajaga kaasas ja on veebiarenduseks üsna sobivad. Kuid on ka teisi, millel ei puudu enam funktsionaalsus ja tootlikkus. Tekivad uued toimetajad, nagu Brackets ja Atom, mis pakuvad tõhusat koodi redigeerimist.

Enamikul selles artiklis loetletud toimetajatel on oma omadused, kuid neil on üks eesmärk - veebilehtede loomine. Need suurendavad arenduskiirust ja aitavad koodi korrastada, võttes samal ajal arvesse võimalust seda skaleerida.

Vaadake selles artiklis mainitud valikuid, kirjutage üles oma peamised vajadused, kitsendage loendit paari toimetajani, proovige igat ja vaadake, milline neist teile kõige rohkem meeldib. Tõenäoliselt leiate vähemalt ühe hea HTML-i redaktori Linuxi, Maci ja Windowsi jaoks.

Arenguga arvutikeeled programmeerimisel kvalitatiivses ja kvantitatiivses mõttes hakkas tekkima vajadus süstematiseerida infoväljundseadmete visuaalseid koodiandmeid, et tõsta arendajate tootlikkust ja efektiivsust.

Tarkvaraarendustööriistade väljatöötamise ajalugu ulatub aastakümnete taha. Inimkond on läbinud pika tee alates teabe esitamisest paberil ja perforeeritud lintidel kuni selle esitamiseni, kasutades kaasaegseid arendajatööriistu, mis kuvavad monitoril koodi ja graafilisi esitusi koodi toimimise kohta koos võimalusega sellega manipuleerida.

Kaasaegsed programmikoodiredaktorid on oma funktsioonid laenanud visuaalsetelt tekstiredaktoritelt, aga ka erinevate kompilaatoritega kaasas olevatelt spetsiaalsetelt tekstiarendustööriistadelt. Kaasaegsed Interneti-lehtede arendamise vahendid on tekstiredaktorite ja kontorikomplektide hulgast endasse võtnud kõik parima, mis puudutab teksti- ja graafilise teabe esitamist arvutiekraanil. Spetsiaalsetest programmikompilaatoritega kaasas olevatest redaktoritest, nagu Pascal või C, on Interneti-lehtede koodiredaktorid omandanud võimaluse esile tõsta süntaksit ja asendada koodielemente.

Laenates funktsioone mõlemalt esivanemalt, hakkasid veebilehtede toimetajad koos vanematega arenema. Mõned toimetajad on kasutanud rohkem võimalusi teabe graafiliseks kuvamiseks ekraanil ja juba käivitatud koodiga manipuleerimiseks. Teine osa on neelanud suure hulga võimalusi süntaksi esiletõstmiseks ja programmikoodi asendamiseks erinevaid keeli toorteksti kujul. Mõned rakendused ühendavad harmooniliselt mõlema eelkäija omadused.

Veebiarenduse tekstiredaktoreid nimetatakse tavaliselt programmideks, mis on imendunud parimad omadused töötamine koodi ja süntaksi esiletõstmisega erinevates keeltes. Neid kasutatakse Interneti-rakenduste programmeerimiseks erilised vahendid arendajad, kes teavad, kuidas töötada HTML, CSS, PHP, JavaScripti andmetega.

Mulle isiklikult ei meeldi kogu see tamburiiniga tantsimine. Eelistaksin kasutada valmis programmeerimistoodet, mitte seda ise ehitada. Aga see on minu arvamus. Võib-olla leiate Internetist just teie jaoks loodud spetsiaalseid vimi ja linuxi spetsiaalseid komplekte, millel on juba lisatud lisandmoodulid, kuid Vimi ametlik versioon pole Interneti-rakenduste arendamise spetsiaalne tööriist IMHO.

Gedit (Windows, Mac, Linux)

Gedit on Vimiga võrreldes arenenum redaktor, mis on loodud spetsiaalselt Gnome'i aknahalduri jaoks Linuxis ja hiljem migreeritud teistele operatsioonisüsteemidele. Linuxi kasutajana loobusin selle toote kasutamisest teiste rakenduste kasuks, kuna mul oli vaja tantsida kodeeringutega, mida see Linuxi redaktor ei toeta. U normaalne inimene Lihtsalt pole aega raisata. Kõigil Linuxi rakendustel on see probleem, millele pole universaalset lahendust.

Karbist väljas on veebiarendajatele mõeldud funktsioonid:

Süntaksi esiletõstmine

• punane joon

Täiendavad pistikprogrammid, mida Internetist leiate:

Siltide automaatne sulgemine.

HTML-koodi inspektor

Kehateksti generaator

Regulaaravaldised otsinguks ja automaatseks parandamiseks

Brauseri koodi edastamise integreerimine

Windowsi kasutajate jaoks on see mõnevõrra ebatavaline lahendus, kuid Linuxi OS-i austajatele on see tuttav tööriist.

Fraise (Mac)

Lihtne kasutada ja funktsioonidega üle koormamata, Mac Fraise'i redaktor sisaldab vajalikke tööriistu veebirakenduste lihtsaks arendamiseks ilma täiendavate pistikprogrammideta:

Süntaksi esiletõstmine

Mugav töö klotsidega

Otsige ja asendage

Plokid HTML- ja CSS-märgendite kiireks sisestamiseks

Sisseehitatud brauser automaatse värskendamise funktsiooniga stiilide asendamisel

Siltide sulgemine ühe nupuvajutusega.

HTML inspektor

See redaktor on loodud spetsiaalselt Maci jaoks ja on hea asendus tavalisele tekstiredaktorile. See on Smultroni rakendus, seetõttu töötab see ainult Mac OS-i hilisemates versioonides või kui Smultron on installitud.

TextWrangler (Mac)

Professionaalsed arengukeskkonnad ja nende harud

Komodo redigeerimine (Windows, Linux, Mac)

Selle programmi funktsionaalsus on laenatud paralleelsest kommertsprojektist ja seda on laiendatud täiendavate pistikprogrammidega, muutes selle peaaegu piiramatuks. Aga mida me vajame ideaalsest redaktorist veebirakenduste arendamiseks? Sellel on kõik, mida vajate mugavaks tööks mis tahes programmikoodiga. Lõdvestuda ei lase see, et tootjad ei pakkunud võimalust koodi kahes aknas korraga vaadata. See muudab koodiga töötamise nii mugavaks. Mulle isiklikult ei meeldi rataste uuesti leiutamine ja minu jaoks on lihtsam, kui mul on juba ees mõni lähtekood, mida saab paralleelaknas täiustada.

Komodo Edit võimalused on tasuta versioonis piiratud, võrreldes Komodo IDE-ga üsna tagasihoidliku funktsionaalsusega, kuid mida konkreetselt Komodo Edit meile pakkuda suudab:

Süntaksi esiletõstmise tugi enamikus veebiprogrammeerimiskeeltes

Automaatne täitmine ja siltide sulgemine

Failihaldur ja projektijuht.

FTP on klient, mis töötab erinevate protokollide abil.

Sisseehitatud brauser töötulemuste vaatamiseks.

Funktsioonide otsimine ja asendamine regulaaravaldistega.

Mitme akna liides koos vahekaartidega

Kontrollin html-koodi korrasolekut

Funktsionaalsus pole sellega kaugeltki piiratud, nii et see rahuldab kõik vajadused. Kuigi programm ise võib Linuxi kasutajatele tunduda pisut tülikas. Fakt on see, et sisseehitatud brauser ja ftp-klient pole just need, mida tekstiredaktorilt nõutakse. On programme, mis tulevad nende ülesannetega palju paremini toime kui integreeritud lahendused. Miks on mul külmkappi vaja, kui ma ei suitseta? See maksimalism ideaalse tekstiredaktori rakendamisel annab minu arvates märku Komodo võimekuse kasvu kriisist.

Bluefishi redaktor (Windows, Linux)

Bluefishi redaktor – võib olla ka analoog Maci jaoks. Võib-olla ainuke lahendus Linuxi jaoks arenduse mõttes, mis sobib iga probleemi lahendamiseks, kuid minu puhul osutus sinine kala väga tülikaks ja aeglaseks nii otsingu- ja asendustöödel kui ka kõigil muudel juhtudel. Üldiselt sarnaneb programmi funktsionaalsus Aptana Studio funktsioonidega. See programm on mõeldud professionaalidele. Selle kõiki funktsioone on võimatu loetleda. Seetõttu nõuab selle seadistamine teatud oskusi, millest mul ilmselt ei piisa, et sellega töötamine oleks mugav. Selle toimetaja peamiseks miinuseks on minu arvates aeglus ja kohmakus, millel peaksin pikemalt peatuma.

Aptana Studio (Windows, Linux, Mac)

Aptana Studio on veelgi kohmakam universaalne koletis, mis on end Interneti-koodiga töötamisel tõestanud. Muuhulgas pakub see programm laia valikut teenuseid üldiselt arendamiseks. Mõnede kasutajate sõnul muudab selle programmi keeruline rakendamine mitteprofessionaalidele hirmutavaks ja mõnevõrra aeglaseks. Selle koletise kasutamise lisaeelis on sisseehitatud veebiserveri olemasolu, mis võimaldab vaadata dünaamilisi lehti serveri poolel töötava koodiga. See meeldib programmeerijatele, kes kirjutavad PHP-d ja muid sarnaseid serveripoolseid keeli. Mina isiklikult olen veidi väsinud pidevast vajadusest hoida arvutis täisväärtuslikku serverit ja pidevalt selle kataloogi php faile liigutada. Sellega seoses pakub Aptana väga meeldivaid arengutingimusi. Kuidas see toode ametlikul veebisaidil positsioneeritakse?

HTML-i, CSS-i, JavaScripti tugi esiletõstmise, valmisstruktuuride sisestamise ja asendamise näol.

Projektijuht koos kliendiga ftp-protokollide kaudu töötamiseks.

Sisseehitatud silur html-i, JavaScripti, Rubby&Rails-koodi kontrollimiseks

Giti (hajutatud versioonihaldus) tugi, mida professionaalsed programmeerijad võivad vajada.

Toetatud sisseehitatud terminal.

Liidest on võimalik juhtida, mis lihtsustab oluliselt vajalike juhtelementide leidmist, kuna kasutamata elemente saab peita. Hiljem on need menüü kaudu kättesaadavad.

Visuaalsed redaktorid veebiarendajatele

Macromedia Dreamweaver MX.

Macromedia Dreamweaver MX - selle programmi täielikku funktsionaalsust ei tea ilmselt isegi arendajad ise. Ega asjata räägitakse sellest nii palju raamatutes, mida selle programmi kohta raamatupoodide riiulitelt leiab. See töötab peaaegu kõigi multimeediumiandmetega.

AdobeGolive ja Adobe LiveMotion.

Piiramatu funktsionaalsus lehtede arendamiseks, küljendamiseks ja lõikamiseks. Paljud peavad AdobeGolive'i funktsionaalsust ebapiisavaks, kuid Adobe'i tarkvara igakülgne kasutamine on ületamatu. See teema ei ole mõeldud lühikese artikli jaoks, vaid mitmeköiteliste teoste jaoks Adobe'is.

Microsofti esileht

See on mugav, hõlpsasti kasutatav visuaalne arenduskeskkond. Väljundkood pole puhas. (Eelkõige meeldib talle küljendusse "saagida".

oma kurjadel eesmärkidel). Kuid samal ajal võimaldab see töötada erinevate multimeediumiandmetega ega nõua teadmisi muude erioskuste kohta peale Ms Wordi tundmise. Peaaegu iga õpilane saab sellega raskusteta hakkama. See saab valmis lehti alla laadida ftp kaudu, aga nagu ikka MS-iga – ühest kohast. Hetkel on Microsoft Office'i pakettide esileht asendatud Microsoft Expression Webi ja Microsoft Office SharePoint Designeriga.

On üks iidne (1997) ja isegi sarnane tasuta versioon FrontPage Express, mis toodab üsna puhast koodi, mis aga ei vasta enam HTML-i standarditele. Aga kui sa kiire lahendus peate looma keeruka tabeli - see on täpselt see, mida vajate. FrontPage Expressil pole jaotuskomplekti, see töötab ilma installita.

COFFECUP HTML-i redaktor

Üsna hea visuaalne redaktor, mis on varustatud kõige lihtsamate funktsioonidega visuaalse teabega töötamiseks. Lisaks lihtsale visuaalsele esitlusele on Coffecup Html Editor võimeline töötama ka toorkoodiga.

Programm sisaldab palju html-koodiga valmisplokke, mida saate oma äranägemise järgi kasutada, samuti mitmeid CSS-i koodimalle, millesse saate oma parameetrid asendada. Malle on päris palju.

Karbist väljas on projektijuht

Saate saitidega töötada ftp kaudu

Tavaliste tekstiredaktorite täielik funktsionaalsus Interneti arendamiseks

Võimalus vaadata koodifragmente paralleelselt selle segmendi töö tulemuse kuvamisega.

Üldiselt pole rakendamine halb, sisseehitatud brauser on olemas. Mis mulle selle programmi juures ei meeldinud, on see, et Coffecup vägistab häbitult väljundkoodi ega ole eriti stabiilne. Alternatiivina valisin enda jaoks NVU. Tegelikult ei sobi kumbki programm täisväärtuslikuks paigutuseks, vaid sobib saitide teabega täitmise probleemide lahendamiseks, ilma et oleks vaja tekste ja pilte tekstiredaktorite kaudu käsitsi manustada.

COFFECUP Visual Site Designer

Sarnane rakendus ainult ilma võimaluseta koodi redigeerida. Väga tagasihoidliku funktsionaalsusega puhtvisuaalne redaktor, mis täisväärtuslikuks programmeerimiseks ei sobi.

Nvu

NVU - programmi erilise funktsionaalsuse kohta pole siin tarbetuid sõnu. Asun kohe asja juurde. Miks mulle see toimetaja meeldis? Mulle meeldib, et see on täielikult kasutaja kontrollitav. CoffeCupis on kõik sama, aga mulle meeldis Nvu rohkem. Lisaks töötab see stabiilsemalt ja kiiremini. Nvu-s on veidi vähem koodifragmente, seega sisaldab see mõningaid eriefekte või CSS-skripte. Aga kellele seda vaevust vaja on? Mina isiklikult, nagu enamik lihtsaid programmeerijaid, vajan tasuta visuaalset redaktorit ainult selleks, et lahendada lihtsaid probleeme, mis on seotud staatiliste saitide teabega täitmisega, ilma et oleks vaja lehe koodi süveneda. Samuti on võimalus faile ftp-s redigeerida, mis on samuti väga kasulik staatiliste failidega töötamisel. Veebilehtede loomise visuaalse redaktorina on Nvu üsna piiratud.

WYSIWYG veebiehitaja

Ehitame veebisaite kiiresti ja lõbusalt.

WYSIWYG WEB Builder – tingimuslik tasuta programm, mis pakub kasutajatele täielikku valikut veebisaitide loomiseks ilma erikeeli ja -koode teadmata. Nagu öeldakse, saate valmis veebisaidi visandada mõne minutiga, klõpsates lihtsalt teile meeldivatel elementidel ja lohistades need saidi lehele. Programm sisaldab aga ka tööriistu keeruliste vormide, stiilide loomiseks ning erinevate objektide tutvustamiseks Internetist ja kodulehe projektist.

WYSIWYG-tehnoloogiat kasutavate veebisaitide arendamise programm on juba välja antud. Võrreldes eelmise versiooniga, sisaldab see versioon 50 täiendust ja 150 uut tootja deklareeritud funktsiooni. Kokku sisaldab see väljalase umbes 250 valmislahendust, palju valmismalle ja isegi oma CMS-i, mis töötab võrgust. Saidi testimiseks pole vaja midagi muud peale redaktori enda; kõik, mida vajate, on sellesse Pablo Software Solutionsi tootesse sisse ehitatud.

Teatatud uutest üksustest versioonis 8.5.1

HTML5/CSS3 tugi

Sisseehitatud sisuhaldussüsteem (CMS)

Karussell

Teemahaldur koos jQuery toega

Uued navigeerimisfunktsioonid jne.

Peamised funktsioonid.

WYSIWYG, DRAG&DROP (visuaalne redaktor, objektide lohistamine projekti lehele erimenüüst)

Lehe märgistuskeele oskus pole vajalik

Väljundvormingud: HTML4, HTML5, XHTML, CSS3, PHP

Stiilihaldur standardsete siltide toega

Flash, HTML5 multimeedia, Youtube, Video Flash jne.

Slaidiseansid, kerivad menüüd ja muud elemendid.

Mugav navigeerimine.

Sisuhaldussüsteem

Selle paketi CMS sisaldab palju funktsioone, mida kirjeldame lühidalt:

Administraatori paneel.

Sisseehitatud tugi populaarsetele CMS-i tekstiredaktoritele

Täiendavate pistikprogrammide tugi

Eraldi menüü erinevate objektide jaoks projektis

Sisseehitatud otsingufunktsioonid veebisisu otsimiseks

CMS töötab AJAX-tehnoloogia abil. See muudab projektis navigeerimise lihtsamaks

CMS sisaldab võimalust esitada lehti pisipiltidena

Võimalus manustada projekti väliseid lehti

HTML5/CSS3 tugi

Kaasaegsete standardite tugi võimaldab ellu viia projekte kõrgel tasemel, ilma tülikaid komplekslahendusi kasutamata. CSS3 ja HTML5 muudavad saidi kergemaks ja muudavad selle täielikult toimivaks, ilma brauseri kõrval muid kolmandate osapoolte rakendusi kasutamata. WYSIWYG kontseptsiooni kohaselt ei pea kasutaja teadma märgistuskeeli ja kaskaadtabeleid. HTML5 objekti loomiseks või CSS3 efekti rakendamiseks pole vaja teha muud, kui klõpsata rakenduse menüüs teile meeldiva objekti või efekti näitel. Tootjad teatasid veebisaitide jaoks järgmistest valmislahendustest:

Rohkem kui 250 valmislahendust teie veebisaidile, mida on lihtne oma projektile rakendada.

Veebilehe tegija

Hetkel on 3.21 ühe tuntud WYSIWYG veebiredaktori uusim shareware versioon, millel on üsna lihtne funktsionaalsus lihtsate veebisaitide loomiseks. Kuid see tööriist võimaldab teil kiiresti ja ilma eriteadmisteta rakendada tulevase veebisaidi malli malli või isegi luua terveid projekte, mida saab sisseehitatud FTP-kliendi kaudu kohe hostimiseks saata.

Sellel versioonil on üks oluline puudus; inglise keel, mis muudab töö sisuliselt lihtsa koodiga üsna segaseks, kuna graafiliste elementide redigeerimine sisseehitatud aknaliidese kaudu tundus mulle täiesti arusaamatu. Kui aga mõistate selle programmi juhtimissüsteemi, on sellega töötamine üsna mugav. Välimuselt näeb programm välja üsna lihtne, menüü pole ülekoormatud, kuid liidest ei saa nimetada intuitiivseks. Kuid tootja esitab oma toote kohta ka üsna tagasihoidlikke väiteid.

Tootekirjeldus

WEB Page Maker on hõlpsasti kasutatav veebiredaktor, mis võimaldab teil mõne minutiga luua ja oma hostimisse üles laadida veebilehti ilma HTML-i tundmata. Valige lihtsalt menüüst soovitud element ja lohistage see lehel soovitud kohta. See on tõsi. Saate paigutada elemente lehel kõikjale. Põhipakett sisaldab mitmeid malle, mille abil saab lehel hiirega veidi torkides ja väärtustega mängides välja mõelda, kuidas seda või teist objekti seadistada. Pakett sisaldab värvivalijat, JavaScripti lahenduste teeki, pilditeeki ja FTP-klienti.

Peamised funktsioonid

Järeldus

See on piisav kirjeldus selle kohta, milleks see väike toimetaja võimeline on. 15 päeva jooksul saate seda täiesti tasuta proovida. Kui ostate tasulise versiooni, pakutakse teile mitmeid täiendavaid malle, efekte ja vorme, kuid see ei toeta HTML5 ja keerulisi CSS-i gradiente.

Mõned funktsioonid ja efektid võivad aga valmis lehtedega töötamisel väga kasulikud olla. Saate luua menüü, lisada esiletõstmise efekte, kui hõljute mõne elemendi kohal, luua vormi või PayPali maksenupu. Kuid üldiselt peab see tarkvara keerukate projektide täielikuks loomiseks siiski oma funktsionaalsust kasvatama ja moderniseerima vastavalt kaasaegsematele HTML5 ja CSS3 standarditele. Uusim versioon Veebilehe tegija näib veidi aegunud.

Teeme järelduse

Vaatasime kõige kuulsamaid tasuta rakendusi tekstivormingus koodiga töötamiseks, vaatasime mõningaid visuaalseid redaktoreid ja süvenesime saadaolevate olemusse tasulised rakendused. Millise järelduse saab teha tarkvara täna veebiarendajatele?

Universaalsed, arendajatele mõeldud kohmakad programmid on liiga aeglased ja kohmakad ning täis vigu. Seetõttu eelistavad kasutajad väikeseid programme, mis täidavad oma funktsioone hästi.

Mitte ükski programm ei suuda iseseisvalt ilma muutmiseta luua Interneti jaoks kvaliteetset uut rakendust. Täiuslik paigutus on võimalik ainult siis, kui programmeerija kasutab oma teadmisi ega usalda programme.

Professionaalsed programmeerijad, kasutades lihtsaid tööriistu, mis on kõigile kättesaadavad, saavad luua täisväärtusliku Interneti-rakenduse ilma patenteeritud tarkvara kasutamata.

Staatiliste saitide teabega täitmist saate kiirendada, kasutades lihtsaid visuaalseid redaktoreid, nagu Nvu, mis on vabalt saadaval.

Professionaalsetele disaineritele sobib Adobe lahendus koos selle tootja teiste programmidega.

Dreamweaver sobib hästi kiirete küljendusülesannete lahendamiseks. Kuid koodi tuleb muuta iseseisvalt, kasutades lihtsamaid programme - tekstiredaktoreid.

Epiloog

Kokkuvõtteks tahan öelda veel paar sõna veebiprogrammeerijatele mõeldud tarkvara kohta. Siin on käsitletud vaid mõningaid programme, mis sobivad koodiga töötamiseks.

Need erinevad eesmärgi ja funktsionaalsuse poolest. Need ei lahenda ühte probleemi, nii et igal konkreetsel juhul ei satu üks programmidest sellesse kohta, mille ma sellele määrasin.

Iga veebidisainer ja kodeerija vajab HTML-, CSS- ja JavaScripti koodi loomiseks ja redigeerimiseks head veebilehe redaktorit. Notepad (Windows) ja TextEdit (Mac) on alustuseks suurepärased tööriistad, kuid kogemuste suurenedes soovite kasutada tugevamat ja kasutajasõbralikumat tööriista.

Seal on sadu suurepäraseid toimetajaid, mille hulgast saate valida õige, kuid paljud neist on tasulised. Mida teha, kui te ei soovi autoriõigusi rikkuda, kuid teie eelarvest ei jätku kommertstoote ostmiseks? Selles artiklis vaadeldakse mõningaid suurepäraseid tasuta toimetajaid.

• WYSIWYG toimetajad. Need on graafilised redaktorid, mis võimaldavad teil visuaalselt luua lehe paigutust ja määrata stiile, nagu tuntud tekstitöötlusprogrammis MS Word. Need on mugav tööriist lehe kujunduse koostamiseks, kuigi nagu iga kogenud veebidisainer teab, tuleb suurepärase tulemuse saavutamiseks koodi siiski timmida.
• Tekstiredaktorid. See on tööriist HTML- ja CSS-koodi otse redigeerimiseks. Mõned redigeerijad on üldotstarbelised ja neil pole veebikoodi toe jaoks spetsiaalseid valikuid. Teised on spetsialiseerunud veebikeelte (nt HTML, CSS, JavaScript ja PHP) kasutamisele ning neil on sisseehitatud atribuudid HTML-märgendite, CSS-i atribuutide jms kiireks sisestamiseks. Paljud neist redaktoritest võimaldavad teil vaadata veebilehte eraldi aknas.

KompoZer (Windows, Mac, Linux)

KompoZer - suurepärane valik kui vajate piiratud eelarvega visuaalset redaktorit

Komodo Edit on hea redaktor, mida on lihtne õppida, kuid võimas ja laiendatav

Kuigi see on üldotstarbeline redaktor, toetab see HTML-i ja CSS-i ning sellel on kontekstipõhine automaatne täitmine HTML-märgendite ja CSS-i atribuutide jaoks, samuti koodide kogumik erinevate HTML-elementide jaoks. Komodost maksimumi saamiseks peate installima HTML Toolkiti laienduse, mis sisaldab selliseid suurepäraseid funktsioone nagu automaatse sulgemise sildid, CSS-i välimuse eelvaade ja ajutine tekstigeneraator.

Komodo Edit võimaldab teil vaadata muudetavaid lehti mis tahes installitud brauseris või kasutada sisseehitatud brauserit eraldi aknas, et saaksite samaaegselt redigeerida ja näha muudatuste tulemusi.

Redaktoril on sisseehitatud funktsioon failide saidile üleslaadimiseks (FTP, FTPS, SFTP või SCP), samuti saate oma failid kenasti rühmitada, kasutades projektihalduri valikut.

Väga kasulik funktsioon Kood > Valige Blokeeri. See tõstab esile praeguse peamise HTML-i ploki, näiteks praegu suletud div või ul elemendi. Väga mugav funktsioon, kui peate kopeerimiseks või teisaldamiseks valima lehel terve jaotise.

Komodo Edit sisaldab palju võimsaid ja kasulikke funktsioone, nagu regulaaravaldiste kasutamine otsimiseks/asendamiseks, võimalus täita väliseid käske jne. Õnneks on redaktoril ka hea abisüsteem, mis muudab Komodo Edit võimsuse õppimise lihtsaks.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio on terviklik integreeritud veebirakenduste arenduskeskkond suure hulga pistikprogrammidega. Kuigi saate seda kasutada ainult HTML/CSS/JavaScripti koodiredaktorina

Notepad++ on Windowsi Notepadi suurepärane asendus. Kuigi sellel pole nii palju valikuid kui teistel redaktoritel, sobib see suurepäraselt HTML-i, CSS-i, JavaScripti ja muude koodifailide redigeerimiseks

PSPad on veel üks Windowsi üldotstarbeline redaktor, millel on lai valik HTML- ja CSS-kooderitele kasulikke funktsioone

jEdit on platvormideülene tekstiredaktor, millel on võimsad makrokäskude ja pistikprogrammide funktsioonid. Kui teil on vaja veebilehti redigeerida, installige XML-plugin

TextWrangler on kerge üldotstarbeline redaktor. Vaatamata veebiarenduse erifunktsioonide puudumisele saab seda kasutada veebilehtedega töötamiseks.

Vimi on kindlasti raske õppida, kuid kui olete väljakutsetest üle saanud, ei taha te enam kunagi tagasi minna!

Programmeerijate tekstiredaktorite vanaisa Vim (vi-redaktori otsene järeltulija) on avatud lähtekoodiga konsooli tekstiredaktor. See on peaaegu kõigi Unixi maitsete, sealhulgas Linuxi ja Mac OS X, vaikeredaktor. See on saadaval kasutamiseks ka Windowsis ja paljudes teistes süsteemides.

Vim ei ole süsteem, mida saate kohe installida ja kasutama hakata, ilma et oleksite sellega varem töötanud. Enamik redigeerimiskäske sisaldab veidraid kombinatsioone, nagu :wq ja / . Sellel on ka kolm redigeerimisrežiimi: režiim lisad, kuhu sisestatakse tekst; visuaalne teksti valimise režiim; Ja käsk režiim käskude sisestamiseks. See funktsioon on Unixi pärand nendest aegadest, mil polnud veel aknaid ega hiirt.

Miks ta nimekirjas oli? Kui te seda valdate, olete veendunud selle kiiruses ja võimsuses. Mõne käsuga saate mõne sekundiga teha seda, mis võib teistes redaktorites aega võtta.

Vimi jaoks on palju makrosid ja pistikprogramme, mis muudavad HTML-i, CSS-i ja JavaScripti koodiga töötamise lihtsamaks, sealhulgas süntaksi esiletõstmine, automaatne täitmine, HTML Tidy ja brauseri vaatamine. Siin on suur nimekiri kasulikest linkidest:

• Vim Omni automaatne täitmine
• HTML/XHTML redigeerimine Vimis
• avaleht

Fraise (Mac)

Fraise on Maci jaoks intuitiivne redaktor, millel on veebis redigeerimiseks piisav hulk funktsioone

Nagu TextWrangler ja gedit, on ka Fraise suurepärane ja kerge redaktor, mida on rõõm kasutada. See on toimetaja kahvel. See on suhteliselt uus ja sellel puudub korralik veebiserver. Seda toetab praegu ainult Mac OS X 10.6 (Snow Leopard), mis tähendab, et kui kasutate versiooni 10.5, peate Smultroni alla laadima.

Fraise'il on veebi redigeerimiseks mõned suurepärased võimalused:

• Koodi esiletõstmine HTML, CSS, JavaScript, PHP ja mitmete teiste programmeerimiskeelte jaoks.
• Käsk Sulge silt (Command-T) aktiivse sildi sulgemiseks. See säästab tõesti aega loendite sisestamisel.
• Mugav eelvaade sisseehitatud brauseris (kasutades WebKiti), väga mugava Live Update valikuga? mis värskendab brauserit kohe, kui redigeeritava lehe märgistus ja CSS on muutunud.
• Täpsem otsing, mis toetab regulaaravaldiste abil otsimist/asendamist.
• Plokkide tugi HTML-märgendite ja CSS-i atribuutide kiireks sisestamiseks.
• Mõned käepärased käsud tekstiga manipuleerimiseks, näiteks HTML-i valideerimine ja märkide teisendamine HTML-elementideks.

Fraise'i tasub uurida, kui kasutate Maci ja soovite kasutajasõbralikku redaktorit, millel on rohkem võimalusi kui sisseehitatud TextEdit.