Esperientziadun diseinatzaileentzako edo web programatzaileentzako web orri sinple bat ez da zaila izango testu editore sinple batekin diseinatzea. Ariketa arlo honetan zeregin konplexuak egiteko, software espezializatua erabiltzea gomendatzen da. Testu editore aurreratuak, funtzio anitzeko aplikazio konplexuak garapen integratu tresnak, irudi editoreak, etab. Artikulu honetan, guneen diseinurako diseinatutako softwarea besterik ez dugu kontuan hartzen.
Notepad ++
Lehenik eta behin, hasi diseinu diseinatzailearen lana errazteko diseinatutako testu editore aurreratuen deskribapenarekin. Jakina, mota honetako programa ospetsuena Notepad ++ da. Softwarearen konponbide honek programazio hizkuntza askoren sintaxia eta testu kodeketak onartzen ditu. Kodeen nabarmentzea eta lerroen numerazioa hainbat eremutan programatzaileek egindako lana errazten dute. Adierazpen erregularrak erabiltzea errazagoa da egituran antzekoak diren kodeen atalak aurkitzea eta aldatzea. Ekintza mota azkar burutzeko makroak grabatzea proposatzen da. Ahalik eta funtzionaltasun handiagoz handitu egin daiteke plugin txertatuen laguntzarekin.
Ikusi ere: Analogoak Notepad ++
Gabezien artean, "minus" zalantzagarria soilik deitu daiteke, batez beste erabiltzaileek ulertezina duten funtzio ugarien presentzia.
Deskargatu Notepad ++
SublimeText
Web programatzaileentzako beste testu editore aurreratu bat SublimeText da. Hizkuntza askorekin lan egitea ere badaki, besteak beste, Java, HTML, CSS, C ++. Kodearekin lan egitean, atzeko argia, osatze automatikoa eta numerazioa erabiltzen dira. Ezaugarri eroso bat mozkinen laguntza da, espazio hutsak aplika ditzakezu. Adierazpen eta makro erregularrak erabiltzea ere denbora asko aurrezten da arazoa konpontzeko. SublimeText-ek, aldi berean, lau paneletan lan egiteko aukera ematen dizu. Programaren funtzionalitate zabaldua pluginak instalatuta.
Aplikazioaren eragozpen nagusia Notepad ++ -ekin alderatuta, errusierazko interfaze bat falta da, esperientziarik gabeko erabiltzaileentzat batez ere eragozpen batzuk eragiten dituena. Halaber, erabiltzaile guztiek produktuaren lizentziaren bertsio askeko leihoan lizentzia bat erosteko eskaintza batekin agertzen den jakinarazpena ez zaio gustatzen.
Deskargatu SublimeText
Euskarriak
Webguneak diseinatzeko zuzendutako testu editoreak deskribatzen ditugu, parentesi aplikazioaren ikuspegi orokor batekin. Tresna honek, aurreko antzekoen antzera, markaketa eta programazio hizkuntza garrantzitsu guztiak onartzen ditu dagozkien adierazpenen eta lerroen zenbakitzearen nabarmenduz. Aplikazioaren nabarmentzea funtzio baten presentzia da "Live Preview", horren laguntzaz, denbora errealean nabigatzailean ikus dezakezu dokumentuan egindako aldaketak, bai eta testuinguru menuan integratzea ere. "Explorer". Parentesiak tresna-tresnak webgunean arazketa moduan arakatzeko aukera ematen du. Programa leihoaren bidez, hainbat fitxategi aldi berean manipulatu ditzakezu. Hirugarrenen luzapenak instalatzeko gaitasuna funtzionaltasunaren mugak are gehiago bultzatzen ditu.
Programan ez diren errusiar partizio batzuen presentzia galarazten du, baita funtzioa erabiltzeko aukera ere "Live Preview" Google Chrome nabigatzailean soilik.
Deskargatu parentesiak
GIMP
Aurrerantzean erabil daitezkeen irudi aurreratuen artean editore ospetsuenetako bat GIMP da. Bereziki erosoa programa erabiltzeko gunearen diseinua. Produktu horren laguntzaz, amaitutako irudiak marraztu eta editatu ahal izango dituzu, hainbat tresna erabiliz (eskuilak, iragazkiak, lausotzea, hautapena eta gehiago). GIMP-k geruzekin lan egitea eta formatu propioak gordetzeko hutsuneak onartzen ditu. Lanarekin amaitu zen lekuan bertan berrekiteko dezakezu berrabiaraztea ere egin ondoren. Aldaketen historia irudian aplikatutako aplikazio guztien jarraipena egiten du eta, behar izanez gero, bertan behera utzi. Gainera, programak irudiari aplikatutako testuarekin lan egin dezake. Hau da funtzionalitate aberatsa eskaini dezaketen analogen artean doan aplikazio bakarra.
Arazoen artean, batzuetan izozte-efektua sortzen da, programaren intentsitate handiko baliabideen ondorioz, baita hasiberrientzako lan algoritmoa ulertzeko zailtasunak ere.
Deskargatu GIMP
Adobe Photoshop
GIMP-en ordaindutako analogikoa Adobe Photoshop da. Are gehiago ospetsua da lehenago kaleratu eta funtzionalitate aurreratuagoa duelako. Photoshop da web garapenean hainbat arlo erabiltzen da. Horrekin batera, irudiak sortu, editatu eta bihurtzeko aukera duzu. Programa geruza eta 3D ereduekin lan egin daiteke. Kasu honetan, erabiltzaileak GIMP-en baino tresna eta iragazki multzo handiagoak erabiltzeko gaitasuna du.
Zailtasun nagusien artean, Adobe Photoshop-en funtzionaltasun guztiak kontrolatzeko zailtasuna da. Gainera, GIMP ez bezala, tresna hau 30 eguneko epearekin batera ordainduko da.
Deskargatu Adobe Photoshop
Aptana estudioan
Web orriaren diseinurako hurrengo programa-multzoak garapen tresna integratuak dira. Bere ordezkaririk ezagunenetako bat Aptana Studio da. Software soluzio honek gune sortzeko tresna integrala da, testu editorea, araztailea, konpiladorea eta muntaketako automatizazio tresna bat barne. Aplikazioa erabiliz, programa kodeekin lan egin dezakezu programazio hizkuntza askotan. Aptana Studio-k hainbat proiektu onartzen ditu aldian-aldian; beste sistema batzuekin integratzea (bereziki, Aptana Cloud zerbitzua), baita webguneko edukia editatzeko ere.
Aptana Studio-ren desabantaila nagusiak masterizatuaren eta errusierazko interfaze baten zailtasuna dira.
Deskargatu Aptana Studio
WebStorm
Aptana Studio programaren analogia WebStorm da, garapen-sistema integratuen klasekoa baita ere. Softwarearen produktu honek programen hizkuntza desberdinen zerrenda ikusgarria onartzen duen kode editorea dauka. Erabiltzaileentzako erosotasun handiagoa lortzeko, garatzaileek laneko gunearen diseinua aukeratzeko aukera eman dute. Web Storm-en "abantailen" artean, Node.js arazketa-tresnaren presentzia nabarmendu dezakezu eta liburutegiak doitzea. Funtzio "Live Edit" nabigatzailean aldaketa guztiak ikusteko gaitasuna ematen du. Web zerbitzariarekin elkarreragiteko tresna gunea urrunetik editatzea eta pertsonalizatzea ahalbidetzen du.
Errusiako hizkuntza-interfazerik ez izateaz gain, WebStorm-ek beste "minus" bat dauka, hau da, gainera, Aptana Studio-n ez dagoela, hots, programaren erabilera ordaindu beharrekoa.
Deskargatu WebStorm
Lehen orrialdea
Ikus ezazu HTML bisual editoreak deitzen dituzten aplikazioen blokea. Hasi Microsoft-en produktuen berrikuspena izeneko Front Page. Programa hau oso ezaguna zen, Microsoft Office paketearen zati bat baitzen. Web orriak diseinu bisuala diseinatzeko aukera ematen du, WYSIWYG printzipioa ("ikusten duzuna, lortuko duzu"), word processor Word bezala funtzionatzen du. Nahi izanez gero, erabiltzaileak html editor estandar bat ireki ahal izango du, kode batekin lan egiteko, edo bi moduak konbinatu beste orri batean. Aplikazioen interfazean testu-formatu tresna asko integratzen dira. Zuzentzaile ortografikoa dago. Beste leiho batean, webguneak nabigatzailearen bidez nola begiratu dezake ikus dezakezu.
Hainbeste abantailekin, programak are gehiago eragozten ditu. Garrantzitsuena garatzaileek 2003az geroztik ez dutela onartzen, hau da, produktua web teknologien garapenaren atzean dagoela. Garai onenetan ere, Frontpage-ek ez zuen estandar zerrenda zabala onartzen. Horrek, era berean, aplikazio honetan sortutako web orrialde bermatuak Internet Explorer-en soilik bistaratu zituzten.
Deskargatu aurrean
KompoZer
KompoZer HTML kodearen hurrengo ikusizko editorea ere ez da garatzaileek epe luzean onartzen. Front Front-ek ez bezala, 2010ean soilik gelditu zen proiektua. Horregatik, programa hori oraindik lehiakideek baino estandar eta teknologia berrienak onartzeko gai da. WYSIWYG moduan eta kode edizio moduan ere lan egiten du. Bi aukera bi aukera daude konbinatzeko, aldi berean hainbat dokumentutan lan egitea fitxa desberdinetan eta emaitzak aurreikusteko. Gainera, Composer-ek FTP bezero integratua du.
"Minus" nagusia, Front Page-rekin gertatzen den moduan, garatzaileek KompoZer-en laguntza bukatzea da. Gainera, programa honek ingeleseko interfazea bakarrik du.
Deskargatu KompoZer
Adobe Dreamweaver
Artikulu hau bukatu dugu Adobe Dreamweaver-en HTML editore bisualaren ikuspegi laburrarekin. Aurreko antzekoak ez bezala, software-produktu hau oraindik garatzaileek onartzen dute, hau da, garrantzia ziurtatzen du estandar eta teknologia modernoekin bat etorriz, baita funtzionaltasun ahaltsuagoa ere. Dreamviewer-ek WYSIWYG moduan lan egiteko gaitasuna eskaintzen du, ohiko kode editorea (atzeko argiarekin) eta zatiketa. Gainera, aldaketa guztiak denbora errealean ikus ditzakezu. Programak funtzio osagarriak ere baditu, kodearen bidez lana errazten duena.
Ikusi ere: Dreamweaver-en analogikoak
Arazoen artean, programaren kostu handia, bere pisu eta baliabideen intentsitate handiak esleitu behar dira.
Deskargatu Adobe Dreamweaver
Ikus dezakezun bezala, kodetzailearen lana errazteko diseinatutako hainbat programa-talde daude. Testu editore aurreratuak, ikusizko HTML editoreak, garapen tresna integratuak eta irudi editoreak dira. Programa zehatz bat aukeratzeak diseinatzailearen trebetasun profesionalen mailaren, lanaren funtsaren eta bere konplexutasunaren araberakoa da.
