Non é difícil para un deseñador web ou programador web experimentado facer unha páxina web sinxela usando un editor de texto regular. Pero para realizar tarefas complexas nesta dirección, recoméndase empregar software especializado. Estes poden ser editores de texto avanzados, aplicacións integradas multifuncionais chamadas ferramentas de desenvolvemento integrado, editores de imaxes, etc. Neste artigo, só consideraremos un software deseñado para a disposición do sitio.
Bloc de notas ++
Primeiro de todo, imos comezar cunha descrición de editores de texto avanzados deseñados para facilitar o traballo dun deseñador de deseño. De lonxe, o programa máis famoso deste tipo é Notepad ++. Esta solución de software admite a sintaxe de tantas linguaxes de programación, así como codificacións de texto. O resaltamento de códigos e a numeración de liñas facilitan enormemente o traballo de programadores en diversos campos. O uso de expresións regulares fai máis sinxelo atopar e modificar seccións similares de código na estrutura. Para realizar rápidamente accións similares, proponse gravar macros. Pode ampliar significativamente a funcionalidade xa rica coa axuda de complementos incrustados.
Lea tamén: Analóxicos do Bloc de notas ++
Entre as carencias só se pode chamar un "menos" tan dubidoso como a presenza dun gran número de funcións que son incomprensibles para o usuario medio.
Descarga o Bloc de notas ++
SublimeText
Outro editor avanzado de texto para desenvolvedores web é SublimeText. Tamén sabe traballar con moitos idiomas, incluídos Java, HTML, CSS, C ++. Cando se traballa co código, a iluminación de contrasinal, a realización automática e a numeración úsanse. Unha característica moi conveniente é o soporte de fragmentos, cos que podes aplicar a peza de traballo. O uso de expresións e macros regulares tamén pode proporcionar importantes aforros de tempo para resolver a tarefa. SublimeText permítelle traballar simultaneamente en catro paneis. A funcionalidade do programa amplíase instalando complementos.
O principal inconveniente da aplicación, en comparación con Notepad ++, é a falta dunha interface en lingua rusa, o que causa algún inconveniente especialmente para usuarios sen experiencia. Ademais, non todos os usuarios gustan a notificación que aparece cunha oferta para mercar unha licenza na xanela da versión gratuíta do produto.
Descarga SublimeText
Parénteses
Concluímos a descrición dos editores de texto deseñados para o deseño das páxinas web mediante unha visión xeral da aplicación de soportes. Esta ferramenta, do mesmo xeito que os análogos anteriores, admite todas as linguaxes de programación e marcas principais destacando as expresións e a numeración de liñas correspondentes. O máis destacado da aplicación é a dispoñibilidade de funcións "Vista previa en directo", co que podes visualizar en tempo real a través dun navegador todos os cambios realizados no documento, así como a integración no menú contextual "Explorador". O conxunto de ferramentas de Brackets permite navegar por páxinas web en modo de depuración. A través da xanela do programa, pode manipular varios ficheiros simultaneamente. A posibilidade de instalar extensións de terceiros empuxa aínda máis os límites da funcionalidade.
O único trastorno é a presenza dalgunhas seccións non russificadas no programa, así como a posibilidade de usar a función "Vista previa en directo" exclusivamente no navegador Google Chrome.
Descargar soportes
Gimp
Un dos máis populares entre os editores avanzados de imaxes, que pode usarse con éxito incluído para a formación de contido web, é GIMP. É especialmente conveniente usar o programa para deseñar un sitio web. Coa axuda deste produto é posible deseñar e editar imaxes acabadas usando unha variedade de ferramentas (pinceis, filtros, borroso, selección e moito máis). GIMP admite traballar con capas e gardar pezas no seu propio formato, co que podes continuar o traballo no mesmo lugar onde o rematou, incluso despois de reiniciar. A historia dos cambios axuda a rastrexar todas as accións que se aplicaron ao cadro e, se é necesario, desfacelas. Ademais, o programa pode funcionar con texto aplicado á imaxe. Esta é a única aplicación gratuíta entre análogos que pode ofrecer unha funcionalidade tan rica.
Entre as carencias, pódese destacar ás veces o efecto de desaceleración debido ao elevado consumo de recursos do programa, así como importantes dificultades para comprender o algoritmo de traballo para principiantes.
Descarga GIMP
Adobe Photoshop
Analóxico pagado de GIMP é o programa Adobe Photoshop. Goza de fama aínda maior, xa que foi lanzado moito antes e ten unha funcionalidade máis desenvolvida. Photoshop úsase en moitas áreas do desenvolvemento web. Con ela, podes crear, editar e converter imaxes. O programa pode funcionar con capas e modelos 3D. Ao mesmo tempo, o usuario ten a oportunidade de usar un conxunto aínda máis grande de ferramentas e filtros que en GIMP.
Entre as principais desvantaxes, cabe destacar a dificultade para dominar toda a funcionalidade de Adobe Photoshop. Ademais, a diferenza do GIMP, esta ferramenta págase cun período de proba de só 30 días.
Descarga Adobe Photoshop
Estudio de Aptana
O seguinte grupo de programas de deseño de páxinas web son ferramentas de desenvolvemento integrado. Un dos seus representantes máis populares é Aptana Studio. Esta solución de software é unha ferramenta completa para crear sitios, que inclúe un editor de texto, depurador, compilador e ferramenta de automatización de compilación. Usando a aplicación, pode traballar co código do programa en moitos idiomas de programación. Aptana Studio soporta a manipulación simultánea con varios proxectos, a integración con outros sistemas (en particular, co servizo Aptana Cloud), así como a edición remota de contido do sitio.
As principais desvantaxes de Aptana Studio son a dificultade para dominar e a falta dunha interface en lingua rusa.
Descarga Aptana Studio
Tempestade web
O análogo de Aptana Studio é WebStorm, que tamén pertence á clase de sistemas de desenvolvemento integrados. Este produto de software ten un editor de códigos incorporado que admite unha impresionante lista de diferentes linguaxes de programación. Para maior confort dos usuarios, os desenvolvedores proporcionaron a oportunidade de escoller o deseño do deseño do espazo de traballo. Entre as "vantaxes" de WebStorm, pode destacar a presenza de ferramentas de depuración de Node.js e bibliotecas de axuste fino. Función "Edición en directo" fornece a posibilidade de ver a través do navegador todas as modificacións realizadas. A ferramenta para interactuar co servidor web permítelle editar e configurar o sitio de forma remota.
Ademais da falta de interface en idioma ruso, WebStorm ten outro "menos" que, por certo, non está dispoñible para Aptana Studio, é dicir, a necesidade de pagar por usar o programa.
Descarga WebStorm
Portada
Agora considere un bloque de aplicacións chamadas editores visuais HTML. Comecemos revisando un produto de Microsoft chamado Portada. Este programa foi bastante popular, porque nun tempo formaba parte da suite Microsoft Office. Ofrece a posibilidade de esquematizar páxinas web nun editor visual que funciona co principio de WYSIWYG ("o que ves, obterás"), como no procesador de textos Word. Se o desexa, o usuario pode abrir un editor html estándar para traballar con código ou combinar ambos modos nunha páxina separada. Na interfaz da aplicación incorpóranse moitas ferramentas de formato de texto. Hai unha función de comprobación ortográfica. Nunha xanela aparte, podes ver como se verá a páxina web a través do navegador.
Con tantas vantaxes, o programa ten aínda máis inconvenientes. O máis importante é que os desenvolvedores non o apoiaron desde 2003, o que significa que o produto está detrás do desenvolvemento das tecnoloxías web. Pero incluso nos seus mellores días, a Portada non soportou unha gran lista de estándares, o que, á súa vez, levou a que as páxinas web creadas nesta aplicación estivesen garantidas só para ser exhibidas en Internet Explorer.
Descargar Portada
KompoZer
O seguinte editor de HTML visual, KompoZer, tampouco é soportado polos desenvolvedores durante un longo período. Pero a diferenza da páxina de inicio, o proxecto foi detido só en 2010, o que significa que este programa aínda é capaz de soportar estándares e tecnoloxías máis novas do citado competidor. Tamén sabe traballar no modo WYSIWYG e no modo de edición de códigos. É posible combinar ambas opcións, traballar simultaneamente con varios documentos en distintas pestañas e previsualizar os resultados. Ademais, Composer ten un cliente FTP incorporado.
O principal menos, do mesmo xeito que con Front Page, é a terminación do soporte para KompoZer por parte dos desenvolvedores. Ademais, este programa só ten unha interface en inglés.
Descarga KompoZer
Adobe dreamweaver
Concluímos este artigo cunha breve visión xeral do editor de HTML visual Adobe Dreamweaver. A diferenza dos análogos anteriores, este produto de software segue sendo apoiado polos seus desenvolvedores, o que garante a súa relevancia en termos de cumprimento dos estándares e tecnoloxías modernas, así como unha funcionalidade máis potente. Dreamviewer ofrece a posibilidade de traballar en modos WYSIWYG, un editor de código regular (con luz de fondo) e dividido. Ademais, podes ver todos os cambios en tempo real. O programa tamén ten un conxunto de funcións adicionais que facilitan o traballo con código.
Lea tamén: Analóxicos de Dreamweaver
Entre as carencias, cabe destacar o custo bastante elevado do programa, o seu peso importante e a intensidade dos recursos.
Descarga Adobe Dreamweaver
Como podes ver, hai varios grupos de programas deseñados para facilitar o traballo do deseñador de maquetas. Trátase de editores de texto avanzados, editores visuais de HTML, ferramentas de desenvolvemento integrado e editores de imaxes. A elección dun programa específico depende do nivel de habilidades profesionais do deseñador de maquetas, da esencia da tarefa e da súa complexidade.
