Seniai praėjo laikai, kai visas žiniatinklio dizainerių ir kūrėjų įrankių rinkinys apsiribojo specializuotomis darbalaukio programomis. Atėjo nauji, įdomūs laikai, internete metai iš metų pradėjo atsirasti daugybė įvairių žiniatinklio programų ir platformų, kurios labai palengvina kūrėjų gyvenimą. Be kita ko, dabar turime prieigą prie daugelio internetinių redaktorių, kurie suteikia paruoštą aplinką kodui rašyti ir apdoroti, lanksčius įrankius, leidžiančius derinti CSS, HTML ir JavaScript, kurti ir dalytis kodavimo pavyzdžiais.

Laikas nestovi vietoje, kartu su jau nusistovėjusiomis platformomis: Codepen, Dabblet, jsFiddle, JS Bin ir kitomis atsiranda naujų, ne mažiau įdomių darbui su kodu.

Šiandien norėčiau papasakoti apie vieną iš šių naujokų.

- HTML5, CSS3 ir JavaScript

„Liveweave“ yra gana įdomus šaltinis ir taps dar viena populiaria vieta, kur galima tvarkyti savo kodą. Šios programos dizainas yra be ypatingų smulkmenų, vidutiniškai minimalistinis, leidžiantis sutelkti dėmesį į darbą su kodu. Pažįstamas ir labai patogus viršutinis skydelis su pasirinkimo ir parinkčių jungikliais ir, žinoma, darbo zona, padalinta į 4 dalis HTML, CSS, JavaScript ir peržiūros skydelį. Jei norite, galite pasirinkti bet kurį skydelį ir išplėsti jį iki viso ekrano, o tai labai patogu.

Šis įrankis turi daug privalumų. Peržiūra atnaujinama automatiškai, sintaksės paryškinimas galimas dviem parinktimis, tamsiame ir šviesiame fone, čia taip pat yra eilučių numeravimas.

Geras papildinių bibliotekų rinkinys, kuris gali būti naudingas jūsų darbe, Angular JS (1.0.7), Bootstrap (naujausia), Modernizr (naujausia), Moo Tools (naujausia), dabartinės jQuery bibliotekų versijos ir daug daugiau . Norėdami pasirinkti jums reikalingą, tereikia paspausti mygtuką funkcijų skydelyje "Biblioteka" ir iš sąrašo pasirinkite reikiamą CSS arba JS biblioteką.

Visos šios funkcijos yra daugelyje kitų panašių internetinių redaktorių, tad ką naujo siūlo šio šaltinio autoriai kūrėjams?
Visų pirma, atkreipčiau dėmesį į stabilų veikimą, nepastebėjau jokių matomų stabdžių.
Antra, vienu paspaudimu optimizuoja peržiūros skydelių dydį, taip pat peržiūros režimo jungiklius.
Trečia funkcija ir turbūt viena „skaniausių“ yra galimybė naudoti papildomus įrankius tiesiai iš funkcijų skydelio, mygtukas „Įrankiai“ suteikia galimybę susikurti savo spalvų paletę, galimybė generuoti „žuvies tekstą“ (Lorem ipsum), kad užpildytumėte vietą, atsisiųskite sukurtą projektą html formatu arba supakuotame zip archyve.
Ir galiausiai, man asmeniškai šis redaktorius labai patrauklus buvo galimybė naudoti galingą CSS3 nuosavybės generatorių neišeinant iš kasos. Patikėkite, ne visur rasite tokią galimybę, iš tikrųjų tai labai labai patogu. Kai dirbate su stiliais, perjungiate į css3 generatorių, eksperimentuojate su parametrais, matydami visus pakeitimus gyvai, iškart nukopijuojate generatoriaus sukurtą gatavą kodą, perkeliate jį į redaktorių ir peržiūros režimu matote baigtą rezultatą ir visa tai viename klipe.

Apskritai, redaktorius turi gana naudingų parinkčių, įskaitant galimybę bendrinti. „Liveweave“ tikrai yra naujovė šiame žanre, tačiau pridėjo keletą rimtų naujovių, kurių trūksta kitiems tokio tipo redaktoriams. Nedrįstu ginčytis dėl privalumų ir trūkumų, ši trumpa apžvalga ne apie tai, tik tikiuosi, kad padėjau jums pamatyti kitą įdomų sprendimą. Ir apskritai, geras dalykas yra tai, kad tokių priemonių atsiranda vis daugiau, tai palengvina darbą, todėl ir gyventi smagiau))).

Norėčiau sužinoti, kokias priemones naudojate dažniausiai ir kodėl?

Su visa pagarba, Andrew

Norint patogiai dirbti su HTML puslapiais, juos keisti ir redaguoti, naudojami HTML redaktoriai. Šiandien yra daugybė tokių redaktorių, kurių kiekvienas turi savo stipriąsias ir silpnąsias puses, taip pat gali būti naudojamas įvairioms užduotims atlikti.

„Adobe Dreamweaver“ yra vienas seniausių HTML redaktorių, kurio pirmoji versija buvo išleista 1997 m. gruodžio mėn. Nuo to laiko paketas patyrė daug pakeitimų ir galiausiai tapo tikru profesionaliu HTML redaktoriumi, kuris naudojamas dirbti su sudėtingais interneto projektais. Čia rasite visus naujausius žiniatinklio kūrėjo įrankius.

Naujoji versija palaiko HTML 5 standartą, taip pat pagerina kodo rengyklę ir kūrėjo langą. Įdiegtas CSS išankstinio procesoriaus palaikymas, taip pat visų pakeitimų rodymas naršyklės lange realiuoju laiku. Suteikiama glaudi integracija su „Flash Player“. Išorinis dizainas buvo visiškai atnaujintas.

„Adobe Dreamweaver“ trūkumai yra „sunkumas“ ir aparatinės įrangos reikalavimai. Norėdami įdiegti paketą, standžiajame diske turite turėti keletą nemokamų gigabaitų. Programa turi daugybę skirtingų skirtukų ir nustatymų, todėl norint su ja susipažinti reikia daugiau laiko. Be to, „Adobe Dreamweaver“ yra patentuota programinė įranga, kurią naudojant reikia mokėti pinigus.

Nepaisant to, programa turi nemokamą bandomąjį laikotarpį, kurio metu galite įvertinti visus šio paketo privalumus ir privalumus. Paprastai šis laikotarpis trunka mėnesį nuo programos įdiegimo datos.

Kelių platformų redaktorius Sublime Text pamažu populiarėja tarp profesionalų. Taip yra dėl maksimalaus paprastumo, smulkmenų trūkumo ir tuo pat metu visų reikalingų įrankių, kurių reikia kūrėjui. Tačiau jei staiga ko nors prireiks ir to nėra standartinėje Sublime Text funkcijoje, visada galite jį rasti kaip papildinį arba galite parašyti patys Python. Visas darbas atliekamas naudojant karštuosius klavišus, todėl pačiame programos lange yra mažiausiai sąsajos elementų. Darbo zoną galima padalyti į kelis nepriklausomus langus, išdėstytus horizontaliai, vertikaliai arba tinklelyje.

Nepaisant visų pranašumų, „Sublime“ teksto rengyklė išlieka gana sudėtinga priemonė pradedantiesiems. Netgi standartinė redaktoriaus konfigūracija čia vyksta ne naudojant meniu, o naudojant config.json failus, su kuriais dirbant reikia iš vartotojo pagrindinių mokymų. Tačiau profesionaliems programuotojams nebus sunku pritaikyti šį įrankį, nes jis pateikiamas su visa dokumentacija.

Sublime teksto rengyklė yra patentuota programinė įranga, bet jums nereikia mokėti už naudojimąsi ja. Kiekvieną kartą ją paleidus, pasirodys langas, primenantis, kad galite oficialiai įsigyti šią programą, tačiau tai daroma dovanojant, o ne perkant.

Programą galite atsisiųsti iš oficialios svetainės: https://www.sublimetext.com.

„Notepad++“ techniškai nėra HTML redaktorius, tačiau jis gali būti naudojamas šiems tikslams. Jame yra įmontuotas sintaksės paryškinimas HTML ir XML žymėjimo kalboms, populiariausioms programavimo kalboms, iš kurių kai kurios naudojamos kuriant žiniatinklius, pvz., PHP, Ruby, Perl, Python ir daugelis kitų.

Yra daugybė įrankių, padedančių redaguoti kodą, pvz., žymekliai, kodo bloko lankstymas, automatinis užbaigimas, projekto vadovas, kelių eilučių redagavimas ir paryškinimas, įvairių kodų palaikymas ir daug daugiau. Taip pat yra daugybė įvairių kūrėjų skirtų Notepad++ įskiepių, kurie žymiai išplečia programos funkcionalumą, todėl ji tampa rimtu konkurentu profesionaliems HTML redaktoriams.

Teksto rengyklės Notepad++ pranašumai yra jo greitis ir nedidelis vietos diske kiekis. Be to, programa turi labai paprastą sąsają, su kuria dirbti nereikia papildomo mokymo laiko. Be to, nuolat išleidžiami „Notepad++“ atnaujinimai, apie kuriuos pati programa praneša vartotojams, siūlydama juos įdiegti. Svarbiausias redaktoriaus privalumas yra tas, kad jis platinamas pagal GNU GPL 2 licenciją, kuri reiškia nemokamą programinę įrangą.

Šį redaktorių galite atsisiųsti dabar iš oficialios svetainės https://notepad-plus-plus.org be jokių apribojimų.

Tai paprastas redaktorius su gražia sąsaja, kuri vizualiai miglotai primena Sublime Text. Parašyta CoffeeScript. „Atom“ yra gana jaunas teksto redaktorius, kurio pirmasis leidimas įvyko 2014 m. vasario 26 d. Palaiko papildinius, įrašytus Node.js. Tinka pradedantiesiems dirbti ne tik su HTML, bet ir su daugybe kitų užduočių.

„Atom“ yra nemokama ir gali būti įdiegta daugelyje populiariausių operacinių sistemų. Be to, jį gana paprasta įdiegti ir naudoti, jis veikia greitai ir reikalauja šiek tiek laisvos vietos standžiajame diske.

Norėdami pradėti naudoti šį redaktorių, tiesiog spustelėkite „Atidaryti projektą“ pasveikinimo lange, kuris atidaromas pagal numatytuosius nustatymus. Toliau pasirenkamas darbo katalogas, po kurio jame sukuriamas failas ir nurodomas jo plėtinys. Failo sintaksė nustatoma automatiškai pagal nurodytą plėtinį.

Vim yra profesionalus nemokamo teksto rengyklė, kilusi iš seniausių Unix redaktorių šeimos. Vim pirmą kartą buvo išleistas 91 m. lapkričio 2 d. Jis žinomas kaip profesionalių programuotojų įrankis, suteikiantis milžiniškas galimybes automatizuoti darbą. Standartinė Vim vaizdinė sąsaja yra konsolinė, tačiau yra Gvim modifikacija, kuri veikia per langinę grafinę sąsają.

Dirbant su Vim yra keli režimai, kurių perjungimas keičia sparčiuosius klavišus ir jų funkcionalumą. Iš pradžių Vim paleidžiamas vadinamuoju „normaliu“ arba „komandiniu“ režimu. Jame yra visi įprasti spartieji klavišai, tokie kaip „kopijuoti“, „ištrinti“, „įklijuoti“. Kitais režimais įvedate tekstą, dirbate su konsole arba iškviečiate vaizdo režimą. Atrodytų, kam tokie sunkumai? Faktas yra tas, kad „Vim“ buvo sukurtas kaip įrankis, kuriame bet koks veiksmas vertinamas ne klasikinio „patogumo“ požiūriu, o kaip kažkas, kuriam reikia maksimalaus optimizavimo.

Vim veikia labai greitai ir beveik nenaudoja sistemos išteklių. Kalbant apie mokymosi sunkumą, tai tikrai nėra priemonė pradedantiesiems. Vien perkėlimo operacijai sukurta daugiau nei šimtas komandų. Žinoma, nereikia jų visų įsiminti. Kiekvienas pasirenka savo programavimo stilių ir pagal jį išmoksta, ko jam reikia. Norint įvaldyti šį redaktorių tinkamu lygiu, reikės daug kantrybės ir laiko. Tačiau kaip atlygį stropūs vartotojai gaus galingiausią šiuo metu turimą kodų rengyklę. „Vim“ yra nemokamas kelių platformų įrankis, veikiantis „Linux“, „Mac“, „Windows“ ir keliose kitose operacinėse sistemose.

Skirtingai nuo kitų programų, IntelliJ IDEA yra profesionali integruota kūrimo aplinka (IDE). Be to, kad jis gali sklandžiai dirbti su HTML/XHTML/HAML žymėjimo kalbomis ir CSS/SASS/LESS puslapių išvaizdos aprašymo kalbomis, galima glaudžiai bendradarbiauti su Java, JavaScript, Python ir Coffee Script. „IntelliJ IDEA“ sukūrė „JetBrains“.

Kodėl turėtumėte pradėti naudoti šią konkrečią programą? Pirma, ji turi tikrai apgalvotą sąsają. Galite pradėti dirbti su juo iškart po įdiegimo, net jei niekada anksčiau su tuo nesusidūrėte. Be to, galima dirbti su tokiais populiariais įrankiais kaip CVS, Apache Ant, Maven, JUnit ir Subversion, kurie, beje, yra visiškai nemokami.

Deja, pati IntelliJ IDEA nėra visiškai nemokama programa. Pilna versija pasiekiama tik 30 dienų bandomajam laikotarpiui, o jos sumažintoje versijoje trūksta daug naudingų funkcijų ir ji tikrai gali būti naudinga kuriant programas „Android“ arba dirbant su „Java“ įrenginiu.

HTML redaktorius yra pirmas dalykas, kurio jums reikės norint pradėti kurti tinklalapius naudojant HTML ir CSS. Yra daug nemokamų HTML redaktorių, o jų pasirinkimas gali būti nelengvas uždavinys.

HTML yra gana paprastas, todėl galite pradėti dirbti su savo tinklalapiais naudodami paprastą teksto rengyklę, pvz., Notepad, WordPad ar bet kurią kitą. Taip pat galite eiti toliau ir naudoti vieną iš daugiau funkcijų turinčių redaktorių, tokių kaip Coffecup, Notepad++, Brackets, Notetab arba BlueGriffon. Pažangesnių ir funkcionalesnių redaktorių naudojimo pranašumas yra tas, kad gausite daugiau įrankių, kurie gali žymiai pagreitinti turinio žymėjimo ir kūrimo procesą.

Nesvarbu, ar norite kurti tinklaraščius ir straipsnius, kurie būtų gerai suformatuoti, kad naršyklės galėtų skaityti, ar planuojate sukurti visiškai funkcionalią svetainę naudodami HTML ir CSS, pasirinkus tinkamą redaktorių, jūsų produktyvumas labai padidės. Profesionalūs žiniatinklio kūrėjai praleidžia daug laiko rinkdamiesi redagavimo priemonę ir įrankius, kurie geriausiai atitinka jų poreikius ir padidina jų produktyvumą.

Kuris nemokamas HTML redaktorius jums tinka?

Atsakymas į šį klausimą visiškai priklauso nuo jūsų reikalavimų, nuo produkto, kurį ketinate sukurti naudodami HTML, nuo jūsų dabartinio šios žymėjimo kalbos žinių lygio, jei ketinate tiesiog išmokti. Kadangi dauguma šių redaktorių yra nemokami, galite susiaurinti sąrašą iki 2–3, išbandyti pagrindines jų funkcijas ir nuspręsti, kuris iš jų jums labiausiai patinka.

Be to, beveik visi šiame straipsnyje išvardyti redaktoriai palaikomi keliose operacinėse sistemose, įskaitant „Windows“, „Linux“ ir „Mac“, todėl jums nereikės per daug jaudintis dėl suderinamumo.

Atminkite, kad daugumą redagavimo poreikių galima lengvai patenkinti naudojant Notepad++ for Windows, Brackets for Mac (šis redaktorius taip pat palaiko Linux ir Windows) arba Coffecup ir Notetab. Tačiau jei planuojate sukurti sudėtingą svetainę, turėtumėte pasirinkti visų funkcijų kūrimo aplinką, tokią kaip „Eclipse“.

Kita vertus, jei norite tiesiog žaisti su HTML ir CSS, yra daugybė internetinių redaktorių, kuriuose galite parašyti HTML kodą ir iškart pamatyti rezultatus.

Pažvelkime į dešimt geriausių HTML redaktorių, kuriuos paprasta naudoti, jie turi daug funkcijų ir yra populiarūs tarp žiniatinklio kūrėjų.

1. Notepad++ (geriausias nemokamas HTML redaktorius, skirtas „Windows“)

notepad-plus-plus.org

Šis redaktorius prieinamas tik „Windows“ naudotojams, todėl, jei turite „Mac“ arba „Linux“, slinkite. „Notepad++“ yra geriausias nemokamas HTML redaktorius, kurį galite įdiegti „Windows“ kompiuteryje. Iš pirmo žvilgsnio tai labai paprasta, tačiau tai yra vienas sudėtingiausių ir tuo pat metu lengvai naudojamų redaktorių.

Didžiąją „Notepad++“ galią suteikia trečiųjų šalių įskiepiai, įskaitant „PreviewHTML“, HTML žymų papildinį, skirtą žymų paryškinimui, „Tidy2“ įtrauką ir daugelį kitų.

Pagrindinės „Notepad++“ funkcijos yra lentelių sąsaja, skirta dirbti su keliais failais vienu metu, labai lengvas sutraukimas ir sintaksės paryškinimas, tinkinama GUI (su minimalistine parinktimi), lentelės su uždarymo mygtuku, vertikalios lentelės, daugiakalbė (tai yra, galite konfigūruoti sąsają anglų, prancūzų, ispanų ir kinų kalbomis, taip pat 80 kitų kalbų).

Notepad++ sukūrė Dong Ho ir išleido 2003 m. Jis yra nemokamas tiek asmeniniam, tiek komerciniam naudojimui ir yra licencijuotas pagal GNU bendrąją viešąją licenciją.

„Mac“ naudotojams puiki „Notepad++“ alternatyva yra „Brackets“, kurią aptarsime toliau.

2. Skliausteliai (nemokami „Mac“, „Windows“ ir „Linux“)

Brackets yra dar vienas populiarus ir patikimas žiniatinklio kūrimo ir HTML kodo redagavimo įrankis. Skirtingai nuo Notepad++, šis redaktorius palaiko „Mac“, „Ubuntu“, „Debian“ ir „Windows“. Tai taip pat nemokama asmeniniam ir komerciniam naudojimui (MIT licencija).

Brackets yra paprasta naudoti ir turi daug plėtinių, kurie pagerina jo funkcionalumą. Populiarūs plėtiniai:

• Emmetas – pagreitina CSS ir HTML kodo rašymą;
• Beutify – formatuoja HTML, CSS ir JavaScript failus;
• W3C patvirtinimas – patikrina jūsų HTML kodo galiojimą.

Brackets yra gražus, modernaus minimalistinio dizaino redaktorius. Kode atlikti pakeitimai iš karto rodomi naršyklėje. Galite redaguoti CSS arba HTML kodą ir pamatyti, kaip jie keičia jūsų svetainės išvaizdą realiuoju laiku.

Skaitykite apie skliaustus čia – HTML redaktorius: skliaustai

3. Kavos puodelis (yra nemokama ir mokama versija)

Coffecup yra bene geriausias HTML redaktorius, prieinamas tiek nemokamose, tiek komercinėse versijose. Nemokamai trūksta kai kurių funkcijų, tačiau ji pakankamai sudėtinga, kad būtų įtraukta į mūsų sąrašą.

Pagrindinės nemokamos versijos funkcijos:

• pritaikomos įrankių juostos,
• elementų, atributų ir parinktuvų kodo užbaigimas,
• paruoštos naudoti temos ir šablonai,
• HTML žymėjimo formato palaikymas,
• FTP/SFTP palaikymas,
• vaizdų vilkimo ir vietos funkcija,
• peržiūros parinktis,
• sintaksės paryškinimas,
• tezaurą, kad rastumėte žodžio alternatyvas ir dar daugiau.

Mokama versija nėra per brangi. Jame yra keletas papildomų funkcijų, tokių kaip HTML ir CSS kodų patvirtinimas, žymų biblioteka, kodo valiklis, dinaminis rašybos tikrintuvas.

Coffecup taip pat siūlo keletą pažangių modulių, kad galėtumėte dirbti patogiu mobiliesiems stiliumi, nereikia rašyti jokio kodo, tiesiog naudojant vilkimo ir nuleidimo funkcijas. Šie moduliai apima Foundation framer, Bootstrap builder ir Responsive site Designer.

Coffecup yra rinkoje nuo 1996 m. ir jį naudoja laisvai samdomi darbuotojai, startuoliai, mažos įmonės, taip pat didelių įmonių interneto kūrėjai. Tai puikus įrankis kuriant svetaines, tinklalapius, informacinius biuletenius, HTML formatuotus užrašus ir turinį socialinei žiniasklaidai.

4. „NoteTab“ (dvi versijos, mokama ir nemokama)

„NoteTab“ yra dar vienas HTML ir CSS rengyklė, siūlanti greito kūrimo funkcijų. Tai yra Fookes programinės įrangos produktas, kuris pastaruosius 20 metų dirbo su įrankiais, siekiant pagreitinti kūrimo procesą.

NoteTab populiarumą patvirtina faktas, kad jį naudoja NASA, FBU, VISA, CIA Hewlett Packard, MIT.

„NoteTab“ turi tris versijas: „Light“, „Standard“ ir „Pro“. Lengvoji versija individualiam naudojimui platinama nemokamai. Jis neturi visų Pro versijos funkcijų, tačiau palaiko HTML5 ir CSS3 bibliotekas, įkrovą, HTML automatinį užbaigimą, failų sujungimą į projektus, HTML Tidy palaikymą, HTML į tekstą, taip pat turi daug temų.

„NoteTab“ galima paleisti tiesiai iš „flash drive“ ir jo nereikia įdiegti įrenginyje. Tinklaraštininkams ir žmonėms, susijusiems su svetainės turiniu, šis redaktorius palaiko žodžių skaičių ir SEO statistiką.

Galite geriau susipažinti su „NoteTab“ oficialioje svetainėje.

5. Eclipse (nemokamas HTML redaktorius)

„Eclipse“ yra sunkus ir galbūt perteklinis HTML ir CSS kūrimui, tačiau jis gali būti naudingas, jei neprieštaraujate įdiegti ir konfigūruoti žvėrį. Tai puikus įrankis, jei planuojate kurti sudėtingas svetaines su duomenų bazėmis, sujungtomis su kitais duomenų šaltiniais ir pan. Sąranka gali užtrukti ir reikės įdiegti papildomus papildinius.

„Eclipse“ yra populiariausia atvirojo kodo integruota kūrimo aplinka. Šis redaktorius dažnai naudojamas Java, JavaScript, PHP, Ruby, Android ir daugeliui kitų programavimo kalbų.

Daugiau sužinoti galite čia –

6. HTML-Online

Kalbant apie HTML kodo redagavimą internete, naršyklėje niekas neprilygsta HTML-online.com. Galite pradėti kodavimo procesą iš karto, neatsisiųsdami ir neįdiegę jokios programinės įrangos, ir tai nemokama.

Vienas iš šio rengyklės pranašumų yra „Word“ konvertavimas į HTML, todėl galite nukopijuoti turinį iš „Microsoft Word“ failų ir automatiškai pritaikyti jam HTML žymėjimą. Taip pat yra „Google“ dokumentų, PDF, „Excel“, „PowerPoint“ ir daugelio kitų tipų dokumentų palaikymas.

Tai patikimas vizualinis redaktorius, kuris padės sukurti savo tinklalapį ir tuo pačiu stebėti gretimame lange esančiame kodo pasikeitimus. Kitos funkcijos, kurias verta paminėti, yra HTML kodo valymas, lentelės elementų perdavimas į divus ir paieškos bei keitimo parinktis.

7. BlueGriffon (nemokama, pagrindinė ir EPUB licencija)

„BlueGriffon“ kilęs iš „Disruptive Innovations SAS“ namų. Jis sukurtas naudojant Gecko, „Mozilla“ žiniatinklio atvaizdavimo variklį. „BlueGriffon“ yra galingas redaktorius, daugumą savo funkcijų paveldėjęs iš „Netscape“, „Composer“, „Nvu“ ir „Mozilla“.

„BlueGriffon“ turi tris variantus, iš kurių pirmasis yra nemokamas, antrasis platinamas pagal pagrindinę licenciją, o galingiausias – pagal EPUB licenciją.

Nemokama versija taip pat gali padaryti daug. Jame yra juodos ir šviesios temos, garso, vaizdo ir HTML5 formų palaikymas, CSS3 redagavimo funkcijos apima perėjimus, 3D ir 2D transformacijas, SVG kūrimą, WYSIWYG technologiją, google šriftų tvarkyklę, šriftų šriftų tvarkyklę, žymėjimo formato palaikymą, vartotojo sąsają daugiau. daugiau nei 20 kalbų.

Galite atsisiųsti ir įdiegti „BlueGriffon“ sistemoje „Windows“, „Linux Ubuntu“ ir „OS X“ savo „Mac“. Daugiau sužinoti galite svetainėje -

8. Emacs su papildiniais

www.gnu.org

„Emacs“ yra vienas mylimiausių visų laikų redaktorių. Ją galima nemokamai naudoti (GNU licencija). „Emacs“ yra bendrosios paskirties kodo rengyklė, kurią galite pritaikyti pagal savo poreikius. Laisvai platinamų įskiepių prijungimas paverčia jį galingu kodo redaktoriumi su daugybe funkcijų.

Kalbant apie HTML redagavimą, „Emacs“ siūlo HTML režimą, kuris labai palengvina kodo redagavimą. Daugiau skaitykite čia – Emacs

9. Atomas

atomas.io

„Atom“ yra „GitHub“ kūrėjų konfigūruojama teksto rengyklė. Jo populiarumas auga labai greitai. Šis redaktorius yra nemokamas tiek asmeniniam, tiek komerciniam naudojimui (MIT licencija). Kūrėjų bendruomenė nuolat siekia praturtinti redaktorių naujomis funkcijomis.

Kaip „Atom“ paversti nemokamu HTML redaktoriumi?

„Atom“ yra su visomis pagrindinėmis funkcijomis, kurių reikia norint redaguoti kodą, tačiau norint, kad jis būtų visiškai veikiantis HTML redaktorius, turėsite įdiegti papildomus paketus. Tai apima „Emetą“, „atom-html-preview“, „Autocomplete-plus“, „Atom-color-highlight“, „Autocomplete-CSS“, „Linter“, „minimap“, „haml“ ir „Jade“.

„Atom“ palaikoma „Windows“, „Ubuntu“ („Debian Linux“), „Fedora“ (nuo 22 versijos), „Mac“ ir „Red Hat Linux“. Jis labiau tinka žiniatinklio kūrimui nei turinio rašymui, nes yra labiau orientuotas į kodą ir reikalauja mažai pritaikymo.

10. Visual Studio bendruomenė

„Visual Studio Community“ yra visiškai funkcionali „Microsoft“ kūrimo aplinka, kuri yra nemokama visiems. „Visual studio“ siūlo iš anksto sukonfigūruotas HTML ir CSS redagavimo funkcijas, kurias galima dar labiau patobulinti naudojant plėtinius.

Populiarūs plėtiniai, kuriuos verta paminėti, yra HTML fragmentai, HTMLHint, HTML CSS palaikymas, Intellisense CSS klasės pavadinimui.

Kaip ir „Eclipse“, „Visual Studio“ bendruomenė yra puikus pasirinkimas sudėtingoms, labai keičiamoms svetainėms, kurioms reikia daug technologijų.

Išvada

HTML žymėjimo kalba naudojama visur. Yra daug HTML redaktorių, kurie buvo sukurti seniai, tačiau vis dėlto neatsilieka nuo laiko ir yra gana tinkami žiniatinklio kūrimui. Tačiau yra ir kitų, kuriems nebetrūksta funkcionalumo ir produktyvumo. Atsiranda naujų redaktorių, tokių kaip Brackets ir Atom, kurie užtikrina efektyvų kodo redagavimą.

Dauguma šiame straipsnyje išvardytų redaktorių turi savo ypatybes, tačiau tarnauja vienam tikslui – kurti tinklalapius. Jie padidina kūrimo greitį ir padeda tvarkyti kodą, kartu atsižvelgiant į jo mastelio keitimo galimybę.

Pažvelkite į šiame straipsnyje minėtas parinktis, užsirašykite pagrindinius poreikius, susiaurinkite sąrašą iki kelių redaktorių, išbandykite kiekvieną ir sužinokite, kuris iš jų jums labiausiai patinka. Tikriausiai rasite bent vieną gerą HTML redaktorių, skirtą „Linux“, „Mac“ ir „Windows“.

Jei norite kurti svetaines, turite įsigyti HTML redaktorių. Žinoma, galite naudoti įprastą bloknotą, tačiau vargu ar tai bus patogu. Svarbu pažymėti, kad HTML redaktoriai turi atlikti dvi svarbias užduotis: kodo paryškinimą ir automatinį užbaigimą. Natūralu, kad laukiamos ir papildomos funkcijos, pavyzdžiui, įvairios dizaino temos. Tokių papildomų funkcijų yra daug. Na, o dabar pažvelkime į keletą nemokamų HTML redaktorių, kurie puikiai atlieka aukščiau išvardytas užduotis.

Nemokamas kodo redaktorius – programuotojo užrašų knygelė

Šis redaktorius siūlo modernią sąsają, kuri yra dviejų tipų – šviesi ir tamsi. Be to, labai geras sintaksės paryškinimas, gerai parinkta spalvų schema. Manau, kad šis redaktorius atitiks visus jūsų reikalavimus.

HTML redaktorius – SynWrite

„SynWrite“ yra puikus redaktorius su daugybe funkcijų. Šio redaktoriaus idėja buvo sujungti visus kitų HTML redaktorių pranašumus viename aukštos kokybės gaminyje. Jo funkcionalumą galima žymiai išplėsti naudojant papildomus įskiepius, parašytus Python. Be standartinių funkcijų, „SynWrite“ leidžia iš karto redaguoti kelias kodo dalis vienu metu:

Ši funkcija sutaupys daug laiko.

Nemokamas HTML redaktorius - PlainEdit.NET

Šis redaktorius gali atidaryti kelis failus vienu metu, taip pat galima pridėti papildinių, kurie žymiai išplės redaktoriaus funkcijas, įskaitant dizaino temas. Be to, galite pridėti ir keisti tekstą naudodami įprastus posakius, net ir dokumentuose, kurie šiuo metu nėra atidaryti. Verta paminėti, kad „PlainEdit“ taip pat gali veikti iš USB atmintinės.

Notepad++

Šis redaktorius yra klasikinis. Tai labai populiarus visame pasaulyje. „Notepad++“ turi viską, ką turėtų turėti teksto rengyklė. Sąsaja gali būti pritaikyta pagal savo pageidavimus, o nemokami įskiepiai padės išplėsti redaktoriaus funkcionalumą.

Nemokamas redaktorius - jEdit

Naudodami šį redaktorių galite atidaryti ir redaguoti beveik bet kurį failą. Tai labai supaprastina užduotį atidaryti kelis failus vienu metu. Visos trūkstamos funkcijos gali būti papildytos naudojant įvairius papildinius.

Iš dėžutės „jEdit“ yra įmontuotos būtinos funkcijos, pavyzdžiui, kodo lankstymas, žymų ir elementų žymėjimas, failų tvarkyklė ir daug kitų funkcijų.

Puikus tekstas 2

Tai populiariausias redaktorius tarp programuotojų ir žiniatinklio kūrėjų. Joks panašus redaktorius neturėjo tokio triumfo kaip Sublime Text 2. Jį giria daugelis programuotojų. Redagavimo priemonę galima labai tinkinti naudojant skirtingas skiriamąsias gebas ir JSON failus.

Šiam populiariam redaktoriui galite rasti daugybę oficialių ir neoficialių dokumentų bibliotekų. Sublime Text 2 mokymo programas galima rasti visur.

„Sublime Text 2“ yra iš dalies nemokama, licencija kainuoja 70 USD.

Naujas redaktorius – Skliausteliuose

Brackets yra modernus atvirojo kodo redaktorius, turintis keletą įdomių funkcijų. Jis veikia su „Adobe Creative Cloud“, kad iš PSD failo ištrauktų spalvas, šriftus ir daugiau. Jis taip pat gali išgauti sluoksnius kaip vaizdus. Labai patogiai

Deja, „Adobe Creative Cloud“ yra mokama paslauga.

Šis redaktorius turi visas šiuolaikiniam kodų redaktoriui reikalingas funkcijas. Yra daug įvairių plėtinių, kurie išleidžiami kas 2–3 savaites.

Aptana studija 3

Didžiausios redaktoriaus privalumai yra jo pritaikymas, Git integracija ir integruotas terminalas. Aptana Studio 3 palaiko naujausius žiniatinklio standartus, tokius kaip HTML5 ir CSS3.

Išvada

Yra daug HTML redaktorių, tačiau tik keli iš jų yra tinkami naudoti. Ne kasdieniam naudojimui yra Notepad++, bet kasdieniam jo akivaizdžiai neužtektų. Tam yra geresnių parinkčių, tokių kaip „Sublime Text 2“, kurią galima pritaikyti pagal vartotojo poreikius. Norite sužinoti, kokius redaktorius pasirinkote?

Kiekvienam žiniatinklio kūrėjui reikia patogaus kodo kūrimo ir redagavimo įrankio, tačiau ne visi yra pasirengę pakloti padorią sumą už to paties „Adobe Dreamweaver“ įsigijimą. Be to, daugumai žmonių nereikia naudotis tokiomis funkcijomis, kurias siūlo šis programinės įrangos derinys.

Todėl mes sudarėme jums geriausių HTML redaktorių, platinamų pagal nemokamą licenciją, sąrašą.

Notepad++

Puikus teksto redaktorius, kuris gali būti naudojamas kaip funkcionalesnis Windows Notepad pakaitalas arba kaip redaktorius su maketavimo ir interneto programavimo kalbomis: HTML, CSS, Java Script, PHP.

Darbas skirtukų režimu, sintaksės paryškinimas, kodavimas, makrokomandos, galimybė įdiegti papildomus įskiepius, kodų tikrinimas ir failų palyginimas – dėl šių ir kitų funkcijų Notepad++ yra tikrai naudinga žiniatinklio kūrėjo priemonė.

Verta atkreipti dėmesį į platinimo paprastumą ir programos greitį.

Komodo Redaguoti

Bendros paskirties redaktorius su HTML ir CSS palaikymu, tai yra visavertė platforma, kurios galimybes galima išplėsti diegiant įvairius priedus. Labai rekomenduojama naudoti HTML įrankių rinkinį, pridedant tokias funkcijas kaip CSS peržiūra, automatinio uždarymo žymos, HTML 5 palaikymas, kontekstinis automatinis užbaigimas ir kt.

Kitos įdomios funkcijos yra šviesių ir tamsių spalvų schemos, lankstūs kodo paryškinimo nustatymai, blokų paryškinimas, prisijungimas prie svetainės per FTP ir kt.

Dėl aukštos kokybės pagalbos sistemos ir pažangių funkcijų „Komodo Edit“ yra vienas geriausių redaktorių ir puiki alternatyva mokamiems sprendimams.

Aptana

Pagrindinis programos tikslas – dirbti su HTML, CSS ir JavaScript, o kitų kalbų palaikymas suteikiamas prijungus atitinkamus įskiepius. HTML automatinis užbaigimas ir įrankių patarimai yra puiki nemokama redagavimo priemonė.

Aptana iš dalies palaiko CSS3 ir visiškai palaiko HTML5. Programos platinimo paketas yra gana didelis, tačiau tai paaiškinama plačiu jos funkcionalumu. Pradedančiajam toks didelis įvairių funkcijų ir nustatymų skaičius gali gąsdinti, tačiau iš esmės niekas netrukdo naudoti programą kaip paprastą redaktorių.

Alaborn iStyle

Kitas puikiai sukurtas įrankis, kurio kūrėjai sugebėjo rasti kompromisą tarp sąsajos patogumo, funkcionalumo ir patogumo vartotojui. Sąsaja yra visiškai rusiška, o kaip premija yra gerai išvystyta pagalbos sistema.

Be kitų funkcijų, kurias siūlo šis HTML redaktorius, verta paminėti:

• veikimo greitis ir nedideli resursų reikalavimai;
• didelis kiekis nuorodinės informacijos, įmontuotos sąsajoje;
• dirbti su keliais teksto buferiais vienu metu;
• automatiniai žingsnis po žingsnio vedliai, skirti supaprastinti standartines užduotis.

KompoZer

Jei visi aukščiau išvardyti HTML redaktoriai buvo teksto redaktoriai, tai vienintelis, leidžiantis dirbti WYSIWYG režimu. Be to, jis pelnytai gali būti vadinamas geriausiu iš nemokamų. Be to, jis gali veikti trimis režimais: tekstiniu, vaizdiniu ir kombinuotu. Taigi, suteikiant reikiamas patalpas tiek pradedantiesiems, tiek profesionalams.

Lengvą darbą su kodu užtikrina patogi sąsaja, įmontuotas CSS redaktorius ir visų HTML elementų palaikymas.

Mes specialiai neskirstėme vietų reitinge, nes kiekviena iš išvardytų programų turi savų privalumų ir trūkumų, kurie vienam gali atlikti svarbų vaidmenį, o kitam būti visiškai nereikšmingi. Todėl rekomenduojame įdiegti ir praktiškai išbandyti kiekvieną programą, kad padarytumėte išvadas. Be to, tai visiškai nemokama.