NeonHTML - Redaktues falas HTML dhe CSS me mjete vizuale. Ndryshon në funksionalitetin e mjeteve. Mbështet XHTML. Ju lejon të redaktoni shpejt dhe rehat: theksimi i sintaksës, etiketimi vizual në dialog. Shumica e mjeteve kanë një pamje paraprake, ndryshimi i parametrave ndikon menjëherë në shfaqjen në pamjen paraprake. Ekziston një shfletues i integruar me imitim të rezolucioneve dhe shkallëve të ndryshme. Mjeti i Optimizimit të Motorit të Kërkimit (SEO) dhe Kontrolluesi i renditjes së faqes në internet. Mjeti i variacionit të tekstit do të ndihmojë me promovimin. Punë shumë e mirë me ngjyrat - një paletë e krijuar posaçërisht si në redaktuesit grafikë, një listë ngjyrash të fundit, një listë ngjyrash faqesh, redaktim i shpejtë i ngjyrave me një klik, krijimi i menjëhershëm i parametrave të stilit me një zgjedhje ngjyrash, ngjyra doker. Mjetet ndërveprojnë me njëri-tjetrin, kjo arrin një varësi të shpejtë ndaj ndërfaqes, komoditet dhe shpejtësi të lartë të punës. Nuk e zëvendëson tastierën aty ku nuk nevojitet. Nuk përmban koshin e menysë.
________________________________________________________________________________
Mbështetje për formatet kryesore të skedarëve - html, css, js, php, shtml, txt dhe çdo skedar teksti të thjeshtë
Standardizuar për aftësinë për të redaktuar XHTML
Mbështet kodimet Windows-1251, UTF-8, KOI8-R, KOI8-U. Konvertimi i një faqe në një kodim tjetër me transformimin e meta etiketës
Hapja e shumë dokumenteve në një program
Motori i kërkimit dhe optimizimi kontekstual. Mjeti do të tregojë se si do të duket faqja në përgjigjen e motorit të kërkimit, çfarë do të shohë motori i kërkimit gjatë indeksimit, vlerësimi i frekuencës së fjalëve, redaktimi i titullit, përshkrimit dhe fjalëve kyçe, lundrimi i shpejtë në shërbime të ndryshme të Google dhe Yandex, kontrollimi i shpejtë i TCI dhe PR, një mjet për ndryshim teksti, etj.
Mjeti vizual për krijimin e tabelave do t'ju lejojë të zgjidhni numrin e qelizave dhe të bashkoni shpejt qelizat me miun
Shfletues i përshtatshëm i integruar i bazuar në Internet Explorer me funksione shtesë për korrigjimin e faqeve
Redaktori i tekstit ju lejon të zgjidhni vizualisht ngjyrën, stilin, madhësinë e shkronjave. Pa menduar për etiketat, do të merrni kodin HTML të tekstit (për fillestarët, nuk zëvendëson redaktimin manual)
Ngjitja e shpejtë e parametrave CSS në formën e një menuje dhe një liste pop-up do të futë parametra të ndryshëm në stil. Për më tepër, nëse parametri supozon zgjedhjen e një ngjyre, një fonti ose një shteg skedari, mjetet dhe dialogët përkatës thirren automatikisht.
Mjeti vizual i krijimit të fontit ofron shumë opsione stili dhe një pamje paraprake të menjëhershme të rezultatit. Zgjedhja e sfondit të pamjes, mbështetja për klasat, ruajtja e cilësimeve si paracaktime të shkronjave, futja e tekstit për të parë rezultatin. Mjeti gjeneron një stil të shkurtër ose të plotë dhe etiketat e kërkuara
Puna me ngjyra në faqe është bërë më e përshtatshme. Me listat e ngjyrave më të fundit dhe të gjitha ngjyrave në një dokument, ju mund ta mbani me lehtësi një faqe në një ngjyrë. Një menu me ngjyra është e integruar në të gjitha mjetet që duhet të punojnë me ngjyra. Paleta e përmirësuar (jo standarde) e krijuar posaçërisht për zgjedhje të lehtë të ngjyrave
Shikim i përshtatshëm i burimeve të faqes me një klikim në lidhje - qoftë foto, film flash, tabelë e jashtme CSS ose një faqe tjetër. Ai gjithashtu hap CSS dhe faqet për redaktim në një redaktues të ri. Dhe mbështetja për teknologjinë drag-and-drop ju lejon të futni një foto si etiketë ose sfond thjesht duke e hedhur atë nga një dosje në redaktues
Lundrimi nëpër dokument në formën e një peme etiketash hierarkike do t'ju ndihmojë të lundroni te etiketa e dëshiruar. Me ndihmën e tij, ju mund të identifikoni gabimet në strukturën logjike të dokumentit.
Mbledhja automatike e klasave të faqeve dhe CSS e jashtme nga lidhjet. Në çdo mjet ose vend kodi ku ju nevojitet një klasë - thjesht zgjidhni atë nga lista rënëse
Regjistri i mesazheve do t'ju ndihmojë të zbuloni dhe të mos harroni përdorimin e mjeteve në situatën e duhur
Eksporton faqen dhe CSS në një formë të ngjeshur me ruajtjen e plotë të funksionalitetit të mëparshëm. Kjo pastron dokumentin nga hapësirat e panevojshme, dhëmbëzimi, ndërprerjet e rreshtave, etj.
Përdorimi i copave të kodit. Tani mund të krijohet një bosh nga përzgjedhja. Sidomos boshllëqet kërkohen kur redaktoni një faqe të tërë dhe kur gjeni kode të dobishme kur këto kode duhet të mbahen mend urgjentisht
Kontrollimi i kodit për gabime të mëdha - etiketa të panjohura dhe të pambyllura, lidhje të prishura dhe boshe, gabime në ndërtimin e tabelës. Edhe nëse jeni të sigurt në njohuritë tuaja për HTML, faqja mund të mos funksionojë në mënyrë të parëndësishme për shkak të një gabimi të gjuhës dhe mund të jetë mjaft e vështirë ta gjeni vetë.
Paneli i skedarit në të majtë për të zgjedhur skedarët në dosjen aktuale
Krijoni lidhje me një stil të zgjedhur ose krijoni një klasë për katër gjendje (të përgjithshme, të thjeshta, të përdorura, kursori mbi të).
Kompleti më i mirë i softuerit të redaktuesit HTML në kohë reale me pamje paraprake vizuale dinamike të menjëhershme dhe redaktues inline WYSIWYG duke përdorur funksionin CKEditor dhe pastrimin e shënjimit. Përfshin një shikues HTML, redaktues, kompresor, zbukurues dhe formatues të thjeshtë. Është e pamundur të krijosh kod të pavlefshëm me këtë mjet.
Si të përdorni redaktuesin HTML?
Aktivizoni lëvizjen automatike. Të dy redaktorët do të lëvizin së bashku kur ky opsion është i aktivizuar.
Rregulloni madhësinë e shkronjave sipas preferencave tuaja.
Ekzekutoni të gjitha opsionet që janë të kontrolluara në cilësimet (shih ikonën e ingranazheve më lart).
Karakteristika të tjera të rëndësishme redaktimi
Ju mund t'i provoni këto veçori të redaktuesit HTML për të praktikuar dhe për të maksimizuar efikasitetin e kodimit.
- Konvertuesi i dokumenteve- Për të kthyer çdo dokument vizual si Excel, PDF, Word në HTML, thjesht ngjitni dokumentin në redaktuesin vizual dhe shënimi do të shfaqet menjëherë në të djathtë.
- Redaktori i tekstit në internet- Hartoni dokumente, ashtu si në një redaktues teksti të pasur. Përdorni panelin e kontrollit për të përfshirë imazhe, tabela, tituj, lista dhe artikuj të tjerë në letrën tuaj.
- Kopjo - ngjit- Redaktori nuk do t'ju lejojë të ruani dokumentet. Për këtë ju duhet të kopjoni kodin tuaj të krijuar në një skedar teksti bosh, ndryshoni shtrirjen e tij në .html dhe hapeni në një shfletues uebi.
- Puna me tabela- Duke përdorur panelin e redaktuesit WYSIWYG mund të krijoni një tabelë të çdo dimensioni me vetëm 2 klikime. Ekziston një opsion pastrimi për t'i kthyer ato në etiketa të stiluara DIV.
- Zhbër- Të dy redaktorët kanë këtë funksion i cili lejon kthimin e dokumentit në gjendjen e mëparshme, dmth. para se të kryhet pastrimi.
- Demo interaktive- Merrni një turne me 4 hapa duke kaluar nëpër veçoritë duke klikuar Turne e shpejte artikulli i menysë. Mësoni si të përdorni redaktorin dhe eksperimentoni me tekstin demo.
Kurrë nuk harrojmë:
- Bëni një kopje rezervë përpara se të përdorni këtë mjet për t'u siguruar që mund të ktheheni gjithmonë në dokumentin tuaj origjinal.
- Kontrolloni gjithmonë kodin tuaj përpara se ta publikoni në një faqe interneti të drejtpërdrejtë.
- Ky redaktues kurrë nuk e ruan ose dërgon dokumentin tuaj, të gjitha operacionet kryhen në kompjuterin tuaj lokal.
- Ashtu si shumica e faqeve të internetit, kjo përdor cookie.
Stilimi i tavolinës div
Sigurohuni që të aplikoni kodin CSS më poshtë kur publikoni tabela të konvertuara në elementë div. Provoni stiluesin interaktiv të tabelave në internet i cili mund të gjenerojë rrjete si nga elementët div ashtu edhe nga tabela. Këto të dyja mbështeten nga ky redaktues.
Ju lutemi vini re se emrat e klasave të përdorura nga ne janë paksa të ndryshëm nga ato të përdorura nga DivTable.com.
.rTabela (ekrani: tabela; gjerësia: 100 % . px 10px; kufiri: 1 px solid # 999999; ) .rTableHeading (ekrani: grupi i kokës së tabelës; ngjyra e sfondit: #ddd; pesha e shkronjave: e theksuar;) ) .rTableBody (ekrani: tabela-rresht-grupi;)Klikoni dhe kopjoni kodin nga fusha më poshtë: .rTable (ekrani: tabela; gjerësia: 100%;) .rTableRow (ekrani: rreshti i tabelës;) .rTableHeading (ngjyra e sfondit: #ddd; shfaqja: grupi-header-tabela ;) .rTableCell, .rTableHead (ekrani: qeliza tabele; mbushja: 3px 10px; bordi: 1px solid # 999999;) .
Ka shumë funksione në redaktuesit HTML, por jo të gjithë mund të jenë të dobishëm për ju. Ne kemi lënë vetëm më thelbësoren prej tyre. Tabela më poshtë tregon funksionet kryesore të redaktuesit vizual që ne përdorim vetë dhe që do t'ju duhen patjetër. Ne do t'ju tregojmë jo vetëm atë që është e dobishme për ju, por edhe pse.
Funksionet kryesore
Tabela e veçorive kryesore të shërbimit. Një ikonë shfaqet në kolonën e majtë, emri i funksionit është dhënë në mes dhe përshkrimi i tij është në të djathtë.
| Formati... | Theksimi i titullit të tekstit (etiketa h1), nëntitujve (etiketës h2), nëntitujve të nivelit 3 (etiketa h3) dhe tekstit të thjeshtë (përdoret si parazgjedhje) (etiketa P). Formatimi i specifikuar ka një ndikim të fortë në promovimin e faqeve në motorët e kërkimit. Prandaj, nuk rekomandohet përdorimi i llojeve të tjera të formatimit të disponueshëm në këtë funksion. | |
| E guximshme | Theksimi i një fragmenti teksti me shkronja të zeza (etiketë e fortë). Frazat, fjalitë ose paragrafët më të rëndësishëm duhet të theksohen me shkronja të zeza. Etiketa e fortë përdoret nga motorët e kërkimit kur renditet një faqe, por ndikimi i saj nuk është aq i fortë sa ai i titujve. | |
| Lista e numëruar | Krijimi i listave të numëruara (etiketat ol, li). Listat e tilla duhet të krijohen kryesisht për lehtësinë e lexuesit, gjë që do të ketë një efekt pozitiv në faktorët e sjelljes. | |
| Lista me pika | Krijimi i listave me pika (etiketat ul, li). Ndryshe nga listat e numëruara, renditja e artikujve është e parëndësishme këtu. | |
| Citim | Ne shënojmë një pjesë të tekstit si thonjëza (etiketa blockquote). Etiketa blockquote duhet të përmbajë tekst të huazuar nga burime të tjera. | |
| Lidhje | Futni një hiperlidhje në një faqe tjetër siti ose faqe (një etiketë). Ndihmon lexuesit të marrin më shumë informacion kur klikojnë në një lidhje. Dhe motorët e kërkimit do të rrisin renditjen e faqes në të cilën të çon lidhja. | |
| Imazhi | Fut një imazh. Fillimisht fotografia duhet të ngarkohet në internet dhe të ketë një adresë. Duhet të specifikoni "Alt Text" në kutinë e dialogut. | |
| tabela | Fut një tabelë. Nëse teksti përmban të dhëna të strukturuara, atëherë është më mirë t'i paraqisni ato në formën e një tabele. | |
| Karakter i veçantë | Futni karaktere që nuk disponohen në tastierën standarde. Për shembull: ®, ™, ¥, ½. |
Dhe është e gjitha? Pse ka kaq pak karakteristika?
Kodi HTML është shumë i pasur me veçori dhe ju mund të shtoni pothuajse çdo gjë në të. Shtrohet pyetja vetëm, a është vërtet e nevojshme?
Për shembull, gjëra të tilla si formularët (etiketa e formës), fusha e tekstit, kutia e kontrollit, butoni i radios (etiketa hyrëse) e kështu me radhë mund të jenë në sajt nëse vetëm ato ndërveprojnë në mënyrë adekuate me "motorin" e sajtit. Domethënë, për të kryer funksionin e caktuar për ta: lini një koment, votoni, etj. Dhe kjo kërkon aftësi programuese. Përndryshe, ky funksionalitet vetëm do të mashtrojë përdoruesit dhe do të shkaktojë acarim kur përdorni faqen tuaj.
Nëse, përveç sa më sipër, dëshironi të dekoroni tekstin tuaj me elementë të tillë të dizajnit si:
- shkronja të ndryshme,
- vija me shumë ngjyra,
- shkronja të mëdha,
- rreshtimi i tekstit nuk është i paracaktuar,
- drejtimi i tekstit nga e djathta në të majtë,
- emoticons,
- dhe kënaqësitë e tjera të stilistëve.
Se një tekst i tillë do ta kthejë faqen tuaj në një pemë të Vitit të Ri që do të kënaqë vetëm familjen dhe miqtë tuaj. Shumë sajte të njohura nuk përfitojnë plotësisht nga aftësitë e pasura të formatimit të përmbajtjes së HTML.
Mundësitë e disponueshme në shërbimin tonë do t'ju ndihmojnë të dizajnoni artikullin tuaj në atë mënyrë që të frymëzojë besimin e lexuesve të tij dhe motorëve të kërkimit. Nëse vërtet dëshironi të nënvizoni një pjesë të caktuar të tekstit me një stil tjetër, atëherë është më mirë ta bëni këtë duke përdorur skedarin style.css.
Redaktori në internet WYSIWYG html
Redaktori ynë html ka veçorinë WYSIWYG, fjala është një shkurtim nga anglishtja. W kapelë Y ou S ee Unë s W kapelë Y ou G et, e përkthyer fjalë për fjalë "ajo që shihni është ajo që merrni". Kjo veçori lejon në procesin e redaktimit të shfaqni përmbajtjen e materialit sa më afër që të jetë e mundur me atë që merrni në faqen tuaj kur futni fragmentin e kodit html të marrë nga "burimi" (butoni).
Jini të mençur - luani lojëra normale !!!
- Kombinimi i strategjisë dhe RPG;- Grafika të lezetshme në Full HD pa frena;
- Botë e madhe, liri e plotë;
- Dhurata bujare për lojtarët e rinj.
Sidoqoftë, duhet të mbahet mend se faqja juaj ka stile për elementë të ndryshëm teksti (tituj, lista, paragrafë, imazhe). Në mënyrë tipike, këto stile ruhen në skedarin style.css. Pa e lidhur këtë skedar, domethënë pa vendosur kodin html që rezulton në faqen tuaj, nuk mund të jeni 100% i sigurt për besueshmërinë e rezultatit të dukshëm. Kjo deklaratë është e vërtetë për të gjithë redaktuesit e kodit vizual.
Konvertimi nga fjala në html
Shërbimi ynë mund të përdoret për të kthyer tekstin nga skedari Word në formatin html. Për ta bërë këtë, duhet të kopjoni fragmentin e nevojshëm nga fjala, dhe duke klikuar butonin "Ngjit nga Word" në shërbimin tonë, ngjisni fragmentin e kopjuar në kutinë e dialogut që shfaqet.
Ndryshe nga konvertuesit e tjerë të ngjashëm, shërbimi ynë pastron formatimin e fjalëve, duke lënë vetëm më të nevojshmet:
- Titulli i tekstit (etiketa h1).
- Nëntitulli (etiketat h2, h3).
- Paragrafi / Tekst i thjeshtë (etiketa P).
- Shkronja e theksuar (etiketë e fortë).
- Lista e numëruar (etiketat ol, li).
- Lista me pika (etiketat ul, li).
- Kursi (em tag).
- Lidhja (etiketa a).
- Tabela.
- Karakter i veçantë.
Kjo do të thotë, praktikisht nuk keni nevojë të pastroni kodin e panevojshëm html nga materiali juaj. Mjafton të formatoni siç duhet tekstin në redaktorin Word, ta shndërroni atë në format html duke përdorur shërbimin tonë dhe menjëherë do të merrni rezultatin e përfunduar.
Një redaktues HTML është gjëja e parë që ju nevojitet për të filluar krijimin e faqeve në internet duke përdorur HTML dhe CSS. Ka shumë redaktorë HTML pa pagesë atje, dhe zgjedhja e njërit mund të jetë një detyrë e frikshme.
HTML është mjaft i thjeshtë dhe për këtë arsye mund të filloni të punoni në faqet tuaja të internetit duke përdorur një redaktues të thjeshtë teksti si Notepad, WordPad ose çfarëdo tjetër. Ju gjithashtu mund të shkoni më tej dhe të përdorni një nga redaktuesit më të fuqishëm si Coffecup, Notepad ++, Brackets, Notetab ose BlueGriffon. Avantazhi i përdorimit të redaktuesve më të avancuar dhe funksional është se ju merrni më shumë mjete që mund të shpejtojnë në mënyrë dramatike procesin e shënjimit dhe krijimit të përmbajtjes.
Pavarësisht nëse po kërkoni të krijoni blogje dhe artikuj që janë të mirëformatuar për t'u lexuar nga shfletuesit, ose po planifikoni të ndërtoni një faqe interneti plotësisht funksionale duke përdorur HTML dhe CSS, zgjedhja e redaktorit të duhur do të rrisë ndjeshëm produktivitetin tuaj. Zhvilluesit profesionistë të uebit shpenzojnë një kohë të konsiderueshme duke zgjedhur redaktorin dhe mjetet që i përshtaten më mirë nevojave të tyre dhe rrisin produktivitetin.
Cili redaktues falas HTML është i duhuri për ju?
Përgjigja për këtë pyetje varet tërësisht nga kërkesat tuaja, nga produkti që synoni të krijoni duke përdorur HTML, nga niveli juaj aktual i njohurive të kësaj gjuhe shënjimi nëse keni ndërmend të mësoni thjesht. Meqenëse shumica e këtyre redaktuesve janë falas, mund ta ngushtoni listën në 2-3, të provoni funksionalitetin e tyre bazë dhe më pas të vendosni se cili ju pëlqen më shumë.
Plus, pothuajse çdo redaktues i listuar në këtë artikull mbështetet në shumë sisteme operative, duke përfshirë Windows, Linux dhe Mac, kështu që nuk duhet të shqetësoheni për pajtueshmërinë.
Vini re se shumica e nevojave tuaja editoriale mund të plotësohen lehtësisht nga Notepad ++ për Windows, Brackets për Mac (ky redaktues mbështetet gjithashtu për Linux dhe Windows), ose Coffecup dhe Notetab. Sidoqoftë, nëse po planifikoni të krijoni një faqe interneti komplekse, duhet të shkoni për një IDE plotësisht të paraqitur si Eclipse.
Nga ana tjetër, nëse thjesht dëshironi të luani me HTML dhe CSS, ka shumë redaktues në internet në shërbimin tuaj ku mund të shkruani kodin HTML dhe të shihni rezultatin menjëherë.
Le të hedhim një vështrim në 10 redaktorët më të mirë të HTML që janë të lehtë për t'u përdorur, janë të pasura dhe të njohura me zhvilluesit e uebit.
1. Notepad ++ (redaktori më i mirë HTML falas për Windows)
notepad-plus-plus.org Ky redaktues është i disponueshëm vetëm për përdoruesit e Windows, kështu që nëse keni një Mac ose Linux, atëherë lëvizni poshtë. Notepad ++ është redaktori më i mirë HTML pa pagesë që mund të instaloni në kompjuterin tuaj Windows. Në pamje të parë, duket shumë elementare, por është një nga redaktorët më kompleksë dhe në të njëjtën kohë më të lehtë për t'u përdorur.
Shumica e aftësive të shkëlqyera të Notepad ++ ofrohen nga shtojcat e palëve të treta, duke përfshirë PreviewHTML, shtojcën e etiketave HTML për theksimin e etiketave, Tidy2 për dhëmbëzimin dhe shumë të tjera.
Karakteristikat kryesore të Notepad ++ janë një ndërfaqe tabelare për të punuar me shumë skedarë në të njëjtën kohë, palosja dhe theksimi i sintaksës shumë i lehtë, GUI i personalizueshëm (me një opsion minimalist), tabelat me një buton mbylljeje, tabela vertikale, shumëgjuhësia (d.m.th. ju mund të personalizoni ndërfaqen në anglisht, frëngjisht, spanjisht dhe kinezisht, si dhe 80 gjuhë të tjera).
Notepad ++ u zhvillua nga Don Ho dhe u lëshua në 2003. Është falas si për përdorim personal ashtu edhe për komercial dhe shpërndahet nën Licencën e Përgjithshme Publike GNU.
Për përdoruesit e Mac, Brackets është një alternativë e shkëlqyeshme për Notepad ++, të cilën do ta trajtojmë në vijim.
2. Kllapa (falas për Mac, Windows dhe Linux)
Brackets është një tjetër mjet popullor dhe i besueshëm i zhvillimit të uebit dhe redaktimit HTML. Ndryshe nga Notepad ++, ky redaktues mbështetet për Mac, Ubuntu, Debian dhe Windows. Është gjithashtu falas për përdorim personal dhe komercial (licencë MIT).
Kllapat janë të lehta për t'u përdorur dhe kanë shumë shtesa për të përmirësuar funksionalitetin e saj. Shtesat e njohura:
- Emmet - Përshpejton shkrimin e kodit CSS dhe HTML;
- Beutify - Formaton skedarët HTML, CSS dhe JavaScript.
- Vlefshmëria e W3C - Kontrollon kodin tuaj HTML për vlefshmëri.
Brackets është një redaktues i bukur me një dizajn modern minimalist. Ndryshimet e bëra në kod shfaqen menjëherë në shfletues. Mund të bëni modifikime në kodin CSS ose HTML dhe të shihni se si ato ndryshojnë pamjen e faqes në kohë reale.
Lexoni rreth Brackets këtu - Redaktori për HTML: Brackets
3. Kafja (ka version falas dhe me pagesë)
Coffecup është padyshim redaktori më i mirë HTML i disponueshëm si në versionet falas ashtu edhe në ato komerciale. Pa pagesë nuk ka disa veçori, por është mjaft komplekse për të qenë në listën tonë.
Karakteristikat kryesore të versionit falas përfshijnë:
- shiritat e veglave të personalizueshme,
- plotësimi i kodit për elementët, atributet dhe përzgjedhësit,
- tema dhe shabllone të gatshme për përdorim,
- mbështetje për formatin e shënimit për HTML,
- Mbështetje FTP / SFTP,
- Funksioni tërhiq dhe vendos për imazhet,
- opsioni i shikimit paraprak,
- theksimi i sintaksës,
- një thesaurus për gjetjen e alternativave për një fjalë; dhe shumë më tepër.
Versioni me pagesë nuk është shumë i shtrenjtë. Ai përfshin disa veçori shtesë si vlefshmëria e kodit HTML dhe CSS, biblioteka e etiketave, pastrues kodesh, kontrollues dinamik drejtshkrimor.
Coffecup ofron gjithashtu disa module të avancuara për të punuar në një stil miqësor me celularin, pa pasur nevojë të shkruani ndonjë kod, thjesht duke përdorur funksionet e tërheqjes dhe lëshimit. Këto module përfshijnë kornizën e themelimit, ndërtuesin e Bootstrap dhe projektuesin e faqeve të përgjegjshme.
Coffecup ka qenë në treg që nga viti 1996 dhe përdoret nga përkthyes të pavarur, startup, biznese të vogla dhe zhvillues ueb nga kompani të mëdha. Është një mjet i shkëlqyeshëm për krijimin e faqeve të internetit, faqeve të internetit, gazetave, shënimeve të formatuara HTML, përmbajtjeve të mediave sociale.
4. NoteTab (dy versione, me pagesë dhe falas)
NoteTab është një tjetër redaktues HTML dhe CSS që ofron veçori për zhvillim të shpejtë. Është një produkt i softuerit Fookes, i cili ka prodhuar mjete përshpejtimi të zhvillimit për 20 vitet e fundit.
Popullariteti i NoteTab konfirmohet nga fakti se përdoret në NASA, FBU, VISA, CIA Hewlett Packard, MIT.
NoteTab ka tre versione, Light, Standard dhe Pro. Versioni i lehtë shpërndahet pa pagesë për përdorim individual. Nuk i ka të gjitha tiparet e versionit Pro, por mbështet bibliotekat HTML5 dhe CSS3, bootstrap, plotësimin automatik të HTML, bashkimin e skedarëve në projekte, mbështetje HTML Tidy, HTML në tekst dhe gjithashtu ka shumë tema.
NoteTab mund të ekzekutohet drejtpërdrejt nga një shkop USB dhe nuk ka nevojë të instalohet në kompjuterin tuaj. Për blogerët dhe ndërtuesit e përmbajtjes, ky redaktues mbështet numërimin e fjalëve dhe statistikat e SEO.
Mund të njiheni më mirë me NoteTab në faqen zyrtare të internetit.
5. Eclipse (redaktori pa pagesë HTML)
Eclipse është një peshë e rëndë dhe ndoshta e tepërt për zhvillimin e HTML dhe CSS, por mund të përdoret me sukses nëse nuk e keni problem instalimin dhe konfigurimin e kësaj bishe. Ky është një mjet i shkëlqyer nëse planifikoni të krijoni sajte komplekse me baza të dhënash të kombinuara me burime të tjera të dhënash, etj. Konfigurimi mund të marrë pak kohë dhe të kërkojë instalimin e shtojcave shtesë.
Eclipse është IDE më popullor me burim të hapur. Ky redaktues përdoret zakonisht për Java, JavaScript, PHP, Ruby, Android dhe shumë gjuhë të tjera programimi.
Mësoni më shumë këtu -
6. HTML-Online
Kur bëhet fjalë për modifikimin e kodit HTML në internet, në një shfletues, asgjë nuk e kalon HTML-online.com. Ju mund të filloni procesin e shkrimit të kodit menjëherë, pa shkarkuar dhe instaluar asnjë program, dhe është falas.
Një nga avantazhet e këtij redaktuesi është shndërrimi i Word në HTML, falë të cilit mund të kopjoni përmbajtjen tuaj nga skedarët e Microsoft Word dhe të aplikoni automatikisht shënimin HTML në të. Ekziston gjithashtu mbështetje për dokumentet e Google, PDF, Excel, PowerPoint dhe shumë lloje të tjera dokumentesh.
Është një redaktues i fuqishëm vizual që do t'ju ndihmojë të krijoni faqen tuaj të internetit duke mbajtur një sy në ndryshimet e kodit në dritaren ngjitur. Karakteristika të tjera që ia vlen të përmenden janë pastrimi HTML, transmetimi i elementeve të tabelës në div, gjetja dhe zëvendësimi i opsioneve.
7. BlueGriffon (licencë falas, bazë dhe EPUB)
BlueGriffon vjen nga shtëpia e Disruptive Innovations SAS. Është ndërtuar në Gecko, motori i paraqitjes së faqeve në internet të Mozilla-s. BlueGriffon është një redaktues i fuqishëm që trashëgon shumicën e aftësive të tij nga Netscape, Composer, Nvu dhe Mozilla.
BlueGriffon ka tre variacione, i pari është falas, i dyti shpërndahet nën licencën bazë dhe më i fuqishmi është nën licencën EPUB.
Versioni falas gjithashtu mund të bëjë shumë. Ka lëkura të zeza dhe të lehta, mbështetje për format audio, video dhe HTML5, veçoritë e redaktimit CSS3 përfshijnë tranzicionet, transformimet 3D dhe 2D, krijimin SVG, teknologjinë WYSIWYG, menaxherin e shkronjave google, menaxherin e shkronjave të ketrit të shkronjave, mbështetjen e formatit të shënimit, ndërfaqen e përdoruesit mbi 20 gjuhë.
Ju mund të shkarkoni dhe instaloni BlueGriffon në Windows, Linux Ubuntu dhe OS X në Mac tuaj. Mund të mësoni më shumë në faqen e internetit -
8. Emacs me shtojca
www.gnu.org Emacs është një nga redaktorët më të dashur të të gjitha kohërave. Është falas për t'u përdorur (Licenca GNU). Emacs është një redaktues i kodit për qëllime të përgjithshme që mund ta personalizoni për t'iu përshtatur nevojave tuaja. Përfshirja e shtojcave të rishpërndarë lirisht e kthen atë në një redaktues të fuqishëm kodi me funksionalitet të pasur.
Kur bëhet fjalë për redaktimin e HTML, Emacs ofron modalitetin HTML, i cili e bën shumë të lehtë modifikimin e kodit tuaj. Lexoni më shumë këtu - Emacs
9. Atomi
atom.io Atom është një redaktues teksti i rindërtueshëm nga zhvilluesit e GitHub. Popullariteti i tij po rritet shumë shpejt. Ky redaktues është falas si për përdorim personal ashtu edhe për komercial (licencë MIT). Komuniteti i zhvilluesve po monitoron vazhdimisht pasurimin e redaktuesit me veçori të reja.
Si mund ta kthej Atom në një redaktues falas HTML?
Atom vjen me të gjithë funksionalitetin bazë që ju nevojitet për të redaktuar kodin tuaj, por për ta bërë atë një redaktues plotësisht funksional HTML, duhet të instaloni paketa shtesë. Midis tyre janë Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml dhe jade.
Atom mbështetet për Windows, Ubuntu (Debian Linux), Fedora (nga versioni 22), Mac dhe Red Hat Linux. Është më i përshtatshëm për zhvillimin e uebit sesa për shkrimin e përmbajtjes, pasi është më i orientuar drejt kodit dhe ka nevojë për një ndryshim të vogël.
10. Komuniteti Visual Studio
Visual Studio Community është një IDE plotësisht funksionale nga Microsoft dhe është falas për të gjithë. Visual studio ofron veçori të parakonfiguruara të redaktimit HTML dhe CSS që mund të përmirësohen më tej me shtesa.
Shtesat e njohura që ia vlen të përmenden janë HTML Snippets, HTMLHint, mbështetje HTML CSS, Intellisense për emrin e klasës CSS.
Ashtu si Eclipse, komuniteti Visual Studio është një zgjedhje e shkëlqyer për faqet komplekse dhe shumë të shkallëzueshme që kërkojnë shumë teknologji.
konkluzioni
Gjuha e shënjimit HTML përdoret kudo. Ka shumë redaktorë HTML që kanë ekzistuar shumë kohë më parë, por megjithatë mbajnë ritmin me kohën dhe janë mjaft të përshtatshëm për zhvillimin e ueb-it. Por ka të tjerë që tashmë u mungon funksionaliteti dhe produktiviteti. Redaktorë të rinj si Brackets dhe Atom po shfaqen për të mundësuar redaktimin efikas të kodit.
Shumica e redaktorëve të listuar në këtë artikull kanë karakteristikat e tyre, por ato i shërbejnë një qëllimi - krijimi i faqeve në internet. Ato rrisin shpejtësinë e zhvillimit dhe ndihmojnë në thjeshtimin e kodit, duke marrë parasysh mundësinë e shkallëzueshmërisë së tij.
Hidhini një sy më nga afër opsioneve të përmendura në këtë artikull, shkruani nevojat tuaja kryesore, ngushtoni listën në disa redaktorë, provoni secilin dhe përcaktoni se cili ju pëlqen më shumë. Me siguri do të gjeni të paktën një redaktues të mirë HTML për Linux, Mac dhe Windows.
Pasi më duhej një redaktues WYSIWYG, m'u kujtua se si dukej, funksionet e tij, por nuk mbaja mend emrin. Pas 45 minutash, e gjeta akoma ... Më pas i vura vetes detyrën të ndihmoja shumë njerëz, përfshirë edhe veten time: të bëj një listë të konsoliduar të të gjithë redaktorëve pak më të famshëm të WYSIWYG.
Prezantimi
Kjo temë është një listë e gjerë e redaktuesve vizualë, pothuajse ose pjesërisht të përdorshme. Qëllimi që ndoqa ishte të organizoja të dhënat ekzistuese të shpërndara në internet.TinyMCE
Një nga redaktorët vizualë më të përhapur, ai ka funksionalitet të jashtëzakonshëm. Ka shumë shtesa, shumë shtojca janë instaluar si parazgjedhje.
(Shfletuesit: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Faqja zyrtare | Demo]
redaktor CK
Analog i plotë i TinyMCE.
[Faqja zyrtare]
CLEditor
Një redaktues vizual i pakomplikuar, nuk kënaqet me funksionalitetin e veçantë. Por është bërë mjaft mirë, të gjitha funksionet zbatohen në mënyrë cilësore.
(Shfletuesit: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Faqja zyrtare]
NicEdit
Redaktori është shumë i ngjashëm me CLEditor. Ka funksionalitet standard.
(Shfletuesit: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Faqja zyrtare]
elRTE
Redaktues vizual me cilësi shumë të lartë. Ka funksionalitet të gjerë. Bërë në një cilësi shumë të lartë.
(Shfletuesit: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Faqja zyrtare | Demo]
Pjella
Një redaktues vizual shumë mesatar. Ka funksionalitet standard.
[Faqja zyrtare | Demo]
Xinha
Redaktues vizual mjaft i mirë, një veçori dalluese - shumë veprime të integruara, domethënë, nuk do të jetë e vështirë ta personalizoni për t'iu përshtatur nevojave tuaja.
(Shfletuesit: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Faqja zyrtare | Demo]
Imperavi (me pagesë)
Redaktues mjaft i lezetshëm, funksionaliteti nuk është i shkëlqyeshëm, por është mjaft i mjaftueshëm. Ka një sërë gabimesh që lidhen me kalimin nga html në redaktuesin vizual dhe anasjelltas. (linjat "janë hequr) Është e rëndësishme të theksohet se Imperavi funksionon si një shtojcë jQuery.
Ka dokumentacion te mire.
(Shfletuesit: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Faqja zyrtare | Demo]
Markitup
Markitup është më shumë si një redaktues i përshtatshëm html, i cili është më i përshtatshëm për një profesionist sesa një përdorues të zakonshëm. Por nëse e dini html, atëherë mund të jetë mjaft i dobishëm.
(Shfletuesit: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Faqja zyrtare | Demo]
Redaktori i Aloha
Jo një redaktues i keq, shumë i përshtatshëm. Sidoqoftë, ekziston një disavantazh i madh që lë në hije pothuajse të gjitha avantazhet - ky është refuzimi i mbështetjes për shfletuesit e vjetër dhe jo aq (vetëm versionet më të fundit të shfletuesve janë të disponueshëm).
(Shfletuesit: Kërkohet mbështetje HTML5, Opera nuk mbështetet)
[Faqja zyrtare | Demo]
Redaktori i Mercury
Mercury është një faqe interneti e plotë dhe mund të përdoret për të redaktuar një faqe të tërë ose zona specifike. Ai mbështet shikimin paraprak të përmbajtjes së redaktuar, si dhe postimin e lidhjeve, imazheve, videove dhe tabelave. Ngarkimi i skedarëve mund të bëhet duke përdorur ndërfaqen zvarritëse "n".
Redaktori gjithashtu mbështet bashkëpunimin me shumë persona. Mercury mund të instalohet si një Rails i pavarur, ose duke e injektuar atë në kodin e faqes. (JQuery kërkohet)
Dhe e keqja është se mbështeten vetëm shfletuesit e mëposhtëm: Chrome 10+, Safari 5+, Firefox 4+.
[Faqja zyrtare | Demo në faqen kryesore]
Redaktori i tekstit të pasur YUI
Redaktori vizual nga Yahoo. Siç u përmend me të drejtë, një nga redaktorët vizualë më të mirë. Ka funksionalitet gjithëpërfshirës dhe mbështet shumicën dërrmuese të shfletuesve.
[Demo]
MooEditable
Grupi i funksioneve është shumë i kufizuar, por ndonjëherë nuk kërkohet më shumë.
[Demo]
OpenWysiwyg
Redaktues i plotë ndër-shfletues me të gjitha veçoritë e kërkuara. Ai madje përfshin menutë dhe butonat tërheqës me zbritje. Fatkeqësisht Chrome nuk do ta mbështesë atë.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ dhe Netscape 7+)
