Mga programa at editor para sa pagbuo ng web. Pinakamahusay na CSS Editors HTML Editor App

Halos bawat programmer ay nararamdaman ang pangangailangan na mahanap ang pinakamahusay na mga tool sa pag-unlad. Ang mga ito ay maaaring mga editor, mga aklatan para sa pamamahala ng gawain, mga balangkas upang pasimplehin ang trabaho sa mga proyekto, atbp.

Pinapadali ng mga tool ang iyong trabaho at kasabay nito ay nagpapataas ng pagiging produktibo.

Sa lahat ng mga tool na ginamit ng mga developer, ang pinakamahirap pumili ay isang text editor. Gumagamit ang mga streamer ng Livecoding.tv ng iba't ibang uri ng mga editor, at halos lahat ay mahigpit na nakatuon sa kanilang pinili.

Hindi banggitin, may mga hiwalay na komunidad para sa bawat sikat na editor. Sa huli, ang bawat isa ay may kanya-kanyang kagustuhan, sariling kalamangan at kahinaan.

Ang editor ay gumaganap ng isang mahalagang papel sa anumang workspace ng developer. Ang code ay isinusulat, na-debug, at isinasakatuparan gamit ang isang text editor.

Ang pagpili ng perpektong editor para sa iyong trabaho ay maaaring maging isang nakakatakot na gawain na kinabibilangan ng pagsubok, personal na kagustuhan, at ang panghuling desisyon. Bago ka pumili, dadalhin ka namin sa isang paglilibot sa pinakamahusay na mga editor. 2016 ng taon.

Tatalakayin natin nang detalyado ang 6 na editor, at mahahanap mo ang iba pang hindi gaanong kilalang mga editor sa dulo ng artikulo.

MABUTING TEXT EDITOR

Ang Sublime Text editor ay isa sa mga pinakamahusay na text editor ngayon. Ito ay isang mahusay na alternatibo sa mga makapangyarihang IDE, ito ay magaan at ginagawa ang trabaho nito nang may mahusay na kahusayan at katumpakan.

Ang Sublime Text ay may napakaraming feature kung saan mararamdaman mo ang kapangyarihan sa iyong mga daliri. Ngunit, tulad ng anumang instrumento, hindi ito perpekto. Tingnan natin ang mga kalamangan at kahinaan ng paggamit ng editor ng Sublime Text.

Mga kalamangan:

• Maganda, magaan, minimalistic na interface.
• Napaka-configure. Maramihang pagpili.
• Kakayahang lumikha ng anumang mga snippet at ipasok ang mga ito alinman sa pamamagitan ng mga hotkey o sa pamamagitan ng mga pagdadaglat ng titik (sa istilo ng Zen Coding).
• Ang kakayahang magtalaga ng mga hotkey sa ganap na anumang aksyon.
• Sa mga snippet, maaari mong itakda kung saan matatagpuan ang cursor kapag ipinapasok, itakda ang mga placeholder at paglipat ng Tab'om sa mga kinakailangang bahagi ng snippet.
• Ang pagkakaroon ng isang minimap ng code para sa madaling pag-navigate.
• Ang kakayahang magpakita ng mga nakatagong character (mga puwang, mga tab) lamang kapag na-highlight ang code.
• Mayroong maraming mga plugin na magagamit at isang patuloy na lumalaking komunidad ng mga gumagamit na sumulat ng mga ito para sa anumang pangangailangan.

Mga disadvantages:

• Binabayaran ang sublime text. Isinasaalang-alang na maraming magagandang libreng editor sa merkado, sinuman ay maaaring pumili ng isang alternatibo.
• Hindi na kasing dalas ng dati ang pag-update.
• Ang mga oras ng pag-load ay mas mabilis kumpara sa Notepad ++.
• Ang kalidad ng mga plugin ay kaduda-dudang.

Sa pangkalahatan, ang Sublime text ay isang mahusay na editor para sa trabaho. Magagamit mo ito nang libre sa walang katapusang panahon ng pagsubok. Kung hindi mo gusto ang mga pop-up, maaari kang bumili ng editor sa halagang $70. Gumagana ito sa lahat ng pangunahing OS - Windows, Linux at Mac OSX.

Nagtagumpay si Vim sa pagsubok ng panahon at isa sa mga pinakalumang editor sa kasaysayan.

Si Vim ay napakasikat sa mga developer at iba pang mahilig sa computer na nahuhumaling sa ganap na nako-customize na mga editor.

Si Vim ay sikat sa dalawang dahilan. Una, maaari itong patakbuhin sa isang keyboard lamang, nang walang mouse.

Pangalawa, ito ay naroroon sa halos lahat ng Unix machine. Kaya, ang portability at ubiquity ay isang pangunahing tampok ng Vim.

Mga kalamangan:

• Maaaring ganap na kontrolin ng keyboard
• Maaaring gamitin sa isang remote development environment gamit ang SSH.
• Maaaring i-customize ang Vim ayon sa gusto mo gamit ang .vimrc dotfile at VimScript.
• Tonelada ng mga plugin upang suportahan ang Vim, palawigin ang paggana nito.
• Nagpapabuti ng pagganap at mahusay na humahawak ng malalaking file.

Mga disadvantages:

• Vim para sa mga advanced na user. Ito ay hindi madaling matuto, ito ay aabutin ng mahabang panahon bago mo maabot ang karunungan, ngunit kapag ikaw ay nakabisado, ito ay magbibigay sa iyo ng lakas na walang ibang editor.

Basahin din kung paano lumikha.

Atom

Ang Atom ay ipinakilala noong isang taon at kilala bilang isang moderno, lubos na nako-customize na open source na editor. Sa kabila ng paggamit ng mga teknolohiya ng browser, ang Atom ay hindi isang web application, ngunit sa katunayan ay isang espesyal na variant ng Chromium, kung saan gumaganap ang bawat tab bilang isang web page na nai-render nang lokal.

Mga kalamangan:

• Ang Atom ay isang open source na editor na malayang gamitin.
• Cross-platform OS X, Windows at Linux;
• Smart autocompletion;
• File browser;
• Maghanap at palitan sa maraming file.
• Madaling gamitin kahit para sa isang baguhan.

Mga disadvantages:

• Hindi mahawakan ang malalaking file at may posibilidad na mag-crash kapag nag-a-upload ng mga file na higit sa 10MB.
• Gumagamit ng maraming memorya.

Kung naghahanap ka ng libre, open source na editor, ang Atom ay perpekto para sa iyo. Ito ay lubos na mobile at magagamit para sa lahat ng tatlong pangunahing operating system. Gayunpaman, ang paggamit ng Atom sa malalaking proyekto ay hindi ipinapayong.

Visual Studio Code

Ang Visual Studio Code ay isang produkto ng Microsoft corporation na idinisenyo upang payagan ang mga developer na mag-code nang hindi dina-download ang napakalaking Visual Studio (3GB +). Ang Visual Studio Code ay isang magaan, open source na editor na gumagana nang maayos sa Windows, OS X, at Linux. Kasama sa mga pangunahing feature ng Visual Studio code ang suporta para sa mahigit 30+ na wika, auto-complete, madaling nabigasyon, at higit pa. Kasama rin dito ang Git at mga tool sa pag-debug upang gawing mas madali ang pag-develop.

Mga kalamangan:

• Suporta para sa higit sa 30 mga wika pati na rin ang mga pangunahing wika ng Microsoft tulad ng ASP.NET, C #, atbp.
• Ang maliit na sukat ay ginagarantiyahan ang mabilis na pag-install at paggamit.

Mga disadvantages:

• Kailangang pagbutihin ang suporta sa extension.
• Ang pag-upgrade sa Linux ay maaaring maging isang nakakatakot na gawain.

Ang Visual Studio Code ay isang magandang pagpipilian para sa mga developer na ayaw mag-download at gumamit ng mga malalaking IDE. Siya ay maliit, cuddly, at higit sa lahat, ginagawa niya ang kanyang trabaho!

Notepad ++

Ang Notepad ++ ay isa pang open source na editor. Sa kabuuan, ito ay parang vanilla notebook na sumusuporta sa toneladang programming language. Ang pinakamalaking bentahe ng Notepad ++ kaysa sa iba pang mga text editor na nakalista dito ay ang katotohanang kaya nitong pangasiwaan ang malalaking file nang walang anumang malalaking pagkaantala o aberya. Ito ay napakabilis at magaan. Bilang karagdagan, ang pag-andar nito ay maaaring mapalawak sa daan-daang mga plugin na magagamit.

Mga kalamangan:

• Suporta para sa isang malaking bilang ng mga pag-encode.
• Pag-highlight ng syntax.
• Parallel na pag-edit ng mga dokumento.
• Paghahambing ng mga dokumento.
• Maghanap at autocorrect sa pamamagitan ng mga regular na expression.
• Paggawa gamit ang mga file sa isang FTP server.
• Auto-completion.
• Napapalawak gamit ang mga plugin.

Mga disadvantages:

• Hindi ang pinakamahusay na karanasan ng gumagamit.
• Masyadong simple.

Ang Notepad ++ ay perpekto para sa mga nasiyahan sa isang simpleng interface at isang hanay ng mga function. Makakatulong ito sa iyong lumikha ng mga bagong produkto nang mabilis at madali.

Mga bracket

Ang aming huling text editor na tatalakayin namin nang detalyado ay ang open source editor na "Brackets". Ang mga bracket ay hindi isang unibersal na editor, ito ay nakatutok sa front-end na pag-unlad at sumusuporta sa isang malawak na iba't ibang mga front-end na teknolohiya.

Mga kalamangan:

• Ito ay magaan, moderno at may mahusay na user interface.
• Kakayahang i-preview, suporta sa preprocessor at mga built-in na editor. Banayad na mesa

Ang editor ay isang kailangang-kailangan na tool sa anumang arsenal ng developer. Umaasa ako na pagkatapos basahin ang artikulo ay pipiliin mo.

Kung sa tingin mo ang artikulo ay walang editor na nangangailangan ng pansin, ipaalam sa amin sa pamamagitan ng pag-iwan ng komento.

3 boto

Maligayang pagdating sa aking blog. Hindi mahalaga kung paano ka lumikha ng isang site sa taga-disenyo, gamit ang isang CMS o sa isang programa, ito ay isusulat sa html at css. Kung hindi, hindi ito maiintindihan ng browser. Sa halip na isang elektronikong portal, walang makikita ang bisita.

Ang pagkakaiba ay nasa tama lamang ng code. Sa ilang mga kaso, magmumukha itong English na text na isinalin ng Google Translate. Sa iba, para bang isang matalinong tagasalin ang gumagawa nito. Ang lahat ay nakasalalay sa mga tool na iyong ginagamit.

Ngayon ay pag-uusapan natin kung aling programa para sa paglikha ng isang html website ang magbibigay-daan sa iyo upang makamit ang layunin nang tama at may kakayahang. mauuna na ako sa sarili ko. Kahit na ang ilan sa kanila ay nagpapahintulot sa iyo na gawin ito nang malinaw. At para sa ilang mga gumagamit, iyon ang magiging pinakamahusay na solusyon.

Ang post ko ngayon ay tungkol sa mga editor. Magsimula tayo sa kanila.

Dalawang uri ng editor

Ang lahat ng mga editor ng website ay nahahati sa dalawang uri - visual at textual. Hindi ito nangangahulugan na sa unang kaso maaari mong ganap na gawin nang walang kaalaman sa code, ngunit ang mga kinakailangan para sa kanilang antas ay hindi magiging seryoso tulad ng sa pangalawang kaso. Ito ang pangunahing bentahe, dahil sa isip, kung nais mong lumikha ng isang bagay na talagang tama, pagkatapos isulat ang site, magiging maganda na magtrabaho muli sa code at mag-edit ng ilang mga bug.

Mahusay ang mga text editor kung pamilyar ka sa mga programming language o hindi lang natatakot sa mga paghihirap. Hindi nila isinulat ang code para sa iyo, ngunit tinutulungan nilang pabilisin ang proseso at hindi kailanman magkakamali. Magsisimula kang mag-type ng parirala, at tatapusin ito ng utility para sa iyo. Makikita mo rin ang lahat ng nagawa mo sa sandaling matapos mo ang trabaho.

Hindi masasabi na ang pangalawang paraan ay isang garantiya ng isang mas mahusay na resulta. Maaari ka ring magkamali, lalo na kung kulang ka sa karanasan. Kahit na ang mga propesyonal kung minsan ay nahaharap sa mga paghihirap, pagkapagod at mga kamalian. Nagtatrabaho sila sa isang team: may magmumungkahi ng panuntunang nawala sa kanilang isipan, ang iba ay makakakita ng error.

Hindi ko igiit o inirerekomenda ang alinman sa mga pamamaraan. Dapat kang magpasya para sa iyong sarili kung ano ang mas mahalaga sa iyo. Ang resulta, iyon ay, isang site na makikita ng mga search engine sa anumang kaso, ay kailangan lamang na bumuo nito. Ang pangalawang pagpipilian ay ang iyong kaalaman. Mas madaling gawing perpekto ang mga ito gamit ang mga text-based na code editor.

Ngayon ay lumipat tayo sa mga programa mismo.

Mga visual na editor

Dinadala ko sa iyong pansin ang ilang madaling gamitin na visual editor.

• WYSIWYG Web Builder

Ang programa ay nasa English, isang libreng panahon ng pagsubok ay ibinigay para sa unang 30 araw. Pagkatapos ay kailangan mo ng isang lisensya, ang presyo nito ay nasa ilalim lamang ng $ 50.

Ang WYSIWYG Web Builder ay simple at prangka. Kung alam mo ang isa o dalawa, naiintindihan mo na ang anumang site ay binubuo ng iba't ibang mga bloke. Salamat sa editor na ito, kailangan mo lamang piliin kung ano ang eksaktong gusto mong makita sa iyong site: teksto, paghahanap, RSS, slideshow, video gallery, at iba pa. Awtomatikong bubuo ang code. Ito ay nananatili lamang upang itama ito ng kaunti.

Ang utility ay may mga karagdagang tampok: paglikha, pagsuri ng mga link at bigat ng pahina. Kung may nawawala ka, maaari mong i-download ang mga extension mula sa forum sa opisyal na website o isulat ang code sa iyong sarili.

Kung ikaw ay isang baguhan, maaari kang magsimula sa software gamit ang isa sa maraming handa na mga template. Ito ay magpapabilis sa gawain.

• CoffeeCup Visual Site Designer

Software sa Ingles. Sa sandaling ibinenta ito ng mga developer ng program na ito para sa $ 50 na may opsyon na bumili ng ilang mga function, na naging sanhi ng isang tunay na kaguluhan sa Internet. Ano ang utility na ito na palagi mong kailangang mamuhunan? Nagkakahalaga na ito ng $189, ngunit makukuha mo ito nang sabay-sabay.

Napaka-functional, mas madaling gamitin kaysa sa nakaraang kinatawan ng mga visual editor. May built-in, na pinapasimple ang proseso ng pag-upload sa server. Maaari kang magtrabaho sa programa at agad na mag-upload ng mga update sa hosting. Ito ay lubos na maginhawa.

Pinapayagan ka ng CoffeeCup Visual Site Designer na magtrabaho, isang grupo ng mga libreng icon, ang kakayahang magdagdag ng lahat ng uri ng mga epekto, tingnan at ayusin ang code sa mismong lugar ng pagtatrabaho ng programa. Ang kakulangan ng isang Ruso ay marahil ang isa sa mga pinaka makabuluhang pagkukulang.

• Adobe muse

Isang mahusay na programa sa Russian, na naisulat ko na ng maraming beses sa aking blog. Ako mismo ang gumamit nito at gumawa pa ng custom-made na website dito. Ang mga pagsusuri ay lubos na positibo. Walang napakaraming tool, ngunit kung alam mo kung paano gamitin ang mga ito, maaari kang lumikha ng mga pangunahing proyekto. Ito ang tanda ng maraming produkto ng adobe.

Tandaan ang parehong photoshop. Tila mayroong isang dosenang mga pindutan, ngunit nagsisimulang sundutin ito, lumalabas na magagamit ang mga ito para sa isang detalyadong setting! Maraming mga script ang inilabas para sa Adobe Muse, ikaw mismo ay maaaring magdagdag ng isang form ng feedback, isang slider at anumang nais ng iyong puso.

Ito ay isa sa ilang mga programa na magbibigay ng sapat na mga pagkakataon kapwa para sa isang baguhan na hindi gustong maunawaan ang code, at para sa mga naghahangad na makakuha ng isang kahanga-hangang dami ng kaalaman.

Ang mga taong nagtatrabaho sa Adobe Muse ay maaaring kumita ng hanggang 100,000 rubles bawat landing page. Ang lahat ay nakasalalay sa mga kasanayan. Ang resulta, ang pangwakas na benepisyo para sa bumibili ng website. Kung pera ang iyong layunin, maaari kong irekomenda sa iyo ang kurso " ". Matututunan mo kung paano gumawa ng mga proyekto na maaaring magbenta.

Mga text editor

Para sa mga nangangailangan ng kaalaman, ipinakita ko ang aking napiling mga text editor.

• Napakahusay na teksto

Maaari kang lumikha ng isang website sa pinakasimpleng notepad na nagtatago sa Start bar, kaya bakit kailangan mo ng mga text editor? Mayroon silang humigit-kumulang kaparehong karagdagang mga benepisyo. Halimbawa, ang kakayahang magdagdag ng teksto para sa iyo, isang paleta ng kulay.

Hindi magiging napakasikat ang Sublime Text kung wala itong sariling mga partikular na feature, gaya ng error control at task at file manager. Maaari kitang anyayahan na panoorin ang pagsusuri ng video ng editor na ito, kung interesado ka.

Upang makakuha ng ilang karagdagang function, kakailanganin mong mag-download ng extension pack para sa program.

• Mga bracket

Isang libreng editor mula sa Adobe, na halos kapareho sa nakaraang kinatawan, ngunit hindi mo na kailangang mag-download ng anumang karagdagang upang makuha ang mga pangunahing tampok.

Kailangan ng mga extension kung gusto mo, halimbawa, gusto mong mabuksan ang layout ng Photoshop sa editor upang agad na maputol at mai-save ang mga bahagi ng drawing. Ito ay malamang na hindi talagang maging kapaki-pakinabang sa iyo, dahil ang opsyon ay hindi mahusay na binuo.

Gayunpaman, salamat sa iyong mga pagsisikap. Ang editor ay hindi masama sa lahat kung wala ito.

Bilang karagdagan sa mga programang ito, mayroon ding NotePad ++ at Dreamweaver, ngunit nagsulat na ako ng isang detalyadong artikulo tungkol sa kanila "". Alamin ang higit pa sa pamamagitan ng pagsunod sa link at pag-subscribe sa aking mga update sa blog. Nais kong mahanap mo ang iyong madaling gamiting utility sa lalong madaling panahon at simulan ang paggawa ng mga site sa iyong sarili.

Hanggang sa susunod at good luck sa iyong mga pagsusumikap.

Alam ng sinumang nakikibahagi sa pagsulat at pag-edit ng mga site na ang pagtatrabaho sa html, css code ay isang napakahaba at maingat na gawain, upang mapabilis ang prosesong ito mayroong iba't ibang mga editor para sa mga dokumentong html.

HtmlReader - libreng HTML editor, nilayon para sa pagbuo ng mga dokumento sa anyo ng html - mga file. May isang malakas na mekanismo para sa paglikha ng bago, para sa pag-edit at pagtingin sa mga umiiral na html - mga dokumento.

Ito ay dinisenyo din para sa nagtatrabaho sa mga dokumento sa anyo ng html - mga file... Ito ay batay sa isang medyo makapangyarihang mekanismo para sa pagsulat, pagbabago at pagtingin sa mga html na dokumento.

Isa sa mga libre at napaka-maginhawang html editor ay ang HtmlReader program.

Ang programa ay magiging napaka-maginhawa para sa parehong mga nagsisimula at advanced na mga developer ng mga dokumento sa WEB.

Ang karaniwang disenyo ng programa ay ginagawang posible na magtrabaho kasama ang programa para sa mga dati nang nagtrabaho sa mga bayad na analog ng programa.

Ang programa ay Russified, gumagana sa pagpasok ng iba't ibang mga palette ng kulay, at mayroon ding pag-highlight ng mga html, php, css at js tag, isang preview sa, at isang wizard para sa paghahanda at pagpasok ng iba't ibang mga tag.

Ang program ay tumitimbang lamang ng higit sa 3MB at may malinaw na interface at magiging napaka-kombenyente para sa mga developer ng mga dokumento ng WEB at sa mga nagpasya na lumikha ng kanilang sariling website.

Libreng HTML editor, nilayon para sa pagbuo ng mga dokumento sa anyo ng html - mga file. May isang malakas na mekanismo para sa paglikha ng bago, para sa pag-edit at pagtingin sa mga umiiral na html - mga dokumento.

Maaari itong maging maginhawa at kapaki-pakinabang kapwa para sa mga nagsisimula at para sa mga nagtatrabaho na sa iba pang mga tool sa software para sa pagbuo ng mga dokumento sa web. Ang karaniwang interface at istilo ng trabaho ay ginagawang katulad ng editor ang mga naturang komersyal na produkto gaya ng HomeSite, AceHtml o ang kanilang libre at libreng alternatibo 1st Page 2006.

Mayroon itong mga wizard para sa paghahanda at pagpasok ng mga tag, malawak na pag-andar para sa pagpapasadya ng application para sa kaginhawahan ng mga partikular na gumagamit, pagsasama sa iba't ibang mga panlabas na kagamitan na ibinibigay sa editor, kabilang ang Tidy utility (inirerekomenda ng W3C consortium), ang kakayahang lumikha ng mga release ( mga kopya ng mga file na may pagproseso) at marami pang iba.

• Libreng download ng Cool Reader

  Maraming tao ngayon magbasa ng mga e-book... Una, ito ay mas mura kaysa sa pagbili ng isang kopya ng papel (kung pinag-uusapan natin ang tungkol sa isang libreng pag-download). Pangalawa, nag-aalok ang online library ng malaking seleksyon ng mga libro na hindi available sa mga offline na tindahan sa lungsod. Ang mga taong maraming nagbabasa ay magpapahalaga sa Cool Reader.

  Ang programa ay may maraming mga pakinabang na ginawa itong popular. Ang functional na interface ay nagbibigay-daan sa muling pag-format, pag-bookmark, pagpapakinis at pagsasaayos ng mga laki ng font. Ang pagpapakita ay posible alinman sa bawat pahina, tulad ng sa isang papel na libro, o bilang isang scroll na may makinis na pag-scroll.

  

• AlReader libreng e-book reader app

  Isang madaling gamiting programa para sa pagtatrabaho sa maraming sikat na format. Sa tulong nito magagawa mo magbasa ng mga e-book at rtf, doc docs, pati na rin ang mga eksklusibo tulad ng abw, tcr, odt, rb at iba pa.

  Binibigyang-daan ka ng AlReader na magtrabaho kasama ang teksto, katulad: kopyahin, i-paste, baguhin ang font. Ang mga mode ng Araw at Gabi ay nagbabawas ng pagkapagod ng mata: sa dilim, ang display ay nagiging mas contrast. Ang isang kawili-wiling opsyon sa programa ay ang background. Ang gumagamit ay pahalagahan ang hitsura ng mga lumang pahina.

  

• Dicter libreng online na tagasalin

  Ang mga madalas bumisita sa mga banyagang site, gayundin ang mga nais lamang magsalin ng isang piraso ng teksto sa isang hindi pamilyar na wika, ay tutulungan ng programang Dicter.

  Mas madali na ngayon ang pagsasalin, i-install libreng programa at gamitin ang mga serbisyo ng kalidad tagasalin... Pahalagahan ang pagiging simple ng disenyo at ang kawastuhan ng pagsasalin.

  

• OCR CuneiForm program para sa pagkilala sa na-scan na teksto

  Paano i-edit ang na-scan na teksto o magpasok ng isang bahagi ng na-scan na teksto sa isang editor ng pagsubok?

  Madali itong pangasiwaan gamit ang OCR CuneiForm.

  Ang OCR CuneiForm ay isang libreng text recognition program na kinikilala ang na-scan na teksto at ini-import ito sa mga text editor.

  

• WinDjView program para sa pagtingin sa mga DjVu file na libreng pag-download

  DjVu- isang naka-compress na format ng imahe na nagbibigay-daan gumana sa mga na-scan na pahina... Kadalasan ang mga libro, magasin at iba't ibang dokumento ay ibinibigay sa form na ito. Para sa isang ganap na gawain sa naturang materyal, ang programang WinDjView ay ibinigay.

  Ito ay sapat na mabilis upang mabilis na magbukas ng mga pahina at sa parehong oras ay magaan. Kasabay nito, ang programa ay gumaganap ng mga function ng isang regular na mambabasa. Iyon ay, pinapayagan ka nitong kumuha ng mga tala sa teksto at mga bookmark na may pagpapalit ng pangalan at pag-uuri ng mga pahina. Ang huli ay naka-imbak sa memorya ng computer at, kung ninanais, maaaring ilipat sa isa pang device gamit ang Export at Import na mga button.

  

Kung gusto mong bumuo ng mga website kailangan mong kumuha ng HTML editor. Siyempre, maaari kang gumamit ng isang regular na notepad, ngunit malamang na hindi ito maginhawa. Mahalagang tandaan na ang mga HTML editor ay dapat magsagawa ng dalawang mahahalagang gawain, ang pag-highlight ng code at autocomplete. Naturally, ang mga karagdagang pag-andar ay tinatanggap din, iba't ibang mga tema halimbawa. Mayroong maraming mga karagdagang pag-andar. Sa ngayon, tingnan natin ang ilang libreng HTML editor na mahusay na gumagana sa mga gawain sa itaas.

Libreng editor ng code - Notepad ng Programmer

Nag-aalok ang editor na ito ng modernong interface na may dalawang uri, liwanag at madilim. Bilang karagdagan, ang pag-highlight ng syntax ay napakahusay, ang mga kulay ay mahusay na napili. Sa tingin ko, matutugunan ng editor na ito ang lahat ng iyong mga kinakailangan.

HTML editor - SynWrite

Ang SynWrite ay isang cool na editor na may malawak na hanay ng mga tampok. Ang ideya sa likod ng editor na ito ay upang makuha ang lahat ng mga pakinabang ng iba pang mga HTML editor sa isang kalidad na produkto. Ang pag-andar nito ay maaaring makabuluhang mapalawak gamit ang mga karagdagang plugin na nakasulat sa Python. Bilang karagdagan sa mga karaniwang function, pinapayagan ka ng SynWrite na agad na mag-edit ng ilang piraso ng code nang sabay-sabay:

Ang tampok na ito ay makakatipid sa iyo ng maraming oras.

Libreng HTML editor - PlainEdit.NET

Ang editor na ito ay maaaring magbukas ng ilang mga file nang sabay-sabay, maaari ding magdagdag ng mga plugin na makabuluhang magpapalawak sa mga function ng editor, kabilang ang mga tema. Bilang karagdagan, maaari kang magdagdag at magbago ng teksto gamit ang mga regular na expression, kahit na sa mga dokumentong iyon na kasalukuyang hindi bukas. Ito ay nagkakahalaga ng pagpuna na ang PlainEdit ay maaari ding gumana mula sa isang USB stick.

Notepad ++

Ang editor na ito ay isang klasiko. Ito ay napakapopular sa buong mundo. Nasa Notepad ++ ang lahat ng dapat mayroon ang isang text editor. Maaaring i-customize ang interface ayon sa iyong kagustuhan, at makakatulong ang mga libreng plugin na palawakin ang functionality ng editor.

Libreng editor - jEdit

Ang editor na ito ay maaaring magbukas at mag-edit ng halos anumang file. Ito ay lubos na pinapadali ang gawain ng pagbubukas ng ilang mga file sa parehong oras. Ang anumang nawawalang feature ay maaaring dagdagan ng iba't ibang mga plugin.

Sa labas ng kahon, ang jEdit ay may kasamang built-in na mga kinakailangang function, halimbawa, pag-fold ng code, pagmamarka ng mga tag at elemento, isang file manager, pati na rin ang maraming iba pang mga function.

Mahusay na teksto 2

Ito ang pinakasikat na editor sa mga programmer at web developer. Walang ibang editor na katulad nito ang nagkaroon ng tagumpay gaya ng Sublime Text 2. Pinupuri ito ng maraming programmer. Ang editor ay lubos na nako-customize sa pamamagitan ng iba't ibang mga resolution at JSON file.

Para sa sikat na editor na ito, makakahanap ka ng malawak na mga aklatan ng dokumentasyon, parehong opisyal at hindi opisyal. Ang mga tutorial ng Sublime Text 2 ay matatagpuan sa lahat ng dako.

Ang Sublime Text 2 ay bahagyang libre na may $70 na lisensya.

Bagong editor - Mga bracket

Ang mga bracket ay isang modernong open source na editor na may ilang mga cool na tampok. Gumagana ito sa Adobe Creative Cloud upang magdala ng mga kulay, font at higit pa mula sa isang PSD file. Maaari rin itong mag-extract ng mga layer bilang mga imahe. Napaka komportable

Sa kasamaang palad, ang Adobe Creative Cloud ay isang bayad na serbisyo.

Ang editor na ito ay mayroong lahat ng kinakailangang function para sa isang modernong code editor. Maraming iba't ibang extension na inilalabas tuwing 2 hanggang 3 linggo.

Aptana studio 3

Ang pinakadakilang lakas ng editor ay ang pagiging customizable nito, pagsasama ng Git at built-in na terminal. Sinusuportahan ng Aptana Studio 3 ang pinakabagong mga pamantayan sa web tulad ng HTML5 at CSS3.

Output

Mayroong maraming mga HTML editor sa labas, ngunit iilan lamang sa kanila ang aktwal na magagamit. Para sa hindi pang-araw-araw na paggamit, mayroong Notepad ++, ngunit para sa pang-araw-araw na paggamit ay malinaw na hindi ito sapat. Mayroong mas mahusay na mga opsyon para dito, tulad ng Sublime Text 2, na maaaring i-customize ayon sa pangangailangan ng user. Gustong malaman kung aling mga editor ang pipiliin mo?

Alam nating lahat na ang pangalan ng HTML na wika ay nagmula sa HyperText Markup Language, na nangangahulugang hypertext markup language. Isinasaad ng terminolohiya ng markup language na ito ay isang text document na may mga indikasyon ng mga heading, listahan at iba pang mga highlight sa text. Ang karamihan sa mga site na mahahanap mo sa World Wide Web ay nakasulat sa HTML. Ang impormasyon ay ipinadala mula sa server patungo sa browser gamit ang mga espesyal na protocol at may kondisyon ng compression. Alam din sa kasaysayan na ang wika ay binuo ni Tim Berners-Lee noong 1986-1991.
Upang maging patas, ang isang ordinaryong kuwaderno ay maaaring magsilbi bilang isang editor. Ngunit ito ay hindi maginhawa, maraming mga editor na may mas maginhawang pag-andar (paghula ng mga simbolo, pag-edit ng visual, pag-highlight ng code, atbp.).
Kaya tingnan natin ang pinakamahusay na mga editor ng HTML:

1st place. Napakahusay na teksto

Simple, libre, maginhawang editor para sa iba't ibang code. Sa mga pakinabang, hindi mabibigo ang isa na mapansin ang isang kaaya-ayang interface, kadalian ng paggamit, at nababaluktot na pag-customize. Gayundin, ang isang hindi mapag-aalinlanganang plus ay ang editor na ito ay multiplatform. Talagang nagustuhan ko ang function ng maramihang pagpili at pag-edit, ang function na ito ay hindi magagamit sa iba pang mga editor. Ito ay gumagana tulad nito: pindutin nang matagal ang Ctrl at pagkatapos pumili ng mga linya ng teksto, ang mga ito ay ine-edit nang sabay-sabay. Gayundin sa editor na ito mayroong isang function ng mga hot key para sa anumang aksyon. Wala pang masyadong plugin.

2nd place. studio ng Aptana

Pangunahing nilikha ang editor na ito para sa pagbuo ng web application, ngunit mahusay din itong gumagana sa HTML. Sa kalamangan, dapat tandaan na mayroon itong mahusay na auto-completion, pag-highlight ng code, at isang mahusay na sistema ng pamamahala ng proyekto. Para sa isang libreng editor, ang mga tampok na ito ay napakahalaga. Tulad ng Dreamweaver, makakahanap ka ng maraming plugin sa opisyal na site. Siyempre, ang isang malaking seleksyon ng mga plugin, mga pagpipilian, mga setting ay maaaring takutin ang isang baguhan, ngunit ang Aptana Studio ay isang mahusay na pagpipilian kung kailangan mo ng isang maginhawa at functional na HTML editor.

3rd place. Notepad ++

Nakaposisyon bilang isang libreng open source na editor. Ang mga maayos na pag-andar ng pag-highlight, awtomatikong pagkumpleto ng mga bloke ng code, ang pag-andar ay maaaring tumaas dahil sa isang malaking bilang ng mga plugin at module. Gayundin, ang editor na ito ay napakabilis, kahit na may malaking bilang ng mga plugin.

ika-4 na pwesto. Macromedia (Adobe) Dreamweaver

Isa ito sa mga pinakalumang editor at nananatiling nakalutang salamat sa maraming feature nito. Kapag ginagamit ang program na ito, maaari mong tingnan ang disenyo at code ng pahina nang sabay-sabay, ginagamit din ang mga pahiwatig at awtomatikong pagkumpleto ng mga tag at katangian ng HTML. Ang paghahanap at pagpapalit ng mga simbolo ay maginhawang nakaayos. Sa opisyal na website ng programa, makikita mo ang maraming komersyal at hindi pangkomersyal na mga plugin para sa program na ito.

5th place. RJ TextEd

Isang hindi kumplikadong libreng editor na isinulat noong 2004 para sa Windows operating system. Sa loob nito, maaari mong ipasadya ang pag-highlight ng code para sa iyong sarili, ang awtomatikong pagsasara ng mga tag at mga quote ay bahagyang gumagana. Mayroong isang disenteng bilang ng mga disadvantages, parehong seryoso at hindi mahahalata, halimbawa, walang FTP client, wala ring pickup ng mga umaasa na file, walang suporta para sa CSS 3, JS, atbp.

ika-6 na pwesto. KompoZer

Ito ay isa sa mga pinakamahusay na libreng visual editor out doon. Makikita mo kaagad kung ano ang magiging hitsura ng pahina sa browser kapag na-edit. Sinusuportahan ang lahat ng elemento ng HTML. Ang KompoZer ay tiyak na hindi isang bayad na Dreamweaver at kumikilos nang naaayon. Sa mga pakinabang, hindi mabibigo ang isa na mapansin ang built-in na CSS editor at FTP manager.

ika-7 puwesto. Komodo Edit

Ito ay isang libreng editor na binuo mula sa komersyal na Komodo IDE kung saan nagmana ito ng maraming function. Ang editor ay may karaniwang auto-completion, pag-highlight ng code. Ang isa sa mga bentahe ay mabilis na paglulunsad, maginhawang mga hotkey. Mayroon ding built-in na mekanismo para sa pag-install ng mga extension. Ito ay orihinal na binuo bilang isang multifunctional editor.

ika-8 puwesto. Vim

Isang mahusay na lumang editor, na binuo batay sa mas lumang Vi na nilikha na noong 1976. Nagtatanong ka kung bakit ginagamit pa rin natin ang nilikha halos 40 taon na ang nakakaraan? Dahil ito ay mahusay na pagganap at kadalian ng paggamit. Siyempre, kailangan mong masanay nang husto sa editor na ito, una kailangan mong makabisado ang bulag na pag-type (dahil walang magagawa sa Vim kung wala ito), matuto ng mga hotkey, dahil kung saan nangyayari ang pangunahing kontrol ng programa.

ika-9 na pwesto. Fraise

Ang Fraise ay isang libreng text editor na may pag-highlight ng syntax. Ito ay binuo ni Jean-François Moy batay sa Smultron. Ang mga bentahe ay mahusay na pamamahala ng bloke, pag-encode ng character, hatiin sa 2 bintana at marami pang iba. Ngunit ang pangunahing kawalan ay ang editor na ito ay umiiral lamang para sa Mac OS.

ika-10 puwesto. PSPad

Isang unibersal na text editor para sa Windows platform na may maraming kapaki-pakinabang na function. Isang napakagandang tampok ng gawain ng program na ito sa pag-andar ng pag-compress ng HTML code, para sa mas mabilis na pag-load ng mga pahina, hindi ko ito nakita sa ibang mga editor.