Ez da zaila web diseinatzaile edo web programatzaile esperientziadunentzat web orri sinplea egitea testu editore arrunt bat erabiliz. Baina jarduera-arlo horretan lan konplexuak egiteko, software espezializatua erabiltzea gomendatzen da. Hauek dira testu editore aurreratuak, funtzio anitzeko aplikazio integratuak, garapen integratutako tresnak, irudien editoreak eta abar. Artikulu honetan, guneen diseinurako diseinatutako softwarea besterik ez dugu kontuan hartuko.
Blokeatua ++
Lehenik eta behin, has gaitezen diseinu-diseinatzaile baten lana errazteko diseinatutako testu editore aurreratuen deskribapenarekin. Urrun, mota honetako programa ospetsuena Notepad ++ da. Softwarearen soluzio honek hainbeste programazio-hizkuntzaren sintaxia onartzen du, baita testu-kodeketa ere. Kodeen nabarmentzeak eta lerroen zenbakitzeak programatzaileen lana hainbat arlotan errazten dute. Adierazpen erregularrak erabiltzeak erraztu egiten du egituran antzeko kode atalak aurkitzea eta aldatzea. Antzeko ekintzak azkar egiteko, makroak grabatzea proposatzen da. Dagoeneko aberatsa den funtzionaltasuna zabal dezakezu inkorporatutako plugins-en laguntzaz.
Irakurri ere: Notepad ++ analogoak
Balizko gabezien artean, hain da "minus" zalantzazko bat soilik deitu, batez besteko erabiltzailearentzat ulertezinak diren funtzio ugariren presentzia gisa.
Deskargatu Blokeatua ++
SublimeText
Web garatzaileentzako testu editore aurreratu bat SublimeText da. Hizkuntza ugarirekin lan egiten ere badaki, Java, HTML, CSS, C ++ bezala. Kodearekin lan egitean, argiztapena, burutze automatikoa eta zenbakitzea erabiltzen dira. Ezaugarri oso erosoa zatien euskarria da, eta horrekin lan-pieza aplikatu ahal izango duzu. Adierazpen erregularrak eta makroak erabiltzeak denbora aurrezte garrantzitsua ere eman dezake zeregina konpontzeko. SublimeText-ek aldi berean lau paneletan lan egiteko aukera ematen du. Programaren funtzionaltasuna pluginak instalatuz hedatzen da.
Aplikazioaren eragozpen nagusia, Notepad ++-ekin alderatuta, errusiar hizkuntzako interfazerik eza da eta horrek zenbait eragozpen sortzen ditu batez ere esperientziarik gabeko erabiltzaileentzat. Era berean, erabiltzaile guztiei produktuaren doako bertsioaren leihoan lizentzia erosteko eskaintza agertzen zaien jakinarazpena ere ez da gustatzen.
Deskargatu SublimeText
Euskarriak
Web orrien diseinurako testu editoreen deskribapena parentesi aplikazioaren ikuspegi orokor batekin amaitzen dugu. Tresna honek, aurreko analogikoek bezala, markaketa- eta programazio-hizkuntza garrantzitsu guztiak onartzen ditu, dagozkien adierazpenak eta lerro-zenbakia nabarmenduz. Aplikazioaren azpimarragarriena funtzioen eskuragarritasuna da "Zuzeneko aurrebista"eta horrekin denbora errealean arakatzaile baten bidez ikusi ahal izango dituzu dokumentuan egindako aldaketa guztiak, baita testuinguruko menuan integratzea ere "Explorer". Parentesi tresna-tresnak arazketa moduan web orrietan arakatzeko aukera ematen du. Programaren leihoaren bidez, hainbat fitxategi aldi berean manipulatu ditzakezu. Hirugarrenen luzapenak instalatzeko gaitasunak funtzionalitatearen mugak areagotzen ditu.
Egonaldi bakarra programan Errusiarik gabeko atal batzuen presentzia da, baita funtzioa erabiltzeko aukera ere "Zuzeneko aurrebista" Google Chrome arakatzailean soilik.
Deskargatu parentesiak
GIMP
Irudi editore aurreratuen artean ezagunenetako bat, web edukien eraketa osorako erabil daitekeena, GIMP da. Bereziki komenigarria da programa erabiltzea webguneen diseinua marrazteko. Produktu honen laguntzaz, amaitutako irudiak marraztu eta editatu ahal izango dira hainbat tresna erabiliz (eskuilak, iragazkiak, lausotzea, aukeraketa eta askoz gehiago). GIMPk geruzekin lan egitea eta piezak gordetzea onartzen du bere formatuan. Horrekin, lana amaitu zen leku berean berrabia dezakezu. Aldaketen historiak irudiari aplikatu zitzaizkion ekintza guztien jarraipena egiten du eta beharrezkoa izanez gero, desegin. Gainera, programak irudiari aplikatutako testuarekin funtziona dezake. Hori da funtzionalitate aberatsa eskain dezakeen analogien artean doako aplikazio bakarra.
Akatsen artean, programaren baliabideen kontsumo handia dela eta, hasiberrientzako lan algoritmoa ulertzeko zailtasun nabarmenak nabarmentzen dira batzuetan.
Deskargatu GIMP
Adobe Photoshop
Ordaindutako GIMPren analogikoa Adobe Photoshop programa da. Ospe handiagoa du, izan ere, askoz lehenago kaleratu zen eta funtzionalitate garatuagoa du. Photoshop web garapenaren arlo askotan erabiltzen da. Berarekin, irudiak sortu, editatu eta bihur ditzakezu. Programak geruzekin eta 3D modeloekin funtziona dezake. Aldi berean, erabiltzaileak tresna eta iragazki multzo handiago bat erabiltzeko aukera du GIMP-en baino.
Eragozpen nagusien artean, nabarmentzekoa da Adobe Photoshop-en funtzionalitate guztiak menderatzeko zailtasuna. Gainera, GIMP ez bezala, proba hori 30 eguneko epearekin soilik ordaintzen da.
Deskargatu Adobe Photoshop
Aptana estudioa
Web orria diseinatzeko hurrengo programa multzoa garapen tresna integratuak dira. Bere ordezkari ezagunenetako bat Aptana Studio da. Software irtenbide hau guneak sortzeko tresna integrala da, testu editorea, arazketa, konpilatzailea eta automatizaziorako tresnak biltzen dituena. Aplikazioa erabiliz, programa kodea erabil dezakezu programazio lengoaia askotan. Aptana Studio-k hainbat proiektuekin batera manipulatzea onartzen du, beste sistemekin integratzea (bereziki, Aptana Cloud zerbitzuarekin), baita guneko edukien urruneko edizioa ere.
Aptana Studio-ren desabantaila nagusiak menderatzeko zailtasuna eta errusiera hizkuntzako interfaze bat ez izatea dira.
Deskargatu Aptana Studio
WebStorm
Aptana Studio-ren analogikoa WebStorm da. Garapen sistema integratuen klasea ere bada. Software produktu honek barneratutako kode editore bat dauka, programazio lengoaia desberdinen zerrenda ikusgarria onartzen duena. Erabiltzaileen erosotasun handiagoa izateko, garatzaileek laneko espazioaren diseinua aukeratzeko aukera eman dute. WebStorm-en "abantailen" artean, Node.js arazketa-tresna eta sintonia finkoko liburutegien presentzia nabarmendu daitezke. Funtzio "Zuzeneko edizioa" Arakatzailearen bidez, egindako aldaketa guztiak ikusteko aukera ematen du. Web zerbitzariarekin elkarreragiteko tresnak gunea urrunetik editatzeko eta konfiguratzeko aukera ematen du.
Errusiar hizkuntzako interfazerik ez izateaz gain, WebStorm-ek badu beste "ken" bat, hau da, Aptana Studio-k ez du eskuragarri, hots, programa erabiltzeagatik ordaindu beharra.
Deskargatu WebStorm
Hasierako orria
Orain kontuan hartu HTML ikus-editore izeneko aplikazioen multzoa. Has gaitezen Hasierako orria izeneko Microsoft produktu bat berrikusten. Programa hau nahiko ezaguna zen, garai batean Microsoft Office suite-ren parte baitzen. Web orriak WYSIWYG ("ikusten duzuna, lortuko duzu") printzipioz funtzionatzen duen ikus-editore batean diseinatzeko gaitasuna eskaintzen du Word testuak. Nahi izanez gero, erabiltzaileak html editore estandar bat ireki dezake kodearekin lan egiteko edo bi moduak orrialde batean konbinatu ditzake. Testu formateatzeko tresna asko aplikazioaren interfazean integratzen dira. Zuzenketa ortografikoaren funtzioa dago. Aparteko leiho batean, web orrialdea arakatzailearen bidez nola ikusiko den ikus dezakezu.
Hainbeste abantaila ditu, are eragozpen gehiago ditu programak. Garrantzitsuena da garatzaileek ez dutela onartzen 2003. urteaz geroztik. Horrek esan nahi du produktua web teknologien garapenaren atzean gelditzen dela. Baina bere egun onenetan ere, Lehen orrialdeak ez zuen estandar zerrenda handirik onartzen. Horrek, gainera, aplikazio honetan sortutako web orrialdeak Internet Explorer-en bakarrik bistaratu behar ziren.
Deskargatu Hasierako orria
KompoZer
KompoZer hurrengo hurrengo HTML editorea ere ez da garatzaileek onartzen denbora luzez. Lehen orrialdea ez bezala, proiektua 2010ean bakarrik gelditu zen. Horrek esan nahi du programa honek aurretik aipatutako lehiakidea baino estandar eta teknologia berriagoak onartzen dituela. WYSIWYG moduan eta kodea editatzeko moduan lan egiten ere badaki. Bi aukera konbinatu, hainbat dokumentuekin batera lan egin fitxa desberdinetan eta emaitzak aurrez ikusi. Gainera, Composer-ek FTP bezero integratua du.
Minus nagusia, Front Pageekin gertatzen den bezala, garatzaileek KompoZer-rentzako laguntza amaitzea da. Gainera, programa honek ingelesezko interfaze bat baino ez du.
Deskargatu KompoZer
Adobe dreamweaver
Artikulu hau Adobe Dreamweaver HTML editore bisualaren ikuspegi labur batekin amaitzen dugu. Aurreko analogiekin ez bezala, software produktu honek bere garatzaileek onartzen dute oraindik ere. Horrek bere garrantzia ziurtatzen du estandar eta teknologia modernoak betetzeari dagokionez, bai eta funtzionalitate indartsuagoa ere. Dreamviewer-ek WYSIWYG moduetan lan egiteko gaitasuna eskaintzen du, kode editore arrunt batekin (argiztapenarekin) eta zatituta. Gainera, aldaketa guztiak denbora errealean ikus ditzakezu. Programak funtzio osagarrien multzo osoa ere badu, kodearekin batera lana errazten dutenak.
Irakurri ere: Dreamweaver-en analogoak
Gabezien artean, programaren kostu nahiko handia, bere pisu garrantzitsua eta baliabideen kontsumoa nabarmendu behar dira.
Deskargatu Adobe Dreamweaver
Ikus dezakezuenez, diseinu diseinatzailearen lana errazteko diseinatutako hainbat programa daude. Hauek dira testu editore aurreratuak, ikusizko HTML editoreak, garapen integratutako tresnak eta irudi editoreak. Programa zehatz bat aukeratzeko diseinu diseinatzailearen trebetasun mailaren, zereginaren funtsaren eta haren konplexutasunaren araberakoa da.
