Una pàgina web senzilla per a un creador de maquetes experimentat o un programador web no serà difícil de dissenyar amb un senzill editor de text. Però per realitzar tasques complexes en aquesta àrea d'activitat, es recomana utilitzar programari especialitzat. Aquests poden ser editors de text avançats, aplicacions complexes multifuncionals anomenades eines de desenvolupament integrat, editors d'imatges, etc. En aquest article, només considerem el programari dissenyat per al disseny de llocs.
Bloc de notes ++
Primer de tot, comencem per una descripció dels editors de text avançats, dissenyats per facilitar el treball del dissenyador de disseny. Per descomptat, el programa més famós d’aquest tipus és Notepad ++. Aquesta solució de programari suporta la sintaxi de molts llenguatges de programació, així com codificacions de text. El ressaltat de codi i la numeració de línies faciliten enormement el treball dels programadors en diversos camps. L’ús d’expressions regulars facilita la cerca i la modificació de seccions de codi que tenen una estructura similar. Per dur a terme ràpidament el mateix tipus d’acció es proposa gravar macros. És possible ampliar significativament i tan rica funcionalitat amb l’ajuda de connectors incrustats.
Vegeu també: Blocs de notes analògics ++
Entre les deficiències només es pot denominar un "menys" dubtós, com la presència d’un gran nombre de funcions que no són clares per a l’usuari mitjà.
Baixeu el Bloc de notes ++
Sublimetext
Un altre editor de text avançat per als programadors web és SublimeText. També sap treballar amb molts idiomes, incloent Java, HTML, CSS, C ++. Quan es treballa amb el codi, s'utilitzen retroiluminació, autocompletació i numeració. Una característica molt convenient és el suport per a fragments, amb els quals podeu aplicar espais en blanc. L’ús d’expressions i macros regulars també pot proporcionar estalvis de temps significatius per resoldre el problema. SublimeText us permet treballar simultàniament en quatre panells. Ampliar la funcionalitat del programa instal·lant connectors.
El principal inconvenient de l’aplicació, en comparació amb Notepad ++, és la manca d’una interfície de llengua russa, que provoca certs inconvenients, especialment per a usuaris sense experiència. A més, no tots els usuaris els agrada la notificació que apareix amb una oferta de compra d'una llicència a la finestra de versió gratuïta del producte.
Descarregueu SublimeText
Suports
Acabem la descripció dels editors de text destinats al disseny de pàgines web amb una visió general de l’aplicació de Brackets. Aquesta eina, com els anàlegs anteriors, suporta tots els principals llenguatges de marques i programació amb ressaltat de les expressions corresponents i de la numeració de línies. El més destacat de l’aplicació és la presència d’una funció "Previsualització en directe", amb l’ajuda de la qual podeu veure en temps real a través del navegador tots els canvis realitzats al document, així com la integració al menú contextual "Explorer". El conjunt d'eines entre parèntesis us permet navegar per la web en mode de depuració. A través de la finestra del programa podeu manipular diversos fitxers alhora. La capacitat d’instal·lar extensions de tercers empeny encara més els límits de la funcionalitat.
Només molesta la presència d'algunes particions no russes al programa, així com la possibilitat d'utilitzar la funció "Previsualització en directe" exclusivament al navegador Google Chrome.
Baixa les claus
Gimp
GIMP és un dels més populars entre els editors avançats d’imatges que es poden utilitzar amb èxit, inclosa la formació de contingut web. Especialment convenient per utilitzar el programa per dibuixar el disseny del lloc. Amb l’ajut d’aquest producte, és possible dibuixar i editar imatges acabades, utilitzant diverses eines (raspalls, filtres, desenfocament, selecció i molt més). El GIMP admet treballar amb capes i desar espais en blanc en el seu propi format, amb el qual podeu reprendre el treball al mateix lloc on es va acabar, fins i tot després de reiniciar. L’historial de canvis ajuda a fer un seguiment de totes les accions que s’apliquen a la imatge i, si cal, cancel·lar-les. A més, el programa pot treballar amb el text aplicat a la imatge. Aquesta és l'única aplicació gratuïta entre els anàlegs que pot oferir una funcionalitat tan rica.
Entre les deficiències es poden identificar, de vegades, els efectes de la congelació derivats de l’alta intensitat dels recursos del programa, així com les dificultats significatives per entendre l’algorisme de treball per als principiants.
Baixeu GIMP
Adobe Photoshop
Un anàleg de pagament de GIMP és Adobe Photoshop. És encara més famós perquè es va llançar molt abans i té una funcionalitat més avançada. Photoshop s'utilitza en moltes àrees del desenvolupament web. Amb ell, podeu crear, editar i convertir imatges. El programa pot funcionar amb capes i models 3D. En aquest cas, l'usuari té la possibilitat d'utilitzar un conjunt d'eines i filtres encara més grans que en GIMP.
Entre els principals inconvenients hi ha la dificultat de dominar totes les funcionalitats d’Adobe Photoshop. A més, a diferència del GIMP, aquesta eina es paga amb un període de prova de només 30 dies.
Descarregueu Adobe Photoshop
Estudi Aptana
El següent grup de programes per al disseny de pàgines web és eines de desenvolupament integrades. Un dels seus representants més populars és Aptana Studio. Aquesta solució de programari és una eina de creació de llocs completa que inclou un editor de text, un depurador, un compilador i una eina d'automatització de muntatges. Utilitzant l’aplicació, podeu treballar amb el codi del programa en molts llenguatges de programació. Aptana Studio suporta manipulacions simultànies amb diversos projectes, integració amb altres sistemes (en particular, amb el servei Aptana Cloud), així com l'edició remota del contingut del lloc.
Els principals inconvenients d’Aptana Studio són la dificultat per dominar i la manca d’una interfície en llengua russa.
Baixeu Aptana Studio
Webstorm
L’anàlisi del programa Aptana Studio és WebStorm, que també pertany a la classe de sistemes de desenvolupament integrat. Aquest producte de programari té un còmode editor de codi que suporta una llista impressionant de diversos llenguatges de programes. Per a una major comoditat dels usuaris, els desenvolupadors han donat l’oportunitat de triar el disseny de l’espai de treball. Entre els "avantatges" de Web Storm, podeu ressaltar la presència de l’eina de depuració de Node.js i afinar les biblioteques. Funció "Edició en directe" proporciona la possibilitat de visualitzar a través del navegador tots els canvis. L’eina per interactuar amb el servidor web us permet editar i personalitzar remotament el lloc.
A més de la manca d’una interfície de llengua russa, WebStorm té un altre "menys", que, per cert, no està present a Aptana Studio, és a dir, a la necessitat de pagar l’ús del programa.
Baixeu WebStorm
Portada
Ara considereu el bloc d’aplicacions anomenades editorials HTML visuals. Comencem amb una revisió de productes de Microsoft anomenada Front Page. Aquest programa era bastant popular, ja que era part del paquet Microsoft Office. Ofereix la possibilitat de dissenyar pàgines web en un editor visual, que funciona amb el principi de WYSIWYG ("el que veieu, obtindreu"), com al processador de text Word. Si ho desitgeu, l'usuari pot obrir un editor html estàndard per treballar amb el codi o combinar tots dos modes en una pàgina independent. La interfície de l’aplicació incorpora moltes eines de format de text. Hi ha un corrector ortogràfic. En una finestra separada, podeu veure com es visualitzarà la pàgina web a través del navegador.
Amb tants avantatges, el programa té encara més inconvenients. El més important és que els desenvolupadors no el suporten des del 2003, la qual cosa significa que el producte està darrere del desenvolupament de les tecnologies web. Però fins i tot en els seus millors moments, Front Page no suportava una llista àmplia d’estàndards, la qual cosa, al seu torn, va suposar que les pàgines web correctes garantides creades en aquesta aplicació només es mostraven a Internet Explorer.
Baixa la pàgina principal
Kompozer
Els desenvolupadors no admeten el següent editor visual del codi HTML, KompoZer, durant un període prolongat. Però, a diferència de Front Page, el projecte només es va aturar el 2010, la qual cosa significa que aquest programa encara és capaç de donar suport a estàndards i tecnologies més recents que el competidor esmentat anteriorment. També sap com treballar en mode WYSIWYG i en mode d'edició de codi. Hi ha oportunitats de combinar les dues opcions, treballar simultàniament amb diversos documents en diferents pestanyes i previsualitzar els resultats. A més, Composer té un client FTP integrat.
El principal "minus", igual que amb Front Page, és la finalització del suport de KompoZer per part dels desenvolupadors. A més, aquest programa només té interfície en anglès.
Descarrega KompoZer
Adobe Dreamweaver
Acabem aquest article amb un breu resum de l’editor d’HTML visual d’Adobe Dreamweaver. A diferència dels anàlegs anteriors, aquest producte de programari encara és compatible amb els seus desenvolupadors, el que garanteix la seva rellevància quant al compliment dels estàndards i les tecnologies modernes, així com de la funcionalitat més potent. El Dreamviewer proporciona la capacitat de treballar en modes WYSIWYG, un editor de codi normal (amb retroiluminació) i una divisió. A més, podeu veure tots els canvis en temps real. El programa també té una àmplia gamma de funcions addicionals que faciliten el treball amb el codi.
Vegeu també: Anàlegs de Dreamweaver
Entre les deficiències s’hauria d’assignar un cost bastant elevat del programa, la seva intensitat considerable de pes i de recursos.
Baixeu l’adobe Dreamweaver
Com podeu veure, hi ha diversos grups de programes dissenyats per facilitar el treball del codificador. Es tracta d’editors de text avançats, editors HTML visuals, eines de desenvolupament integrades i editors d’imatges. L'elecció d'un programa específic depèn del nivell d'habilitats professionals del dissenyador de disseny, de l'essència de la tasca i de la seva complexitat.
