Sen pagājuši ir laiki, kad viss tīmekļa dizaineru un izstrādātāju rīku komplekts aprobežojās ar specializētām darbvirsmas lietojumprogrammām. Ir pienākuši jauni, interesanti laiki internetā, gadu no gada ir sācis parādīties liels skaits dažādu tīmekļa aplikāciju un platformu, kas ievērojami atvieglo izstrādātāju dzīvi. Cita starpā mums tagad ir pieejami daudzi tiešsaistes redaktori, kas nodrošina gatavu vidi koda rakstīšanai un apstrādei, elastīgi rīki, kas ļauj apvienot CSS, HTML un JavaScript, kā arī izveidot un koplietot kodēšanas piemērus.

Laiks nestāv uz vietas, līdzās jau labi izveidotajām platformām: Codepen, Dabblet, jsFiddle, JS Bin un citām, parādās jaunas, ne mazāk interesantas darbam ar kodu.

Es vēlētos jums šodien pastāstīt par vienu no šiem jaunpienācējiem.

— HTML5, CSS3 un JavaScript

Liveweave ir diezgan interesants resurss, un tas kļūs par vēl vienu populāru vietu, kur izdomāt savu kodu. Šīs aplikācijas dizains ir bez īpašiem volāniem, mēreni minimālistisks, ļaujot koncentrēties darbam ar kodu. Pazīstams un ļoti ērts augšējais panelis ar atlases un opciju slēdžiem un, protams, darba zonu, kas sadalīta 4 daļās HTML, CSS, JavaScript un priekšskatījuma panelī. Ja vēlaties, varat atlasīt jebkuru paneli un izvērst to pilnekrāna režīmā, kas ir ļoti ērti.

Šim rīkam ir daudz priekšrocību. Priekšskatījums tiek atjaunināts automātiski, sintakses izcelšana ir pieejama divās opcijās, uz tumša un gaiša fona, šeit ir arī rindu numerācija.

Labs spraudņu bibliotēku komplekts, kas var būt noderīgs jūsu darbā, Angular JS (1.0.7), Bootstrap (jaunākā), Modernizr (jaunākā), Moo Tools (jaunākā), pašreizējās jQuery bibliotēku versijas un daudz kas cits. . Lai izvēlētos vajadzīgo, vienkārši jānospiež poga funkciju panelī "Bibliotēka" un sarakstā atlasiet vajadzīgo CSS vai JS bibliotēku.

Visas šīs funkcijas ir pieejamas daudzos citos līdzīgos tiešsaistes redaktoros, tāpēc kas jauns, ko šī resursa autori piedāvā izstrādātājiem?
Pirmkārt, es atzīmēju stabilu darbību, es nepamanīju nekādas redzamas bremzes.
Otrkārt, tas optimizē skatīšanās paneļu izmērus ar vienu klikšķi, kā arī skatīšanās režīma slēdžu klātbūtni.
Trešā funkcija un, iespējams, viena no “garšīgākajām” ir iespēja izmantot papildu rīkus tieši no funkciju paneļa, poga “Rīki” ļauj izveidot savu krāsu paleti, iespēja ģenerēt “zivs tekstu” (Lorem ipsum), lai aizpildītu vietu, lejupielādējiet izveidoto projektu html formātā vai iepakotā zip arhīvā.
Un visbeidzot, man personīgi, kas šajā redaktorā bija ļoti pievilcīgs, bija iespēja izmantot jaudīgo CSS3 rekvizītu ģeneratoru, neizejot no kases. Ticiet man, jūs ne visur atradīsit šādu iespēju, patiesībā tas ir ļoti, ļoti ērti. Strādājot ar stiliem, pārslēdzas uz css3 ģeneratoru, eksperimentē ar parametriem, redzot visas izmaiņas dzīvajā, uzreiz nokopē gatavo ģeneratora saražoto kodu, pārsūta to uz redaktoru un skatīšanās režīmā redzi gatavo rezultātu, un tas viss vienā klipā.

Kopumā redaktoram ir diezgan noderīgas iespējas, tostarp iespēja koplietot. Liveweave noteikti ir jaunums šajā žanrā, taču ir pievienojis dažus nopietnus jauninājumus, kas trūkst citiem šāda veida redaktoriem. Es neuzdrošinos strīdēties par priekšrocībām un trūkumiem, par to nav šis īsais pārskats, es tikai ceru, ka palīdzēju jums ieraudzīt citu interesantu risinājumu. Un vispār labi ir tas, ka šādu rīku kļūst arvien vairāk, tas atvieglo darbu, un tāpēc dzīve ir jautrāka))).

Vēlos uzzināt, kādus rīkus jūs izmantojat visbiežāk un kāpēc?

Ar cieņu, Andrej

Ērtam darbam ar HTML lapām, izmaiņu veikšanai un labošanai tajās tiek izmantoti HTML redaktori. Mūsdienās ir ļoti daudz šādu redaktoru, no kuriem katram ir savas stiprās un vājās puses, un tos var izmantot arī dažādiem uzdevumiem.

Adobe Dreamweaver ir viens no vecākajiem HTML redaktoriem, kura pirmā versija tika izlaista 1997. gada decembrī. Kopš tā laika pakotne ir piedzīvojusi daudzas izmaiņas, un galu galā tā ir kļuvusi par īstu profesionālu HTML redaktoru, kas tiek izmantots darbam ar sarežģītiem tīmekļa projektiem. Šeit jūs atradīsiet visus jaunākos rīkus tīmekļa izstrādātājiem.

Jaunā versija atbalsta HTML 5 standartu, kā arī uzlabo koda redaktoru un izstrādātāja logu. Ir ieviests CSS priekšprocesora atbalsts, kā arī visu izmaiņu attēlošana pārlūkprogrammas logā reāllaikā. Tiek nodrošināta cieša integrācija ar Flash Player. Ārējais dizains ir pilnībā atjaunināts.

Adobe Dreamweaver trūkumi ir tā "smagums" un aparatūras prasības. Lai instalētu pakotni, cietajā diskā ir jābūt vairākiem brīviem gigabaitiem. Programmai ir liels skaits dažādu cilņu un iestatījumu, tāpēc ir nepieciešams papildu laiks, lai to iepazītos. Turklāt Adobe Dreamweaver ir patentēta programmatūra, kuras izmantošanai ir jāmaksā nauda.

Neskatoties uz to, programmai ir bezmaksas izmēģinājuma periods, kura laikā varat novērtēt visas šīs paketes priekšrocības un priekšrocības. Parasti šis periods ilgst mēnesi no programmas instalēšanas datuma.

Daudzplatformu redaktors Sublime Text pamazām gūst popularitāti profesionāļu vidū. Tas ir saistīts ar tā maksimālo vienkāršību, frills trūkumu un tajā pašā laikā visu nepieciešamo rīku klātbūtni, kas nepieciešami izstrādātājam. Tomēr, ja jums pēkšņi kaut kas ir nepieciešams, un tas nav iekļauts Sublime Text standarta funkcionalitātē, vienmēr varat to atrast kā spraudni vai arī varat to uzrakstīt pats Python. Viss darbs tiek veikts, izmantojot karstos taustiņus, tāpēc pašā programmas logā ir minimāls interfeisa elementu skaits. Darba zonu var sadalīt vairākos neatkarīgos logos, kas izvietoti horizontāli, vertikāli vai režģī.

Neskatoties uz visām priekšrocībām, Sublime teksta redaktors joprojām ir diezgan sarežģīts rīks iesācējiem. Pat standarta redaktora konfigurācija šeit notiek, neizmantojot izvēlni, bet izmantojot config.json failus, ar kuriem darbam ir nepieciešama lietotāja pamata apmācība. Tomēr profesionāliem programmētājiem nebūs grūti pielāgot šo rīku, ņemot vērā, ka tam ir pievienota pilnīga dokumentācija.

Sublime teksta redaktors ir patentēta programmatūra, taču jums nav jāmaksā, lai to izmantotu. Katru reizi, kad to palaižat, parādīsies logs, kas atgādinās, ka varat oficiāli iegādāties šo programmu, taču tas tiek darīts, pamatojoties uz ziedojumu, nevis obligātu pirkumu.

Programmu var lejupielādēt oficiālajā vietnē: https://www.sublimetext.com.

Notepad++ tehniski nav HTML redaktors, taču to var izmantot šiem mērķiem. Tajā ir iebūvēta sintakses izcelšana HTML un XML iezīmēšanas valodām, populārākajām programmēšanas valodām, no kurām dažas tiek izmantotas tīmekļa izstrādē, piemēram, PHP, Ruby, Perl, Python un daudzas citas.

Ir vairāki rīki, kas palīdz rediģēt kodu, piemēram, marķieri, koda bloka locīšana, automātiskā pabeigšana, projektu vadītājs, vairāku rindu rediģēšana un izcelšana, dažādu kodējumu atbalsts un daudz kas cits. Programmai Notepad++ ir arī liels skaits spraudņu no dažādiem izstrādātājiem, kas ievērojami paplašina programmas funkcionalitāti, padarot to par nopietnu konkurentu profesionāliem HTML redaktoriem.

Notepad++ teksta redaktora priekšrocības ietver tā ātrumu un mazo diska vietas daudzumu. Turklāt programmai ir ļoti vienkāršs interfeiss, ar kuru darbam nav nepieciešams papildu apmācības laiks. Turklāt Notepad++ pastāvīgi tiek izdoti atjauninājumi, par kuriem pati programma informē lietotājus, piedāvājot tos instalēt. Redaktora vissvarīgākā priekšrocība ir tā, ka tas tiek izplatīts saskaņā ar GNU GPL 2 licenci, kas nozīmē bezmaksas programmatūru.

Jūs varat lejupielādēt šo redaktoru tūlīt no oficiālās vietnes https://notepad-plus-plus.org bez jebkādiem ierobežojumiem.

Šis ir vienkāršs redaktors ar jauku interfeisu, kas vizuāli neskaidri atgādina Sublime Text. Rakstīts CoffeeScript. Atom ir diezgan jauns teksta redaktors, kura pirmā izlaišana notika 2014. gada 26. februārī. Ir atbalsts spraudņiem, kas rakstīti Node.js. Piemērots iesācējiem darbam ne tikai ar HTML, bet arī ar vairākiem citiem uzdevumiem.

Atom ir bezmaksas, un to var instalēt populārākajās operētājsistēmās. Turklāt tas ir diezgan viegli uzstādāms un lietojams, darbojas ātri un prasa nelielu brīvas vietas cietajā diskā.

Lai sāktu darbu ar šo redaktoru, sveiciena logā, kas tiek atvērts pēc noklusējuma, vienkārši noklikšķiniet uz “Atvērt projektu”. Tālāk tiek atlasīts darba direktorijs, pēc kura tajā tiek izveidots fails un norādīts tā paplašinājums. Faila sintakse tiek noteikta automātiski, pamatojoties uz norādīto paplašinājumu.

Vim ir profesionāls bezmaksas teksta redaktors, kas cēlies no vecāko Unix redaktoru ģimenes. Vim pirmo reizi tika izlaists 91. gada 2. novembrī. Tas ir pazīstams kā profesionālu programmētāju rīks, kas sniedz milzīgas iespējas darba automatizēšanai. Vim standarta vizuālais interfeiss ir konsole, taču ir arī Gvim modifikācija, kas darbojas, izmantojot logu grafisko interfeisu.

Strādājot ar Vim, ir vairāki režīmi, kuru pārslēgšana maina karstos taustiņus un to funkcionalitāti. Sākotnēji Vim sākas tā sauktajā “parastajā” vai “komandu” režīmā. Tam ir visi parastie karstie taustiņi, piemēram, "kopēt", "dzēst", "ielīmēt". Citos režīmos jūs ievadāt tekstu, strādājat ar konsoli vai izsaucat vizuālo režīmu. Šķiet, kāpēc tādas grūtības? Fakts ir tāds, ka Vim tika izstrādāts kā rīks, kurā jebkura darbība tiek uzskatīta nevis no klasiskās “ērtības” viedokļa, bet gan kā kaut kas, kas prasa maksimālu optimizāciju.

Vim ir ļoti ātrs un gandrīz neizmanto sistēmas resursus. Runājot par mācīšanās grūtībām, tas noteikti nav iesācēju līdzeklis. Pārvietošanas operācijai vien ir izstrādātas vairāk nekā simts komandas. Protams, nav nepieciešams tos visus iegaumēt. Katrs izvēlas savu programmēšanas stilu un, balstoties uz to, apgūst vajadzīgo. Lai apgūtu šo redaktoru atbilstošā līmenī, būs nepieciešams daudz pacietības un laika. Tomēr kā atlīdzību čaklie lietotāji saņems jaudīgāko šobrīd pieejamo koda redaktoru. Vim ir bezmaksas un vairāku platformu rīks, kas darbojas operētājsistēmās Linux, Mac, Windows un vairākās citās operētājsistēmās.

Atšķirībā no citām programmām, IntelliJ IDEA ir profesionāla integrēta izstrādes vide (IDE). Papildus tam, ka tas var nemanāmi strādāt ar HTML/XHTML/HAML iezīmēšanas valodām un CSS/SASS/LESS lapu izskata apraksta valodām, ir iespējams cieši sadarboties ar Java, JavaScript, Python un Coffee Script. IntelliJ IDEA izstrādā JetBrains.

Kāpēc jums vajadzētu sākt lietot šo konkrēto programmu? Pirmkārt, tam ir patiešām pārdomāts interfeiss. Jūs varat sākt strādāt ar to tūlīt pēc instalēšanas, pat ja jūs nekad iepriekš neesat to saskāries. Turklāt ir iespējams strādāt ar tādiem populāriem rīkiem kā CVS, Apache Ant, Maven, JUnit un Subversion, kas, starp citu, ir pilnīgi bez maksas.

Diemžēl pati IntelliJ IDEA nav pilnīgi bezmaksas programma. Pilnā versija ir pieejama tikai 30 dienu izmēģinājuma periodam, un tās samazinātajai versijai trūkst daudz noderīgu funkciju, un tā patiešām var būt noderīga, izstrādājot lietojumprogrammas operētājsistēmā Android vai strādājot ar Java mašīnu.

HTML redaktors ir pirmais, kas jums nepieciešams, lai sāktu veidot tīmekļa lapas, izmantojot HTML un CSS. Ir daudz bezmaksas HTML redaktoru, un to izvēle var būt biedējošs uzdevums.

HTML ir diezgan vienkāršs, tāpēc jūs varat sākt strādāt ar savām tīmekļa lapām, izmantojot vienkāršu teksta redaktoru, piemēram, Notepad, WordPad vai jebkuru citu. Varat arī iet tālāk un izmantot kādu no funkcijām bagātākajiem redaktoriem, piemēram, Coffecup, Notepad++, Brackets, Notetab vai BlueGriffon. Uzlabotāku un funkcionālāku redaktoru izmantošanas priekšrocība ir tā, ka jūs iegūstat vairāk rīku, kas var ievērojami paātrināt satura iezīmēšanas un izveides procesu.

Neatkarīgi no tā, vai vēlaties izveidot emuārus un rakstus, kas ir labi formatēti pārlūkprogrammu lasīšanai, vai arī plānojat izveidot pilnībā funkcionējošu vietni, izmantojot HTML un CSS, pareizā redaktora izvēle ievērojami uzlabos jūsu produktivitāti. Profesionāli tīmekļa izstrādātāji pavada daudz laika, izvēloties redaktoru un rīkus, kas vislabāk atbilst viņu vajadzībām un uzlabo produktivitāti.

Kurš bezmaksas HTML redaktors jums ir piemērots?

Atbilde uz šo jautājumu ir pilnībā atkarīga no jūsu prasībām, no produkta, kuru plānojat izveidot, izmantojot HTML, no jūsu pašreizējā šīs iezīmēšanas valodas zināšanu līmeņa, ja plānojat vienkārši mācīties. Tā kā lielākā daļa šo redaktoru ir bezmaksas, varat sašaurināt sarakstu līdz 2–3, izmēģināt to pamata funkcionalitāti un pēc tam izlemt, kurš no tiem jums patīk vislabāk.

Turklāt gandrīz katrs šajā rakstā uzskaitītais redaktors tiek atbalstīts vairākās operētājsistēmās, tostarp Windows, Linux un Mac, tāpēc jums nav pārāk jāuztraucas par saderību.

Ņemiet vērā, ka lielāko daļu jūsu rediģēšanas vajadzību var viegli apmierināt, izmantojot Notepad++ operētājsistēmai Windows, Brackets for Mac (šis redaktors tiek atbalstīts arī operētājsistēmām Linux un Windows) vai Coffecup un Notetab. Tomēr, ja plānojat izveidot sarežģītu vietni, jums vajadzētu izvēlēties pilnvērtīgu izstrādes vidi, piemēram, Eclipse.

No otras puses, ja vēlaties vienkārši paspēlēties ar HTML un CSS, ir pieejami daudzi tiešsaistes redaktori, kuros varat ierakstīt HTML kodu un uzreiz redzēt rezultātus.

Apskatīsim desmit labākos HTML redaktorus, kas ir ērti lietojami, bagāti ar funkcionalitāti un ir populāri tīmekļa izstrādātāju vidū.

1. Notepad++ (labākais bezmaksas HTML redaktors operētājsistēmai Windows)

notepad-plus-plus.org

Šis redaktors ir pieejams tikai Windows lietotājiem, tādēļ, ja jums ir Mac vai Linux, ritiniet tālāk. Notepad++ ir labākais bezmaksas HTML redaktors, ko varat instalēt savā Windows datorā. No pirmā acu uzmetiena tas ir ļoti vienkāršs, taču tas ir viens no sarežģītākajiem un tajā pašā laikā viegli lietojamiem redaktoriem.

Lielu daļu Notepad++ milzīgās jaudas nodrošina trešo pušu spraudņi, tostarp PreviewHTML, HTML tagu spraudnis tagu izcelšanai, Tidy2 atkāpei un daudzi citi.

Notepad++ galvenās iezīmes ir tabulas interfeiss darbam ar vairākiem failiem vienlaikus, ļoti vienkārša sakļaušana un sintakses izcelšana, pielāgojama GUI (ar minimālisma iespēju), tabulas ar aizvēršanas pogu, vertikālas tabulas, daudzvalodu (tas ir, jūs varat konfigurēt saskarni angļu, franču, spāņu un ķīniešu valodā, kā arī 80 citās valodās).

Notepad++ izstrādāja Dong Ho un izlaida 2003. gadā. Tā ir bezmaksas gan personiskai, gan komerciālai lietošanai, un tā ir licencēta saskaņā ar GNU vispārējo publisko licenci.

Mac lietotājiem lieliska alternatīva Notepad++ ir Brackets, ko mēs apskatīsim tālāk.

2. Iekavas (bezmaksas operētājsistēmām Mac, Windows un Linux)

Brackets ir vēl viens populārs un uzticams rīks tīmekļa izstrādei un HTML koda rediģēšanai. Atšķirībā no Notepad++, šis redaktors tiek atbalstīts operētājsistēmām Mac, Ubuntu, Debian un Windows. Tas ir arī bezmaksas personiskai un komerciālai lietošanai (MIT licence).

Brackets ir viegli lietojams, un tam ir daudz paplašinājumu, kas uzlabo tā funkcionalitāti. Populāri paplašinājumi:

• Emmets – paātrina CSS un HTML koda rakstīšanu;
• Beutify – formatē HTML, CSS un JavaScript failus;
• W3C validācija — pārbauda jūsu HTML koda derīgumu.

Brackets ir skaists redaktors ar modernu, minimālistisku dizainu. Kodā veiktās izmaiņas nekavējoties tiek parādītas pārlūkprogrammā. Varat rediģēt CSS vai HTML kodu un redzēt, kā tie reāllaikā maina jūsu vietnes izskatu.

Lasiet par iekavām šeit — HTML redaktors: iekavas

3. Coffecup (ir gan bezmaksas, gan maksas versijas)

Coffecup, iespējams, ir labākais HTML redaktors, kas pieejams gan bezmaksas, gan komerciālajā versijā. Bezmaksas versijai trūkst dažu funkciju, taču tā ir pietiekami sarežģīta, lai iekļautos mūsu sarakstā.

Galvenās bezmaksas versijas funkcijas ietver:

• pielāgojamas rīkjoslas,
• koda pabeigšana elementiem, atribūtiem un atlasītājiem,
• lietošanai gatavas tēmas un veidnes,
• HTML atzīmes formāta atbalsts,
• FTP/SFTP atbalsts,
• attēlu vilkšanas un novietošanas funkcija,
• priekšskatījuma opcija,
• sintakses izcelšana,
• tēzauru, lai atrastu alternatīvas vārdam un daudz ko citu.

Maksas versija nav pārāk dārga. Tas ietver vairākas papildu funkcijas, piemēram, HTML un CSS koda validāciju, tagu bibliotēku, koda tīrītāju, dinamisko pareizrakstības pārbaudītāju.

Coffecup piedāvā arī vairākus uzlabotus moduļus, lai strādātu mobilajām ierīcēm draudzīgā stilā, bez nepieciešamības rakstīt kodu, vienkārši izmantojot vilkšanas un nomešanas funkcijas. Šajos moduļos ietilpst Foundation framer, Bootstrap veidotājs un adaptīvās vietnes noformētājs.

Coffecup ir tirgū kopš 1996. gada, un to izmanto ārštata darbinieki, jaunuzņēmumi, mazie uzņēmumi, kā arī lielu uzņēmumu tīmekļa izstrādātāji. Tas ir lielisks rīks vietņu, tīmekļa lapu, biļetenu, HTML formātā formatētu piezīmju un sociālo mediju satura izveidei.

4. NoteTab (divas versijas, maksas un bezmaksas)

NoteTab ir vēl viens HTML un CSS redaktors, kas piedāvā funkcijas ātrai izstrādei. Šis ir Fookes programmatūras produkts, kas pēdējos 20 gadus ir strādājis pie rīkiem, lai paātrinātu izstrādes procesu.

NoteTab popularitāti apliecina fakts, ka to izmanto NASA, FBU, VISA, CIA Hewlett Packard, MIT.

NoteTab ir trīs versijas: Light, Standard un Pro. Light versija tiek izplatīta bez maksas individuālai lietošanai. Tam nav visas Pro versijas funkcijas, taču tā atbalsta HTML5 un CSS3 bibliotēkas, sāknēšanas programmu, HTML automātisko pabeigšanu, failu apvienošanu projektos, HTML Tidy atbalstu, HTML uz tekstu, kā arī ir daudz motīvu.

NoteTab var palaist tieši no zibatmiņas diska, un tai nav nepieciešama instalēšana jūsu datorā. Emuāru autoriem un personām, kas saistītas ar vietnes saturu, šis redaktors atbalsta vārdu skaitu un SEO statistiku.

Jūs varat labāk iepazīties ar NoteTab oficiālajā vietnē.

5. Eclipse (bezmaksas HTML redaktors)

Eclipse ir smags svars un, iespējams, pārspīlēts HTML un CSS izstrādei, taču to var izmantot ar lielu priekšrocību, ja jūs neiebilstat par zvēra instalēšanu un konfigurēšanu. Šis ir lielisks rīks, ja plānojat izveidot sarežģītas vietnes ar datu bāzēm, kas apvienotas ar citiem datu avotiem utt. Iestatīšana var aizņemt kādu laiku un prasīt papildu spraudņu instalēšanu.

Eclipse ir vispopulārākā atvērtā koda integrētā izstrādes vide. Šo redaktoru bieži izmanto Java, JavaScript, PHP, Ruby, Android un daudzām citām programmēšanas valodām.

Vairāk var uzzināt šeit -

6. HTML-Online

Runājot par HTML koda rediģēšanu tiešsaistē, jūsu pārlūkprogrammā nekas nav labāks par HTML-online.com. Jūs varat sākt kodēšanas procesu uzreiz, bez programmatūras lejupielādes vai instalēšanas, turklāt tas ir bez maksas.

Viena no šī redaktora priekšrocībām ir Word konvertēšana uz HTML, lai jūs varētu kopēt savu saturu no Microsoft Word failiem un automātiski lietot tam HTML marķējumu. Ir arī atbalsts Google dokumentiem, PDF, Excel, PowerPoint un daudziem citiem dokumentu veidiem.

Šis ir uzticams vizuālais redaktors, kas palīdzēs jums izveidot jūsu tīmekļa lapu un vienlaikus uzraudzīt koda izmaiņas blakus esošajā logā. Citas funkcijas, kuras ir vērts pieminēt, ir HTML koda tīrīšana, tabulas elementu apraide divos un meklēšanas un aizstāšanas opcija.

7. BlueGriffon (bezmaksas, pamata un EPUB licence)

BlueGriffon nāk no "Disruptive Innovations SAS" mājas. Tā pamatā ir Gecko, Mozilla tīmekļa renderēšanas dzinējs. BlueGriffon ir jaudīgs redaktors, kas lielāko daļu funkciju ir mantojis no Netscape, Composer, Nvu un Mozilla.

BlueGriffon ir trīs varianti, no kuriem pirmais ir bezmaksas, otrais tiek izplatīts saskaņā ar pamata licenci, un visspēcīgākais ir ar EPUB licenci.

Arī bezmaksas versija var paveikt daudz. Tam ir melnas un gaišas tēmas, atbalsts audio, video un HTML5 formām, CSS3 rediģēšanas funkcijas ietver pārejas, 3D un 2D transformācijas, SVG izveidi, WYSIWYG tehnoloģiju, google fontu pārvaldnieku, fontu vāveres fontu pārvaldnieku, atzīmes formāta atbalstu, lietotāja interfeisu vairākās jomās. vairāk nekā 20 valodās.

Jūs varat lejupielādēt un instalēt BlueGriffon operētājsistēmā Windows, Linux Ubuntu un OS X savā Mac datorā. Vairāk var uzzināt mājaslapā -

8. Emacs ar spraudņiem

www.gnu.org

Emacs ir viens no visu laiku iemīļotākajiem redaktoriem. To var izmantot bez maksas (GNU licence). Emacs ir vispārējas nozīmes koda redaktors, kuru varat pielāgot savām vajadzībām. Brīvi izplatītu spraudņu pievienošana pārvērš to par spēcīgu koda redaktoru ar bagātīgu funkcionalitāti.

Runājot par HTML rediģēšanu, Emacs piedāvā HTML režīmu, kas padara koda rediģēšanu ļoti vienkāršu. Vairāk lasiet šeit – Emacs

9. Atoms

atom.io

Atom ir konfigurējams teksta redaktors no GitHub izstrādātājiem. Tās popularitāte pieaug ļoti ātri. Šis redaktors ir bezmaksas gan personiskai, gan komerciālai lietošanai (MIT licence). Izstrādātāju kopiena pastāvīgi cenšas bagātināt redaktoru ar jaunām funkcijām.

Kā pārvērst Atom par bezmaksas HTML redaktoru?

Atom ir visas koda rediģēšanai nepieciešamās pamatfunkcijas, taču, lai tas būtu pilnībā funkcionāls HTML redaktors, jums būs jāinstalē papildu pakotnes. Tie ietver Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linteru, minimap, haml un nefrītu.

Atom tiek atbalstīts operētājsistēmām Windows, Ubuntu (Debian Linux), Fedora (no versijas 22), Mac un Red Hat Linux. Tas ir vairāk piemērots tīmekļa izstrādei, nevis satura rakstīšanai, jo tas ir vairāk orientēts uz kodu un prasa nelielu pielāgošanu.

10. Visual Studio kopiena

Visual Studio Community ir pilnībā funkcionāla Microsoft izstrādes vide, un tā ir pieejama ikvienam bez maksas. Visual studio piedāvā iepriekš konfigurētas HTML un CSS rediģēšanas funkcijas, kuras var vēl vairāk uzlabot ar paplašinājumiem.

Populāri paplašinājumi, kurus vērts pieminēt, ir HTML fragmenti, HTMLHint, HTML CSS atbalsts, Intellisense CSS klases nosaukumam.

Tāpat kā Eclipse, Visual Studio kopiena ir lieliska izvēle sarežģītām, ļoti mērogojamām vietnēm, kurām nepieciešamas daudzas tehnoloģijas.

Secinājums

HTML iezīmēšanas valoda tiek izmantota visur. Ir daudzi HTML redaktori, kas tika izveidoti jau sen, bet tomēr iet līdzi laikam un ir diezgan piemēroti tīmekļa izstrādei. Bet ir arī citi, kuriem vairs netrūkst funkcionalitātes un produktivitātes. Parādās jauni redaktori, piemēram, Brackets un Atom, kas nodrošina efektīvu koda rediģēšanu.

Lielākajai daļai šajā rakstā uzskaitīto redaktoru ir savas īpašības, taču tie kalpo vienam mērķim - tīmekļa lapu izveidei. Tie palielina izstrādes ātrumu un palīdz sakārtot kodu, vienlaikus ņemot vērā iespēju to mērogot.

Apskatiet šajā rakstā minētās iespējas, pierakstiet savas galvenās vajadzības, sašauriniet sarakstu līdz dažiem redaktoriem, izmēģiniet katru un noskaidrojiet, kura no tām jums patīk vislabāk. Jūs, iespējams, atradīsit vismaz vienu labu HTML redaktoru operētājsistēmai Linux, Mac un Windows.

Ja vēlaties izstrādāt vietnes, jums jāiegūst HTML redaktors. Protams, jūs varat izmantot parasto piezīmju grāmatiņu, taču tas diez vai būs ērti. Ir svarīgi atzīmēt, ka HTML redaktoriem ir jāveic divi svarīgi uzdevumi: koda izcelšana un automātiskā pabeigšana. Protams, apsveicamas arī papildu funkcijas, piemēram, dažādas dizaina tēmas. Ir daudz šādu papildu funkciju. Nu, tagad apskatīsim dažus bezmaksas HTML redaktorus, kas lieliski darbojas ar iepriekš uzskaitītajiem uzdevumiem.

Bezmaksas kodu redaktors - Programmētāja piezīmju grāmatiņa

Šis redaktors piedāvā modernu interfeisu, kas ir pieejams divu veidu – gaišajā un tumšajā. Turklāt sintakses izcelšana ir ļoti laba, un krāsu shēma ir labi izvēlēta. Es domāju, ka šis redaktors atbildīs visām jūsu prasībām.

HTML redaktors - SynWrite

SynWrite ir foršs redaktors ar plašu funkciju klāstu. Šī redaktora ideja bija apvienot visas citu HTML redaktoru priekšrocības vienā augstas kvalitātes produktā. Tā funkcionalitāti var ievērojami paplašināt, izmantojot Python rakstītus papildu spraudņus. Papildus standarta funkcijām, SynWrite ļauj nekavējoties rediģēt vairākas koda daļas vienlaikus:

Šī funkcija ietaupīs daudz laika.

Bezmaksas HTML redaktors - PlainEdit.NET

Šis redaktors var atvērt vairākus failus vienlaikus, un var pievienot spraudņus, kas ievērojami paplašinās redaktora funkcijas, tostarp dizaina tēmas. Turklāt varat pievienot un mainīt tekstu, izmantojot regulāras izteiksmes, pat dokumentos, kas pašlaik nav atvērti. Ir vērts atzīmēt, ka PlainEdit var darboties arī no USB diska.

Notepad++

Šis redaktors ir klasisks. Tas ir ļoti populārs visā pasaulē. Notepad++ ir viss, kas ir jābūt teksta redaktoram. Interfeisu var pielāgot atbilstoši jūsu vēlmēm, un bezmaksas spraudņi palīdzēs paplašināt redaktora funkcionalitāti.

Bezmaksas redaktors - jEdit

Izmantojot šo redaktoru, varat atvērt un rediģēt gandrīz jebkuru failu. Tas ievērojami vienkāršo uzdevumu atvērt vairākus failus vienlaikus. Visas trūkstošās funkcijas var papildināt, izmantojot dažādus spraudņus.

jEdit komplektācijā ietilpst iebūvētas nepieciešamās funkcijas, piemēram, koda locīšana, tagu un elementu marķēšana, failu pārvaldnieks un daudzas citas funkcijas.

Izcils teksts 2

Šis ir vispopulārākais redaktors programmētāju un tīmekļa izstrādātāju vidū. Nevienam līdzīgam redaktoram nav bijis tāds triumfs kā Sublime Text 2. To slavē daudzi programmētāji. Redaktors ir ļoti pielāgojams, izmantojot dažādas izšķirtspējas un JSON failus.

Šim populārajam redaktoram varat atrast plašas gan oficiālās, gan neoficiālās dokumentācijas bibliotēkas. Sublime Text 2 apmācības var atrast visur.

Sublime Text 2 ir daļēji bezmaksas, licence maksā 70 USD.

Jauns redaktors — iekavas

Brackets ir moderns atvērtā koda redaktors ar dažām interesantām funkcijām. Tas darbojas ar Adobe Creative Cloud, lai iegūtu krāsas, fontus un daudz ko citu no PSD faila. Tas var arī iegūt slāņus kā attēlus. Ļoti ērti

Diemžēl Adobe Creative Cloud ir maksas pakalpojums.

Šim redaktoram ir visas mūsdienu koda redaktoram nepieciešamās funkcijas. Ir daudz dažādu paplašinājumu, kas tiek izlaisti ik pēc 2–3 nedēļām.

Aptana Studio 3

Redaktora lielākās priekšrocības ir tā pielāgojamība, Git integrācija un iebūvētais terminālis. Aptana Studio 3 atbalsta jaunākos tīmekļa standartus, piemēram, HTML5 un CSS3.

Secinājums

Ir daudz HTML redaktoru, taču tikai daži no tiem ir faktiski lietojami. Neikdienišķai lietošanai ir Notepad++, bet ikdienas lietošanai ar to viennozīmīgi nepietiktu. Šim nolūkam ir labākas iespējas, piemēram, Sublime Text 2, ko var pielāgot atbilstoši lietotāja prasībām. Vai vēlaties uzzināt, kurus redaktorus izvēlaties?

Katram tīmekļa izstrādātājam ir nepieciešams ērts rīks koda izveidei un rediģēšanai, taču ne visi ir gatavi atmaksāt pienācīgu naudas summu, lai iegādātos to pašu Adobe Dreamweaver. Turklāt lielākajai daļai cilvēku nav nepieciešams izmantot tādu funkcionalitāti, kādu piedāvā šī programmatūras kombinācija.

Tāpēc mēs esam jums izveidojuši sarakstu ar labākajiem HTML redaktoriem, kas tiek izplatīti saskaņā ar bezmaksas licenci.

Notepad++

Lielisks teksta redaktors, ko var izmantot kā funkcionālāku Windows Notepad aizstājēju vai kā redaktoru ar izkārtojuma un tīmekļa programmēšanas valodām: HTML, CSS, Java Script, PHP.

Darbs ciļņu režīmā, sintakses izcelšana, kodējumi, makro, iespēja instalēt papildu spraudņus, kodu pārbaude un failu salīdzināšana — šīs un citas funkcijas padara Notepad++ par patiesi noderīgu rīku tīmekļa izstrādātājam.

Ir vērts atzīmēt izplatīšanas vieglumu un programmas ātrumu.

Komodo Rediģēt

Universāls redaktors ar HTML un CSS atbalstu, kas ir pilnvērtīga platforma, kuras iespējas var paplašināt, instalējot dažādus papildinājumus. HTML rīkkopa ir ļoti ieteicama, pievienojot tādas funkcijas kā CSS priekšskatījums, automātiskās aizvēršanas tagi, HTML 5 atbalsts, kontekstuālā automātiskā pabeigšana un citas.

Citas interesantas funkcijas ietver gaišas un tumšas krāsu shēmas, elastīgus koda izcelšanas iestatījumus, bloku izcelšanu, savienojumu ar vietni, izmantojot FTP, utt.

Augstas kvalitātes palīdzības sistēma un uzlabotā funkcionalitāte padara Komodo Edit par vienu no labākajiem redaktoriem un lielisku alternatīvu maksas risinājumiem.

Aptana

Programmas galvenais mērķis ir strādāt ar HTML, CSS un JavaScript, un atbalsts citām valodām tiek nodrošināts, pievienojot atbilstošos spraudņus. HTML automātiskā pabeigšana un rīka padomi ir lielisks bonuss bezmaksas redaktoram.

Aptana daļēji atbalsta CSS3 un pilnībā atbalsta HTML5. Programmas izplatīšanas pakotne ir diezgan apjomīga, taču tas izskaidrojams ar tās plašo funkcionalitāti. Iesācēju tik liels skaits dažādu funkciju un iestatījumu var būt biedējoši, taču principā neviens netraucē izmantot programmu kā vienkāršu redaktoru.

Alaborn iStyle

Vēl viens labi izveidots rīks, kura izstrādātāji spēja atrast kompromisu starp interfeisa ērtībām, funkcionalitāti un lietotājam draudzīgumu. Interfeiss ir pilnībā krievu valodā, un kā bonuss ir labi izstrādāta palīdzības sistēma.

Starp citām funkcijām, ko piedāvā šis HTML redaktors, ir vērts atzīmēt:

• darbības ātrums un zemas prasības resursiem;
• saskarnē iebūvēts liels atsauces informācijas apjoms;
• strādāt ar vairākiem teksta buferiem vienlaicīgi;
• automātiskie soli pa solim vedņi, lai vienkāršotu standarta uzdevumus.

KompoZer

Ja visi iepriekš minētie HTML redaktori bija teksta redaktori, tad šis ir vienīgais, kas ļauj strādāt WYSIWYG režīmā. Turklāt to pelnīti var saukt par labāko no bezmaksas. Turklāt tas var darboties trīs režīmos: teksta, vizuālā un kombinētā. Tādējādi nodrošinot nepieciešamās telpas gan iesācējiem, gan profesionāļiem.

Vienkāršu darbu ar kodu nodrošina lietotājam draudzīgs interfeiss, iebūvētais CSS redaktors un visu HTML elementu atbalsts.

Mēs īpaši nepiešķīrām vietas reitingā, jo katrai no uzskaitītajām programmām ir savas priekšrocības un trūkumi, kas var būt svarīgas vienam cilvēkam, bet citam būt pilnīgi nenozīmīgi. Tāpēc mēs iesakām instalēt un izmēģināt katru no programmām praksē, lai izdarītu secinājumus. Turklāt tas ir pilnīgi bez maksas.