Programe pentru crearea paginilor web html. Ce programe sunt necesare pentru a lucra cu HTML. Editori vizuali pentru dezvoltatori WEB

29.11.2021 Boli

Înainte de a începe pașii practici pentru a învăța HTML, trebuie să decidem asupra setului de programe de care vom avea nevoie pentru munca noastră.

Pentru cei cărora le plac videoclipurile:

Sunt necesare cel puțin două clase de programe:

1) Browser.

Un browser este un program pentru vizualizarea paginilor web. Dacă citiți această pagină web, atunci cred că nu prea are rost să explicați ce este acest program și de ce este necesar.

Astăzi, internetul are un număr mare de browsere de la o varietate de producători. Pentru a lucra cu HTML, oricare dintre ele poate fi potrivit. În stadiul inițial, acest lucru este suficient.

În viitor, pe măsură ce profesionalismul tău crește, poate fi necesar să instalezi mai multe browsere pe computer simultan. Acest lucru se face astfel încât să fie posibil să se testeze afișarea paginilor în browsere de la diferiți producători.

Din păcate, în dezvoltarea web, paginile care nu funcționează corect în diferite browsere sunt departe de a fi neobișnuite.

Instalați oricare dintre aceste browsere pe computerul dvs. și, în viitor, va fi posibil să testați paginile HTML pe care le vom crea.

2) Un program pentru crearea și editarea codului.

Următorul instrument de care avem nevoie este un program cu care puteți crea și edita cod HTML.

Există, de asemenea, o mulțime de opțiuni aici din care puteți alege.

Acest editor este complet gratuit, deci este adesea folosit în multe cursuri HTML.

Dar, dacă trebuie să lucrați cu cod HTML des și mult, atunci vă sfătuiesc să obțineți un program specializat pentru lucrul cu cod, de exemplu

Acest instrument este plătit, dar folosindu-l, obțineți un set de instrumente în arsenalul dvs. care vă pot facilita foarte mult munca cu codul.

De exemplu, comenzile HTML vor fi evidențiate. Când tastați comenzi, va apărea o listă derulantă din care puteți selecta cea mai potrivită soluție.

Sub fereastra în care veți scrie codul HTML va fi o fereastră în care puteți vedea o previzualizare a modului în care va arăta pagina finală.

În plus, Dreamweaver are multe caracteristici suplimentare care pot face lucrul cu codul mult mai ușor.

Cred că la etapa inițială este suficient să folosiți un editor de text obișnuit, iar în viitor, după cum este necesar, puteți trece la un editor de cod profesional.

Personal, folosesc acest program special pentru a-mi dezvolta paginile web.

În general, aceste două programe (un browser și un program pentru crearea și editarea codului) vă vor fi suficiente pentru a vă crea primele pagini web.

În viitor, pe măsură ce nevoile tale cresc și sarcinile cu care te confrunți devin mai complexe, acest set poate fi extins.

Înainte de a continua să studiați următoarele materiale, găsiți și instalați aceste programe pentru dvs., deoarece... Studiul suplimentar al HTML fără acest lucru nu va fi posibil.

3 voturi

Bine ati venit pe blogul meu. Indiferent de modul în care creați un site web în designer, folosind un CMS sau într-un program, acesta va fi scris în html și css. În caz contrar, browserul nu îl va înțelege. În loc de un portal electronic, vizitatorul nu va vedea nimic.

Singura diferență va fi corectitudinea codului. În unele cazuri, va apărea ca text în limba engleză tradus în Google Translate. În altele, este ca și cum ar fi gestionat de un traducător priceput. Totul depinde de instrumentele pe care le folosești.

Astăzi vom vorbi despre ce program pentru crearea unui site web html vă va permite să vă atingeți obiectivul cel mai corect și mai competent. O să trec înaintea mea. Chiar și unele vă permit să faceți acest lucru în mod clar. Și pentru unii utilizatori aceasta ar fi cea mai bună soluție.

Postarea mea de astăzi va fi dedicată editorilor. Să începem cu ei.

Două tipuri de editori

Toți editorii de site-uri web sunt împărțiți în două tipuri - vizuale și text. Acest lucru nu înseamnă că în primul caz vă puteți descurca complet fără cunoașterea codului, dar cerințele pentru nivelul lor nu vor fi la fel de serioase ca în al doilea caz. Acesta este principalul avantaj, pentru că în mod ideal, dacă doriți să creați ceva cu adevărat corect, după ce ați scris site-ul, ar fi bine să lucrați din nou la cod și să editați unele dintre deficiențe.

Editorii de text sunt perfecti dacă sunteți familiarizat cu limbajele de programare sau pur și simplu nu vă este frică de dificultăți. Ei nu scriu codul pentru tine, dar ajută la accelerarea procesului și se asigură că nu faci nicio greșeală. Începi să tastezi o frază, iar utilitarul o completează pentru tine. De asemenea, vei putea vedea tot ce ai făcut după ce ai terminat.

Este imposibil de spus că a doua metodă garantează un rezultat mai bun. Poți să faci și greșeli, mai ales dacă îți lipsește experiența. Chiar și profesioniștii se confruntă uneori cu dificultăți, oboseală și inexactități. Lucrează în echipă: cineva va sugera o regulă care le-a scăpat din minte, alții vor vedea o greșeală.

Nu insist și nu recomand nici una dintre metode. Trebuie să decizi singur ce este mai important pentru tine. Rezultatul, adică un site care va fi vizibil pentru motoarele de căutare în orice caz, va trebui doar dezvoltat. A doua opțiune este cunoștințele dvs. Este mai ușor să le perfecționați folosind editori de cod text.

Ei bine, acum să trecem la programele în sine.

Editori vizuali

Vă aduc în atenție câțiva editori vizuali convenabil.

  • WYSIWYG Web Builder

Programul este în limba engleză, primele 30 de zile sunt prevăzute cu o perioadă de probă gratuită. Atunci veți avea nevoie de o licență, prețul acesteia este puțin sub 50 USD.

WYSIWYG Web Builder este simplu și destul de simplu. Dacă știi ceva, atunci înțelegi că orice site web este format din diverse blocuri. Datorită acestui editor, trebuie doar să alegi ce anume vrei să vezi pe site-ul tău web: text, căutare, RSS, prezentare de diapozitive, galerie video și așa mai departe. Codul va fi generat automat. Trebuie doar modificat puțin.

Utilitarul are caracteristici suplimentare: crearea, verificarea linkurilor și a greutăților paginilor. Dacă îți lipsește ceva, poți descărca extensii de pe forum de pe site-ul oficial sau poți scrie singur codul.

Dacă sunteți începător, puteți începe să vă familiarizați cu software-ul folosind unul dintre numeroasele șabloane gata făcute. Acest lucru va accelera munca.

  • CoffeeCup Visual Site Designer

Software în engleză. Pe vremuri, dezvoltatorii acestui program l-au vândut cu 50 de dolari cu posibilitatea de a achiziționa câteva funcții suplimentare, ceea ce a provocat o adevărată revoltă pe Internet. Ce fel de utilitate este aceasta în care trebuie să investești constant? Acum costă 189 USD, dar primești totul deodată și în întregime.

Foarte funcțional, mai ușor de utilizat decât reprezentantul anterior al editorilor vizuali. Are încorporat, care simplifică procesul de încărcare pe server. Puteți lucra în program și puteți încărca imediat actualizări pe găzduire. Este foarte confortabil.

CoffeeCup Visual Site Designer vă permite să lucrați la o mulțime de pictograme gratuite, abilitatea de a adăuga tot felul de efecte, de a vedea și de a corecta codul chiar în câmpul de lucru al programului. Lipsa limbii ruse este probabil una dintre cele mai semnificative neajunsuri.

  • Adobe Muse

Un program excelent în limba rusă, despre care am scris deja de câteva ori pe blogul meu. L-am folosit eu și chiar am creat un site web personalizat folosindu-l. Recenziile sunt extrem de pozitive. Nu există multe instrumente, dar dacă știi să le folosești, poți crea proiecte fundamentale. Aceasta este o caracteristică distinctivă a multor produse Adobe.

Amintiți-vă de același Photoshop. S-ar părea că există o duzină de butoane, dar când începi să te uiți, se dovedește că pot fi folosite pentru setări atât de detaliate! Multe scripturi au fost lansate pentru Adobe Muse, puteți adăuga singur un formular părere, slider și orice îți dorește inima.

Acesta este unul dintre puținele programe care va oferi oportunități ample atât pentru un începător care nu vrea să înțeleagă codul, cât și pentru cei care doresc să dobândească o cantitate impresionantă de cunoștințe.

Oamenii care lucrează la Adobe Muse pot câștiga până la 100.000 de ruble pe pagină de destinație. Totul depinde de aptitudini. Rezultatul, beneficiul final pentru cumpărătorul site-ului. Daca scopul tau sunt banii, iti pot recomanda cursul " " Vei învăța să creezi proiecte care pot vinde.


Editori de text

Pentru cei care au nevoie de cunoștințe, vă prezint selecția mea de editori de text.

  • Text sublim

Puteți crea un site web în cel mai simplu bloc de note care se ascunde în bara Start, așa că de ce avem nevoie de editori de text? Au aproximativ aceleași beneficii suplimentare. De exemplu, posibilitatea de a adăuga text și paletă de culori pentru dvs.

Sublime Text nu ar fi atât de popular dacă nu ar avea caracteristicile sale specifice, cum ar fi controlul erorilor și un manager de activități și fișiere. Vă pot sugera să urmăriți o recenzie video a acestui editor dacă sunteți interesat.

Pentru a obține câteva funcții suplimentare, va trebui să descărcați un pachet de extensii pentru program.

  • Paranteze

Un editor gratuit de la Adobe, foarte asemănător cu reprezentantul anterior, dar nu mai trebuie să descărcați nimic suplimentar pentru a obține funcții de bază.

Sunt necesare extensii dacă doriți, de exemplu, să puteți deschide un aspect Photoshop în editor pentru a decupa și salva imediat părți din desen. Este puțin probabil ca acest lucru să vă fie cu adevărat util, deoarece opțiunea nu este foarte bine dezvoltată.

Cu toate acestea, vă mulțumesc pentru eforturile dvs. Editorul nu este rău deloc fără asta.

Pe lângă aceste programe, există și NotePad++ și Dreamweaver, dar am scris deja un articol detaliat despre ele „”. Aflați mai multe accesând linkul și abonându-vă la actualizările blogului meu. Vă doresc să găsiți rapid utilitarul convenabil și să începeți singuri să creați site-uri web.

Ne revedem și mult succes în demersurile tale.

Un editor HTML este primul lucru de care veți avea nevoie pentru a începe să creați pagini web folosind HTML și CSS. Există multe editoare HTML gratuite, iar alegerea unuia poate fi o sarcină descurajantă.

HTML este destul de simplu și, prin urmare, puteți începe să lucrați pe paginile dvs. web folosind un editor de text simplu, cum ar fi Notepad, WordPad sau orice altul. De asemenea, puteți merge mai departe și utilizați unul dintre editorii cu mai multe funcții, cum ar fi Coffecup, Notepad++, Brackets, Notetab sau BlueGriffon. Avantajul utilizării unor editori mai avansati și funcționali este că obțineți mai multe instrumente care pot accelera semnificativ procesul de marcare și creare a conținutului.

Fie că doriți să creați bloguri și articole care sunt bine formatate pentru a fi citite de browsere, fie că intenționați să construiți un site web complet funcțional folosind HTML și CSS, alegerea editorului potrivit vă va îmbunătăți considerabil productivitatea. Dezvoltatorii profesioniști de pagini web petrec o cantitate semnificativă de timp selectând editorul și instrumentele care le revin cel mai bun mod satisface nevoile acestora și crește productivitatea.

Ce editor HTML gratuit este potrivit pentru tine?

Răspunsul la această întrebare depinde în întregime de cerințele dumneavoastră, de produsul pe care intenționați să îl creați folosind HTML, de nivelul actual de cunoaștere a acestui limbaj de marcare, dacă intenționați să învățați pur și simplu. Deoarece majoritatea acestor editoare sunt gratuite, puteți restrânge lista la 2-3, puteți încerca funcționalitatea lor de bază și apoi decideți care vă place cel mai mult.

În plus, aproape fiecare editor listat în acest articol este acceptat pe mai multe sisteme de operare, inclusiv Windows, Linux și Mac, așa că nu trebuie să vă faceți prea multe griji cu privire la compatibilitate.

Rețineți că majoritatea nevoilor dvs. de editare pot fi satisfăcute cu ușurință de Notepad++ pentru Windows, Brackets pentru Mac (acest editor este acceptat și pentru Linux și Windows) sau Coffecup și Notetab. Cu toate acestea, dacă intenționați să creați un site web complex, poate doriți să luați în considerare un mediu de dezvoltare cu funcții complete, cum ar fi Eclipse.

Pe de altă parte, dacă doriți doar să vă jucați cu HTML și CSS, există numeroase editoare online în care puteți scrie cod HTML și puteți vedea rezultatele imediat.

Să ne uităm la cele mai bune zece editoare HTML care sunt ușor de utilizat, bogate în funcționalități și populare printre dezvoltatorii web.

1. Notepad++ (cel mai bun editor HTML gratuit pentru Windows)


notepad-plus-plus.org

Acest editor este disponibil numai pentru utilizatorii de Windows, așa că dacă aveți un Mac sau Linux, derulați mai departe. Notepad++ este cel mai bun editor HTML gratuit pe care îl puteți instala pe computerul Windows. La prima vedere este foarte simplu, dar este unul dintre cele mai complexe și în același timp ușor de utilizat editori.

O mare parte din puterea enormă a Notepad++ provine de la pluginuri terță parte, inclusiv PreviewHTML, plugin de etichetă HTML pentru evidențierea etichetelor, Tidy2 pentru indentare și multe altele.

Caracteristicile cheie ale Notepad++ sunt o interfață tabelară pentru lucrul cu mai multe fișiere simultan, restrângere și evidențiere a sintaxelor foarte ușoare, GUI personalizabil (cu o opțiune minimalistă), tabele cu un buton de închidere, tabele verticale, multilingve (adică puteți configura interfața în engleză, franceză, spaniolă și chineză, precum și în alte 80 de limbi).

Notepad++ a fost dezvoltat de Dong Ho și lansat în 2003. Este gratuit atât pentru uz personal, cât și pentru uz comercial și este licențiat sub Licența publică generală GNU.

Pentru utilizatorii de Mac, o alternativă excelentă la Notepad++ este Brackets, pe care o vom trata în continuare.

2. Paranteze (gratuit pentru Mac, Windows și Linux)


Paranteze este un alt instrument popular și de încredere pentru dezvoltarea web și editarea codului HTML. Spre deosebire de Notepad++, acest editor este acceptat pentru Mac, Ubuntu, Debian și Windows. De asemenea, este gratuit pentru uz personal și comercial (licență MIT).

Brackets este ușor de utilizat și are multe extensii care îi îmbunătățesc funcționalitatea. Extensii populare:

  • Emmet – accelerează scrierea codului CSS și HTML;
  • Beutify – formatează fișiere HTML, CSS și JavaScript;
  • Validare W3C – verifică valabilitatea codului HTML.

Brackets este un editor frumos, cu un design modern, minimalist. Modificările efectuate în cod sunt afișate imediat în browser. Puteți face modificări la codul CSS sau HTML și puteți vedea cum acestea schimbă aspectul site-ului dvs. în timp real.

Citiți despre Paranteze aici – Editor pentru HTML: Paranteze

3. Coffecup (există atât o versiune gratuită, cât și o versiune cu plată)


Coffecup este poate cel mai bun editor HTML disponibil atât în ​​versiunea gratuită, cât și în cea comercială. Celui gratuit îi lipsesc unele funcții, dar este suficient de complex pentru a fi pe lista noastră.

Caracteristicile cheie ale versiunii gratuite includ:

  • bare de instrumente personalizabile,
  • completarea codului pentru elemente, atribute și selectori,
  • teme și șabloane gata de utilizare,
  • suport pentru formatul de reducere pentru HTML,
  • suport FTP/SFTP,
  • funcția de glisare și plasare pentru imagini,
  • opțiune de previzualizare,
  • evidențierea sintaxelor,
  • un tezaur pentru a găsi alternative pentru un cuvânt și multe altele.

Versiunea plătită nu este prea scumpă. Include mai multe funcții suplimentare, cum ar fi validarea codului HTML și CSS, biblioteca de etichete, curățarea codului, corectorul ortografic dinamic.

Coffecup oferă, de asemenea, mai multe module avansate pentru a funcționa într-un stil prietenos cu dispozitivele mobile, fără a fi nevoie să scrieți niciun cod, folosind doar funcțiile drag and drop. Aceste module includ Foundation framer, Bootstrap builder și Responsive site designer.

Coffecup este pe piață din 1996 și este folosită de freelanceri, startup-uri, întreprinderi mici și dezvoltatori web din companii mari. Acesta este un instrument excelent pentru crearea de site-uri web, pagini web, buletine informative, note formatate în HTML și conținut pentru rețelele sociale.

4. NoteTab (două versiuni, plătită și gratuită)


NoteTab este un alt editor HTML și CSS care oferă funcții pentru o dezvoltare rapidă. Acesta este un produs al software-ului Fookes, care a lucrat la instrumente pentru a accelera procesul de dezvoltare în ultimii 20 de ani.

Popularitatea NoteTab este confirmată de faptul că este folosit de NASA, FBU, VISA, CIA Hewlett Packard, MIT.

NoteTab are trei versiuni, Light, Standard și Pro. Versiunea Light este distribuită gratuit pentru uz individual. Nu are toate caracteristicile versiunii Pro, dar acceptă biblioteci HTML5 și CSS3, bootstrap, completare automată HTML, fuzionarea fișierelor în proiecte, suport HTML Tidy, HTML în text și, de asemenea, are multe teme.

NoteTab poate fi lansat direct de pe o unitate flash și nu necesită instalare pe computer. Pentru bloggeri și persoanele implicate în conținutul site-ului, acest editor acceptă numărul de cuvinte și statisticile SEO.

Puteți cunoaște mai bine NoteTab pe site-ul oficial.

5. Eclipse (editor HTML gratuit)


Eclipse este greu și poate exagerat pentru dezvoltarea HTML și CSS, dar poate fi folosit cu succes dacă nu vă deranjează să instalați și să configurați bestia. Acesta este un instrument excelent dacă intenționați să creați site-uri complexe cu baze de date combinate cu alte surse de date etc. Configurarea poate dura ceva timp și necesită instalarea de pluginuri suplimentare.

Eclipse este cel mai popular mediu de dezvoltare integrată open source. Acest editor este adesea folosit pentru Java, JavaScript, PHP, Ruby, Android și multe alte limbaje de programare.

Puteți afla mai multe aici -

6. HTML-Online


Când vine vorba de editarea codului HTML online, în browserul dvs., nimic nu depășește HTML-online.com. Puteți începe procesul de codare imediat, fără a descărca sau instala vreun software și este gratuit.

Unul dintre avantajele acestui editor este conversia Word în HTML, astfel încât să vă puteți copia conținutul din fișierele Microsoft Word și să îi aplicați automat markup HTML. Există, de asemenea, suport pentru Google docs, PDF, Excel, PowerPoint și multe alte tipuri de documente.

Acesta este un editor vizual de încredere care vă va ajuta să vă creați pagina web și, în același timp, să monitorizați modificările codului în fereastra adiacentă. Alte caracteristici care merită menționate includ curățarea codului HTML, turnarea elementelor de tabel în div-uri și o opțiune de căutare și înlocuire.

7. BlueGriffon (licență gratuită, de bază și EPUB)


BlueGriffon provine de la casa „Disruptive Innovations SAS”. Este construit pe Gecko, motorul de randare web al Mozilla. BlueGriffon este un editor puternic care moștenește majoritatea caracteristicilor sale de la Netscape, Composer, Nvu și Mozilla.

BlueGriffon are trei variante, dintre care prima este gratuită, a doua este distribuită sub o licență de bază, iar cea mai puternică este sub o licență EPUB.

Versiunea gratuită poate face multe. Are teme negre și luminoase, suport pentru forme audio, video și HTML5, funcțiile de editare CSS3 includ tranziții, transformări 3D și 2D, crearea SVG, tehnologie WYSIWYG, manager de fonturi Google, manager de fonturi squirrel, suport pentru format markdown, interfața cu utilizatorulîn peste 20 de limbi.

Puteți descărca și instala BlueGriffon pe Windows, Linux Ubuntu și OS X pe Mac. Puteți afla mai multe pe site -

8. Emacs cu pluginuri


www.gnu.org

Emacs este unul dintre cei mai îndrăgiți editori din toate timpurile. Este gratuit de utilizat (licență GNU). Emacs este un editor de cod de uz general pe care îl puteți personaliza pentru a se potrivi nevoilor dvs. Conectarea pluginurilor distribuite gratuit îl transformă într-un editor de cod puternic, cu funcționalități bogate.

Când vine vorba de editarea HTML, Emacs oferă un mod HTML care face editarea codului foarte ușoară. Citiți mai multe aici – Emacs

9. Atom


atom.io

Atom este un editor de text configurabil de la dezvoltatorii GitHub. Popularitatea sa crește foarte repede. Acest editor este gratuit atât pentru uz personal, cât și pentru uz comercial (licență MIT). Comunitatea dezvoltatorilor caută în mod constant să îmbogățească editorul cu noi funcții.

Cum să transformi Atom într-un editor HTML gratuit?

Atom vine cu toate caracteristicile de bază de care aveți nevoie pentru a vă edita codul, dar pentru a-l transforma într-un editor HTML complet funcțional, va trebui să instalați pachete suplimentare. Acestea includ Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml și jade.

Atom este acceptat pentru Windows, Ubuntu (Debian Linux), Fedora (de la versiunea 22), Mac și Red Hat Linux. Este mai potrivit pentru dezvoltarea web decât scrierea de conținut, deoarece este mai orientat spre cod și necesită puțină personalizare.

10. Comunitatea Visual Studio


Visual Studio Community este un mediu de dezvoltare complet funcțional de la Microsoft și este gratuit pentru toată lumea. Visual studio oferă funcții de editare HTML și CSS preconfigurate care pot fi îmbunătățite și mai mult cu extensii.

Extensiile populare care merită menționate sunt fragmente HTML, HTMLHint, suport HTML CSS, Intellisense pentru numele clasei CSS.

La fel ca Eclipse, comunitatea Visual Studio este o alegere excelentă pentru site-uri complexe, foarte scalabile, care necesită multe tehnologii.

Concluzie

Limbajul de marcare HTML este folosit peste tot. Există multe editoare HTML care au fost create cu mult timp în urmă, dar totuși țin pasul cu vremurile și sunt destul de potrivite pentru dezvoltarea web. Dar mai sunt și altele cărora nu le mai lipsește funcționalitatea și productivitatea. Apar noi editori, cum ar fi Brackets și Atom, care oferă o editare eficientă a codului.

Majoritatea editorilor enumerați în acest articol au propriile lor caracteristici, dar au un singur scop - crearea de pagini web. Acestea măresc viteza de dezvoltare și ajută la organizarea codului, ținând cont în același timp de posibilitatea de scalare a acestuia.

Aruncă o privire la opțiunile menționate în acest articol, notează nevoile tale cheie, restrânge lista la câțiva editori, încearcă fiecare și vezi care îți place cel mai mult. Probabil veți găsi cel puțin un editor HTML bun pentru Linux, Mac și Windows.

Cu dezvoltarea limbaje informatice programare în sens calitativ și cantitativ, a început să apară nevoia de sistematizare a datelor codului vizual pe dispozitivele de ieșire a informațiilor pentru a crește productivitatea și eficiența dezvoltatorilor.

Istoria dezvoltării instrumentelor de dezvoltare software are zeci de ani în urmă. Omenirea a parcurs un drum lung de la prezentarea informațiilor pe hârtie și benzi perforate, până la prezentarea lor folosind instrumente moderne de dezvoltare care prezintă codul pe un monitor și reprezentări grafice ale modului în care funcționează codul, cu capacitatea de a-l manipula.

Editorii moderni de cod de program și-au împrumutat funcționalitatea de la editorii de text vizual, precum și de la instrumentele specializate de dezvoltare de text incluse cu diferite compilatoare. De la editorii de text și suitele de birou, mijloacele moderne de dezvoltare a paginilor de internet au absorbit tot ce este mai bun în domeniul prezentării textului și a informațiilor grafice pe ecranul unui computer. Din editorii specializați incluși cu compilatoarele de programe, cum ar fi cei din Pascal sau C, editorii de cod pentru paginile de Internet au absorbit capacitatea de a evidenția sintaxa și de a înlocui elementele de cod.

Împrumutând caracteristici de la ambii strămoși, editorii de pagini web au început să evolueze împreună cu părinții lor. Unii editori au absorbit mai multe capacități în ceea ce privește afișarea grafică a informațiilor pe ecran și manipularea codului deja executat. Cealaltă parte a absorbit un număr mare de posibilități pentru evidențierea sintaxei și înlocuirea codului programului în limbi diferite sub formă de text brut. Unele aplicații combină armonios caracteristicile ambilor predecesori.

Editorii de text pentru dezvoltarea Web sunt de obicei numite acele programe care au absorbit cele mai bune calități lucrul cu evidențierea codului și a sintaxelor în diferite limbi. Pentru programarea aplicațiilor de pe Internet pe care le folosesc mijloace speciale dezvoltatori care știu să lucreze cu date HTML, CSS, PHP, JavaScript.

Personal, nu-mi place tot acest dans cu o tamburină. Aș prefera să folosesc un produs de programare gata făcut decât să îl construiesc eu. Dar, aceasta este părerea mea. Poate că pe Internet veți găsi ansambluri speciale gata făcute de vim și linux, create doar pentru dvs., cu suplimente deja incluse, dar versiunea oficială a Vim nu este un instrument special pentru dezvoltarea aplicațiilor pentru Internet, IMHO.

Gedit (Windows, Mac, Linux)

Gedit este un editor mai avansat în comparație cu Vim, creat special pentru managerul de ferestre Gnome pe Linux și ulterior migrat către alte sisteme de operare. Ca utilizator de Linux, am renunțat la utilizarea acestui produs în favoarea altor aplicații din cauza necesității de a dansa peste codificări care nu sunt acceptate în acest editor pe Linux. U persoana normala Doar că nu există timp de pierdut. Toate aplicațiile Linux au această problemă, pentru care nu există o soluție universală.

Din cutie există caracteristici pentru dezvoltatorii web:

    Evidențierea sintaxelor

  • linie rosie

Pluginuri suplimentare care pot fi găsite pe Internet:

    Închiderea automată a etichetelor.

    HTML Code Inspector

    Body Text Generator

    Expresii regulate pentru căutare și corectare automată

    Integrare prin trecerea codului browserului

Pentru utilizatorii de Windows, aceasta este o soluție oarecum neobișnuită, dar pentru iubitorii de sisteme de operare Linux, acesta este un instrument familiar.

Fraise (Mac)

Ușor de utilizat și nu supraîncărcat cu funcționalități, editorul pentru Mac Fraise conține instrumentele necesare pentru dezvoltarea simplă a aplicațiilor pentru Web fără pluginuri suplimentare:

    Evidențierea sintaxelor

    Lucru convenabil cu blocuri

    Căutați și înlocuiți

    Blocuri pentru introducerea rapidă a etichetelor HTML și CSS

    Browser încorporat cu funcție de actualizare automată la înlocuirea stilurilor

    Închiderea etichetelor cu un clic pe un buton.

    Inspector HTML

Acest editor este conceput special pentru Mac și este un bun înlocuitor pentru un editor de text standard. Este o aplicație Smultron, din acest motiv funcționează doar pe versiunile ulterioare de Mac OS, sau cu Smultron instalat.

TextWrangler (Mac)

Medii de dezvoltare profesională și ramurile acestora

Komodo Edit (Windows, Linux, Mac)

Funcționalitatea acestui program este împrumutată dintr-un proiect comercial paralel și este extinsă cu pluginuri suplimentare, făcându-l aproape nelimitat. Dar de ce avem nevoie de la un editor ideal pentru dezvoltarea aplicațiilor Web? Are tot ce aveți nevoie pentru a lucra confortabil cu orice cod de program. Ceea ce nu mă lasă să mă relaxez este că producătorii nu au oferit posibilitatea de a vizualiza codul în două ferestre simultan. Acest lucru face ca lucrul cu codul să nu fie atât de confortabil. Personal, nu-mi place să reinventez roțile și îmi este mai ușor când am deja un cod sursă în fața mea care poate fi îmbunătățit într-o fereastră paralelă.

Capacitățile Komodo Edit sunt limitate în versiunea gratuită, cu o funcționalitate destul de modestă în comparație cu Komodo IDE, dar ceea ce specific Komodo Edit ne poate oferi:

    Suport pentru evidențierea sintaxei în majoritatea limbajelor de programare web

    Etichete de completare automată și de închidere

    Manager de fișiere și manager de proiect.

    FTP este un client care funcționează folosind diferite protocoale.

    Browser încorporat pentru vizualizarea rezultatelor muncii.

    Găsiți și înlocuiți funcții cu expresii regulate.

    Interfață cu mai multe ferestre cu file

    Verificarea corectă a codului html

Funcționalitatea este departe de a fi limitată la asta, așa că satisface orice nevoie. Deși, programul în sine poate părea puțin greoi pentru utilizatorii Linux. Faptul este că un browser încorporat și un client ftp nu sunt exact ceea ce este necesar de la un editor de text. Există programe care fac față acestor sarcini mult mai bine decât soluțiile integrate. De ce am nevoie de un frigider dacă nu fumez? Acest maximalism în implementarea editorului de text ideal, în opinia mea, semnalează o criză în creșterea capacităților Komodo.

Editor Bluefish (Windows, Linux)

Bluefish Editor - poate exista și un analog pentru Mac. Poate singura soluție pentru Linux în ceea ce privește dezvoltarea, care este potrivită pentru rezolvarea oricărei probleme, dar în cazul meu, peștele albastru s-a dovedit a fi foarte greoi și lent atunci când lucrați cu căutare și înlocuire și în toate celelalte cazuri. În general, funcționalitatea programului este similară cu funcțiile Aptana Studio. Acest program este pentru profesioniști. Este imposibil să enumerați toate funcționalitățile sale. Prin urmare, configurarea necesită anumite abilități, pe care se pare că nu le am suficiente pentru a face lucrul cu el confortabil. Principalul dezavantaj al acestui editor, după părerea mea, este încetineala și stângăcia lui, ceea ce ar trebui să mă opresc.

Aptana Studio (Windows, Linux, Mac)

Aptana Studio este un monstru universal și mai neîndemânatic care s-a dovedit în lucrul cu cod pentru Internet. Printre altele, acest program oferă o gamă completă de servicii pentru dezvoltare în general. Implementarea complexă, potrivit unor utilizatori, face ca acest program să fie intimidant pentru neprofesioniști și oarecum lent. Un avantaj suplimentar al utilizării acestui monstru este prezența unui server Web încorporat, care vă permite să vizualizați pagini dinamice cu cod care rulează pe partea serverului. Acest lucru va atrage programatorii care scriu PHP și alte limbaje similare pe partea de server. Personal, m-am săturat puțin de nevoia constantă de a păstra un server cu drepturi depline pe computerul meu și de a muta constant fișierele php în directorul său. În acest sens, Aptana oferă condiții de dezvoltare foarte plăcute. Cum este poziționat acest produs pe site-ul oficial?

    Suport pentru HTML, CSS, JavaScript sub formă de evidențiere, inserare de structuri gata făcute și înlocuire.

    Manager de proiect cu un client pentru lucru prin protocoale ftp.

    Depanator încorporat pentru inspectarea codului html, JavaScript, Rubby&Rails

    Suport Git (controlul versiunilor distribuite) de care ar putea avea nevoie programatorii profesioniști.

    Terminal încorporat acceptat.

    Este posibil să controlați interfața, ceea ce simplifică foarte mult sarcina de a găsi controalele necesare, deoarece elementele neutilizate pot fi ascunse. Ulterior vor fi accesibile prin meniu.

Editori vizuali pentru dezvoltatori WEB

Macromedia Dreamweaver MX.

Macromedia Dreamweaver MX - funcționalitatea completă a acestui program probabil nu este cunoscută nici măcar dezvoltatorilor înșiși. Nu degeaba se vorbește atât de multe despre asta în cărțile pe care le găsești pe rafturile librăriilor despre acest program. Funcționează cu aproape orice date media.

AdobeGolive și Adobe LiveMotion.

Funcționalitate nelimitată pentru dezvoltarea, aspectul și tăierea paginilor. Mulți consideră că funcționalitatea AdobeGolive este insuficientă, dar utilizarea cuprinzătoare a software-ului Adobe este imbatabilă. Acest subiect nu este pentru un articol scurt, ci pentru lucrări în mai multe volume pe Adobe.

Prima pagină Microsoft

Este un mediu de dezvoltare vizuală convenabil, ușor de utilizat. Codul de ieșire nu este curat. (În special, îi place să „vadă” în aspect

pentru propriile lor scopuri malefice). Dar, în același timp, vă permite să lucrați cu diverse date multimedia și nu necesită cunoștințe de abilități speciale, altele decât cunoașterea Ms Word. Aproape fiecare elev se poate descurca fără dificultate. Poate descărca pagini gata făcute prin ftp, dar ca întotdeauna cu MS - printr-un singur loc. În prezent, Front Page în pachetele Microsoft Office a fost înlocuită cu Microsoft Expression Web și Microsoft Office SharePoint Designer.

Există unul străvechi (1997) și chiar ca versiune gratuită FrontPage Express, care produce cod destul de curat, care, însă, nu mai respectă standardele HTML. Dar daca tu o remediere rapidă trebuie să creați un tabel complex - acesta este exact ceea ce aveți nevoie. FrontPage Express nu are un kit de distribuție, funcționează fără instalare.

Editor HTML COFFECUP

Un editor vizual destul de bun, dotat cu cele mai simple funcții de lucru cu informații vizuale. Pe lângă o prezentare vizuală simplă, Coffecup Html Editor este capabil să lucreze cu cod brut.

    Programul conține multe blocuri gata făcute cu cod html pe care le puteți utiliza la discreția dvs., precum și mai multe șabloane de cod pentru CSS în care vă puteți înlocui proprii parametri. Există destul de multe șabloane.

    Există un manager de proiect din cutie

    Puteți lucra cu site-uri prin ftp

    Funcționalitate completă a editorilor de text obișnuiți pentru dezvoltarea internetului

    Abilitatea de a vizualiza fragmente de cod în paralel cu afișarea rezultatului muncii acestui segment.

În general, implementarea nu este rea, există un browser încorporat. Ceea ce nu mi-a plăcut la acest program este că Coffecup violează fără rușine codul de ieșire și nu este foarte stabil. Ca alternativă, am ales NVU pentru mine. De fapt, niciunul dintre programe nu este potrivit pentru un aspect cu drepturi depline, dar este potrivit pentru rezolvarea problemelor de umplere a site-urilor cu informații, fără a fi nevoie să încorporați manual texte și imagini prin intermediul editorilor de text.

COFFECUP Visual Site Designer

O aplicație similară numai fără posibilitatea de a edita codul. Un editor pur vizual cu o funcționalitate foarte modestă, care nu este potrivit pentru programare cu drepturi depline.

Nvu

NVU - nu vor exista cuvinte inutile aici cu privire la funcționalitatea specială a programului. Voi ajunge direct la subiect. De ce mi-a plăcut acest editor? Îmi place faptul că este complet controlat de utilizator. Totul este la fel în CoffeCup, dar mi-a plăcut mai mult Nvu. În plus, funcționează mai stabil și mai rapid. Există puțin mai puține fragmente de cod în Nvu, așa că va conține unele efecte speciale sau scripturi CSS. Dar cine are nevoie de această mizerie? Personal, eu, la fel ca majoritatea programatorilor simpli, am nevoie de un editor vizual gratuit doar pentru a rezolva probleme simple legate de completarea site-urilor statice cu informații, fără a fi nevoie să mă adâncesc în codul paginii. Există și posibilitatea de a edita fișiere pe ftp, care este, de asemenea, foarte utilă atunci când lucrați cu fișiere statice. Ca editor vizual pentru crearea de pagini Web, Nvu este destul de limitat.

WYSIWYG WEB Builder

Construim site-uri rapid și distractive.

WYSIWYG WEB Builder - condiționat program gratuit, care oferă utilizatorilor o gamă completă de opțiuni pentru construirea de site-uri web, fără cunoștințe de limbi și coduri speciale. Puteți, după cum se spune, să schițați un site web gata făcut în câteva minute, pur și simplu făcând clic pe elementele care vă plac și trăgându-le pe pagina site-ului. Cu toate acestea, programul conține, de asemenea, instrumente pentru crearea de forme complexe, stiluri și introducerea diferitelor obiecte din proiectul Internet și site-ul web.

Programul pentru dezvoltarea de site-uri web folosind tehnologia WYSIWYG WYSIWYG WEB Builder 8.5.1 a fost deja lansat Programul este livrat în modul shareware. Această versiune, comparativ cu versiunea anterioară, introduce 50 de completări și 150 de funcții noi declarate de producător. În total, această versiune conține aproximativ 250 de soluții gata făcute, multe șabloane gata făcute și chiar propriul CMS, care funcționează din rețea. Pentru a testa site-ul, nu aveți nevoie de altceva decât de editorul în sine, tot ceea ce aveți nevoie este încorporat în acest produs de la Pablo Software Solutions.

S-au anunțat elemente noi în versiunea 8.5.1

    Suport HTML5/CSS3

    Sistem de management al conținutului (CMS) încorporat

    Carusel

    Manager de teme cu suport jQuery

    Noi funcții de navigare etc.

Functii principale.

    WYSIWYG, DRAG&DROP (Editor vizual, tragerea obiectelor pe pagina proiectului dintr-un meniu special)

    Nu sunt necesare cunoștințe de limbaj de marcare a paginii

    Formate de ieșire: HTML4, HTML5, XHTML, CSS3, PHP

    Manager de stil cu suport pentru etichete standard

    Flash, HTML5 multimedia, Youtube, Video Flash etc.

    Prezentări de diapozitive, meniuri de defilare și alte elemente.

    Navigare convenabilă.

Sistem de management al conținutului

CMS-ul din acest pachet include multe caracteristici, pe care le vom descrie pe scurt:

    Panoul de administrare.

    Suport încorporat pentru editorii de text populari pentru CMS

    Suport pentru plug-in-uri suplimentare

    Meniu separat pentru diferite obiecte din proiect

    Funcții de căutare încorporate pentru căutarea conținutului online

    CMS funcționează folosind tehnologia AJAX. Acest lucru facilitează navigarea în cadrul proiectului

    CMS conține capacitatea de a prezenta pagini ca miniaturi

    Abilitatea de a încorpora pagini externe în proiect

Suport HTML5/CSS3

Suportul pentru standarde moderne vă permite să implementați proiecte la un nivel înalt, fără a utiliza soluții complexe greoaie. CSS3 și HTML5 vor ușura site-ul și îl vor face pe deplin funcțional fără a utiliza aplicații terțe, altele decât browserul. Conform conceptului WYSIWYG, utilizatorul nu trebuie să cunoască limbaje de marcare și tabele în cascadă. Tot ce trebuie să faceți pentru a crea un obiect HTML5 sau pentru a aplica un efect CSS3 este să faceți clic pe exemplul unui obiect sau efect care vă place în meniul aplicației. Producătorii au anunțat următoarele soluții gata făcute pentru site-uri web:

Peste 250 de soluții gata făcute pentru site-ul dvs. care sunt ușor de aplicat la proiectul dvs.

Web Page Maker

În prezent, 3.21 este cea mai recentă versiune shareware a unuia dintre binecunoscutele editoare web WYSIWYG, care are o funcționalitate destul de simplă pentru a crea site-uri web simple. Cu toate acestea, acest instrument vă permite să implementați rapid și fără cunoștințe speciale un șablon pentru un viitor șablon de site web sau chiar să creați proiecte întregi care pot fi trimise imediat la găzduire prin intermediul clientului FTP încorporat.

Această versiune are un dezavantaj important pe care este implementată Limba engleză, ceea ce face ca lucrul cu cod în esență simplu să fie destul de confuz, deoarece editarea elementelor grafice prin interfața de fereastră încorporată mi s-a părut absolut de neînțeles. Cu toate acestea, dacă înțelegeți sistemul de control al acestui program, veți găsi că este destul de confortabil să lucrați cu el. În aparență, programul pare destul de simplu, meniul nu este supraîncărcat, dar interfața nu poate fi numită intuitivă. Dar producătorul face și afirmații destul de modeste despre produsul său.

Descriere produs

WEB Page Maker este un editor web ușor de utilizat, care vă va permite să creați și să încărcați pagini web pe găzduirea dvs. în câteva minute, fără cunoștințe de HTML. Doar selectați elementul care vă place din meniu și trageți-l în locația dorită de pe pagină. Asta este adevărat. Puteți plasa elemente oriunde pe pagină. Pachetul principal include mai multe șabloane, cu ajutorul cărora vă puteți da seama cum să configurați acest sau acel obiect, băgând puțin mouse-ul pe pagină și jucându-vă cu valorile. Pachetul include un selector de culori, o bibliotecă de soluții JavaScript, o bibliotecă de imagini și un client FTP.

Functii principale
Concluzie

Aceasta este o descriere adecvată a ceea ce este capabil acest mic editor. Timp de 15 zile îl poți încerca complet gratuit. Dacă achiziționați versiunea plătită, vi se vor oferi o serie de șabloane, efecte și formulare suplimentare, dar acest lucru nu va oferi suport pentru HTML5 și gradienți CSS complexe.

Cu toate acestea, unele funcții și efecte pot fi foarte utile atunci când lucrați pe paginile terminate. Puteți crea un meniu, puteți adăuga efecte de evidențiere când treceți cu mouse-ul peste unele elemente, puteți crea un formular sau un buton de plată PayPal. Dar, în general, pentru a crea pe deplin proiecte complexe, acest software va trebui în continuare să crească și să își modernizeze funcționalitatea în conformitate cu standardele mai moderne HTML5 și CSS3. Ultima versiune Web Page Maker pare puțin depășit.

Să încheiem

Am aruncat o privire la cele mai cunoscute aplicații gratuite pentru lucrul cu cod în format text, ne-am uitat la niște editori vizuali și am aprofundat în esența celor disponibile aplicatii platite. Despre ce concluzie se poate trage software pentru dezvoltatorii web de astăzi?

Programele universale, greoaie pentru dezvoltatori sunt prea lente și neîndemânatice și sunt pline de erori. Prin urmare, utilizatorii preferă programele mici care își îndeplinesc bine funcțiile.

Niciun program nu este capabil să creeze o aplicație nouă de înaltă calitate pentru Internet pe cont propriu, fără modificări. Aspectul ideal este posibil numai atunci când programatorul își folosește cunoștințele și nu are încredere în programe.

Programatorii profesioniști, folosind instrumente simple la îndemâna oricui, vor putea crea o aplicație de internet cu drepturi depline, fără utilizarea unui software proprietar.

Puteți accelera procesul de completare a site-urilor statice cu informații folosind editori vizuali simpli precum Nvu, care sunt disponibile gratuit.

Pentru designerii profesioniști, este potrivită o soluție de la Adobe în combinație cu alte programe de la acest producător.

Dreamweaver este foarte potrivit pentru rezolvarea sarcinilor rapide de layout. Dar codul va trebui modificat independent, folosind cele mai simple programe - editori de text.

Epilog

În concluzie, vreau să mai spun câteva cuvinte despre software-ul pentru programatorii Web. Doar unele programe care sunt potrivite pentru lucrul cu cod au fost discutate aici.

Ele diferă ca scop și funcționalitate. Nu rezolvă o singură problemă, așa că, în fiecare caz specific, unul dintre programe nu va ajunge în locul în care l-am alocat.

Fiecare web designer și programator are nevoie de un editor bun de pagini web pentru a crea și edita codul HTML, CSS și JavaScript. Notepad (Windows) și TextEdit (Mac) sunt instrumente excelente pentru început, dar pe măsură ce câștigați mai multă experiență, veți dori să utilizați un instrument mai robust și mai ușor de utilizat.

Există sute de editori excelenți din care îl puteți alege pe cel potrivit, dar mulți dintre ei sunt plătiți. Ce se întâmplă dacă nu doriți să încălcați drepturile de autor, dar bugetul dvs. nu are fonduri pentru a cumpăra un produs comercial? Acest articol analizează câteva editoare gratuite excelente.

  • Editori WYSIWYG. Acestea sunt editori grafici care vă permit să construiți un aspect de pagină și să setați stiluri vizual, ca în binecunoscutul procesor de text MS Word. Sunt un instrument convenabil pentru construirea unui design de pagină, deși, după cum știe orice web designer experimentat, codul trebuie încă modificat pentru a obține un rezultat excelent.
  • Editori de text. Acesta este un instrument pentru editarea directă a codului HTML și CSS. Unele editori sunt de uz general și nu au opțiuni speciale pentru suport pentru codul web. Alții sunt specializați în utilizarea limbilor web precum HTML, CSS, JavaScript și PHP și au proprietăți încorporate pentru introducerea rapidă a etichetelor HTML, proprietăților CSS și așa mai departe. Multe dintre aceste editoare vă permit să vizualizați o pagină web într-o fereastră separată.

KompoZer (Windows, Mac, Linux)

KompoZer - buna alegere dacă aveți nevoie de un editor vizual cu un buget limitat

Komodo Edit este un editor bun, ușor de învățat, dar puternic și extensibil

Deși este un editor de uz general, acceptă HTML și CSS și are completare automată contextuală pentru etichete HTML și proprietăți CSS, precum și o colecție de inserții de cod pentru diferite elemente HTML. Pentru a profita la maximum de Komodo, trebuie să instalați extensia HTML Toolkit, care conține funcții minunate precum etichetele de închidere automată, previzualizarea aspectului CSS și un generator de text temporar.

Komodo Edit vă permite să vizualizați paginile pe care le editați în orice browser instalat sau să utilizați browserul încorporat într-o fereastră separată, astfel încât să puteți edita și să vedeți rezultatele modificărilor dvs. în același timp.

Editorul are o funcție încorporată pentru încărcarea fișierelor pe site (FTP, FTPS, SFTP sau SCP) și, de asemenea, vă puteți grupa corect fișierele folosind opțiunea de manager de proiect.

Funcție foarte utilă Cod > Selectați Blocare. Evidențiază blocul HTML principal curent, cum ar fi elementul div sau ul închis în prezent. O funcție foarte convenabilă atunci când trebuie să selectați o secțiune întreagă pe o pagină pentru copiere sau mutare.

Komodo Edit are o mulțime de funcții puternice și utile, cum ar fi utilizarea expresiilor regulate pentru găsirea/înlocuirea, capacitatea de a executa comenzi externe și așa mai departe. Din fericire, editorul are, de asemenea, un sistem de ajutor bun care facilitează învățarea puterii Komodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio este un mediu complet integrat de dezvoltare a aplicațiilor web, cu un set mare de pluginuri. Deși îl puteți folosi doar ca editor de cod HTML/CSS/JavaScript

Notepad++ este un înlocuitor excelent pentru Notepad pe Windows. Deși nu are atât de multe opțiuni ca alți editori, este excelent pentru editarea fișierelor HTML, CSS, JavaScript și alte coduri

PSPad este un alt editor de uz general pentru Windows, cu o gamă largă de caracteristici utile pentru codificatorii HTML și CSS

jEdit este un editor de text multiplatformă cu funcții puternice de comandă macro și plugin. Instalați pluginul XML dacă trebuie să editați pagini web

TextWrangler este un editor ușor de uz general. În ciuda lipsei de funcții speciale pentru dezvoltarea web, poate fi folosit pentru a lucra cu pagini web.

Vim este cu siguranță greu de învățat, dar odată ce treci de provocări, nu vei mai dori să te întorci!

Bunicul editorilor de text pentru programatori, Vim (un descendent direct al editorului vi) este un editor de text pentru consolă open-source. Este editorul implicit pentru aproape toate versiunile Unix, inclusiv Linux și Mac OS X. Este disponibil și pentru utilizare pe Windows și multe alte sisteme.

Vim nu este un sistem pe care îl puteți instala și începe să îl utilizați imediat, fără să fi lucrat vreodată cu el. Majoritatea comenzilor de editare includ combinații ciudate precum :wq și / . De asemenea, are trei moduri de editare: mod inserții, în care este introdus text; vizual modul de selectare a textului; Și comanda modul de introducere a comenzilor. Această funcționalitate este o moștenire a Unix din zilele în care nu existau ferestre și mouse.

De ce era pe listă? Dacă îl stăpânești, te vei convinge de viteza și puterea lui. Cu câteva comenzi, puteți face în câteva secunde ceea ce ar putea dura minute în alte editoare.

Există un număr mare de macrocomenzi și pluginuri pentru Vim care facilitează lucrul cu codul HTML, CSS și JavaScript, inclusiv evidențierea sintaxelor, completarea automată, HTML Tidy și vizualizarea browserului. Iată o listă mare de link-uri utile:

  • Completare automată Vim Omni
  • Editare HTML/XHTML în Vim
  • pagina principala

Fraise (Mac)

Fraise este un editor intuitiv pentru Mac, cu un set de funcții suficiente pentru editarea web

La fel ca TextWrangler și gedit, Fraise este un editor minunat, ușor, care este o plăcere de utilizat. Este o furcă de la editor. Este relativ nou și nu are un server web adecvat. Momentan este acceptat doar pe Mac OS X 10.6 (Snow Leopard), ceea ce înseamnă că dacă rulați versiunea 10.5 va trebui să descărcați Smultron.

Fraise are câteva opțiuni excelente pentru editarea web:

  • Evidențierea codului pentru HTML, CSS, JavaScript, PHP și alte câteva limbaje de programare.
  • Comanda Închidere etichetă (Comandă-T) pentru a închide eticheta curentă. Acest lucru economisește cu adevărat timp atunci când introduceți liste.
  • Previzualizare convenabilă în browserul încorporat (folosind WebKit), cu o opțiune de actualizare live foarte convenabilă? care actualizează browserul de îndată ce marcajul și CSS-ul de pe pagina care este editată s-au schimbat.
  • Opțiunea de căutare avansată, care acceptă căutarea/înlocuirea folosind expresii regulate.
  • Suport pentru blocuri pentru a introduce rapid etichete HTML și proprietăți CSS.
  • Câteva comenzi utile pentru manipularea textului, cum ar fi validarea HTML și conversia caracterelor în elemente HTML.

Fraise merită explorat dacă utilizați un Mac și doriți un editor ușor de utilizat, cu mai multe capabilități decât TextEdit încorporat.