Desarrollo web

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 19 de mayo de 2021; las comprobaciones requieren 53 ediciones .

El desarrollo web  es el proceso de creación de un sitio web o una aplicación web . Las etapas principales del proceso son el diseño web, el diseño de la página , la programación del lado del cliente y del servidor y la configuración del servidor web .

Etapas de desarrollo del sitio web

Hasta la fecha, hay varias etapas de desarrollo de sitios web:

Dependiendo de la tarea actual, es posible que falten algunos de los pasos.

Creación de términos de referencia Un diseñador , un analista , un arquitecto web , un director de proyecto, juntos o por separado , pueden participar en la redacción de los términos de referencia (en el caso de que el sitio esté siendo desarrollado por un profesional independiente , los términos de referencia pueden ser redactados por el empresa del cliente). El trabajo con el cliente comienza completando un resumen , en el que el cliente establece sus deseos con respecto a la presentación visual y la estructura del sitio, señala errores en la versión anterior del sitio y brinda ejemplos de sitios de la competencia. Con base en el brief, el gerente elabora una tarea técnica, teniendo en cuenta las posibilidades del software y las herramientas de diseño. La etapa finaliza luego de la aprobación de los términos de referencia por parte del cliente. Es importante señalar de inmediato que las etapas del diseño del sitio web dependen de muchos factores, como el tamaño del sitio, la funcionalidad, las tareas que debe realizar el futuro recurso y mucho más. Sin embargo, hay varias etapas que son obligatorias en la planificación de cualquier proyecto. Como resultado, el documento que describe los términos de referencia puede tener las siguientes secciones principales:
  1. Objeto y finalidad del sitio.   
  2. Audiencia del sitio.
  3. Especificaciones.
  4. Contenido del sitio (estructura del sitio web con una descripción detallada de los elementos y funciones de cada página).
  5. Elementos y servicios interactivos (formularios de comentarios, búsqueda en el sitio, foro del sitio).
  6. Formularios (envío por correo, suscripción a la newsletter, feedback).
  7. Sistema de gestión de contenidos (contenido).
  8. requerimientos materiales.
  9. Transferencia de hospedaje.
Diseño de las páginas principal y estándar del sitio. El trabajo comienza con la creación de un diseño , generalmente en un editor de gráficos . El diseñador crea una o más opciones de diseño, de acuerdo con los términos de referencia. Al mismo tiempo, se crea por separado el diseño de la página principal, y los diseños de las páginas estándar (por ejemplo: artículos, noticias, catálogo de productos). En realidad, el "diseño de página" es un archivo gráfico, una imagen en capas, que consta de las capas de imágenes más pequeñas de los elementos de la imagen general.
Al mismo tiempo, el diseñador debe tener en cuenta las limitaciones de los estándares HTML (no crear un diseño que luego no pueda implementarse utilizando herramientas HTML estándar). La excepción es el diseño Flash .
El número de bocetos y el orden en que se entregan se negocia con el director del proyecto. El director del proyecto también controla el tiempo. En los grandes estudios web, un director de arte está involucrado en el proceso, quien controla la calidad de los gráficos. La etapa también finaliza con la aprobación del boceto por parte del cliente. diseño HTML El diseño aprobado se pasa al diseñador de diseño HTML , quien "corta" la imagen gráfica en dibujos separados, de los cuales luego se pliega la página HTML. El resultado es un código que se puede ver con un navegador. Y las páginas típicas se usarán más adelante como plantillas . Programación A continuación, los archivos HTML terminados se transfieren al programador. La programación del sitio web se puede realizar tanto desde cero como sobre la base de CMS  , un sistema de gestión de contenido. Los desarrolladores web a menudo se refieren a un CMS como un " motor ".
En el caso de CMS, debe decirse que el "CMS" en sí mismo es, en cierto sentido, un sitio listo para usar, que consta de partes reemplazables. El "programador" - en este caso sería correcto llamarlo simplemente un especialista en CMS - debe reemplazar la plantilla estándar que viene con el CMS con la plantilla original. Debe crear esta plantilla original basada en el "diseño web" original.
Al programar el sitio, al especialista se le asignan hitos. La etapa final del desarrollo del sitio web es la prueba. El proceso de prueba puede incluir una amplia variedad de controles: la apariencia de la página con fuentes ampliadas, con diferentes tamaños de la ventana del navegador [1] , en ausencia de un reproductor flash, y muchos otros. Además, pruebas de usabilidad .
Los errores detectados se envían para su corrección hasta que se corrijan. Los plazos son controlados por el director del proyecto. Asimismo, en esta etapa se involucra en la obra a un proyectista para realizar la supervisión arquitectónica . Colocar un sitio en Internet Los archivos del sitio se colocan en el servidor del proveedor ( alojamiento ) y se realizan las configuraciones necesarias. En esta etapa, el sitio aún está cerrado a los visitantes. Relleno de contenido y publicación. El sitio está lleno de contenido ( contenido ): textos, imágenes, archivos para descargar, etc. A veces los textos son compilados por un especialista del estudio, a veces el contenido lo maneja una persona responsable por parte del cliente. Esto se decide en la etapa de elaboración de una tarea técnica. Si el contenido es compilado por un representante del estudio, esto sucede y se aprueba en paralelo con otras etapas del proyecto. Cada página contiene bloques de texto, pueden ser típicos (estándar) y no típicos. Por lo general, un bloque de texto no estándar se encuentra en la página 404. Los bloques de texto estándar incluyen: Los elementos principales del bloque de texto:
  1. rúbricas 1, 2 y 3 niveles;
  2. Imágenes;
  3. imágenes en texto;
  4. galerías;
  5. texto;
  6. un bloque desplegable de texto que contiene un encabezado;
  7. listas numeradas y sin numerar;
  8. mesas;
  9. descargar archivos;
  10. video.
Optimización SEO interna Asociado con algunos cambios en el sitio en sí. La optimización SEO comienza con la definición del núcleo semántico. Aquí se determinan las palabras clave que atraerán a los visitantes más interesados, para los cuales es más fácil ganar la competencia. Luego, estas palabras se ingresan en el sitio. Los textos, enlaces, otras etiquetas se adaptan para que los motores de búsqueda puedan encontrarlos con éxito por palabras clave. SEO externo Todo se reduce, por regla general, a construir la estructura de los enlaces entrantes. Esto, de hecho, es la promoción del sitio . La optimización SEO externa no tiene nada que ver con el desarrollo de sitios web. La optimización SEO se clasifica en "blanca" y "negra" (una después de la cual el sitio llega a la cima en dos semanas y luego a la prohibición de los motores de búsqueda). El SEO de sombrero blanco real es un proceso que requiere mucho tiempo, cuyo costo puede ser varias veces mayor que el costo de crear un sitio web. entrega del proyecto El cliente o su representante autorizado ven el proyecto terminado y, si todo está bien, firman los documentos en la entrega del proyecto.
Además, en esta etapa, el representante del cliente está capacitado en las habilidades para trabajar en el área de administrador del sitio.

Profesiones principales

A menudo , los especialistas web combinan varias especialidades a la vez.

Véase también

Notas

  1. ↑ El diseño web del sitio debe verse adecuado en varios navegadores, especialmente en los navegadores Internet Explorer, Firefox, Safari, Chrome y Opera.
    Anteriormente , Internet Explorer (versión 6) interpretaba los estándares HTML a su manera (ecos de la vieja lucha por el liderazgo con Netscape ). Este navegador obsoleto creó muchos problemas para los diseñadores web. Muchos desarrolladores incluso se ofrecieron a abandonar el diseño de IE 6, sin embargo, la presencia de este navegador en la distribución estándar de Windows XP y, por lo tanto, su presencia en muchas computadoras de los usuarios, obligó a los diseñadores web a probar sus proyectos en él.

Literatura