Sí, en el escenario más simple, codificaría desde su diseño. Por lo general, primero habría pasado por un proceso de planificación y desarrollado un mapa del sitio y wireframes primero. Esto guiaría el diseño.
Imaginemos un sitio web estático simple con 3 tipos de páginas, la página de inicio, las páginas de inicio de sección y las páginas interiores. Usted, como diseñador, podría darme un archivo de Photoshop en capas con diseños para cada tipo de página. Idealmente, alguien también me proporcionará contenido aprobado, como archivos de texto y fotos que lo acompañen.
Tomaría esas páginas y las usaría como mi guía.
- Estoy buscando un gran diseñador web / desarrollador web / empresa de diseño web en Mumbai con una cartera impresionante y precios orientados a errores. ¿Donde lo encuentro?
- No tengo ninguna pieza de cartera, ¿debo configurar un sitio web personal?
- Soy un desarrollador web independiente, pero estoy buscando migrar a la industria o crear una startup web. ¿Aprender algo como ITIL será beneficioso para mí?
- Soy estudiante de licenciatura en Multimedia y me especializo en desarrollo web pero quiero ser un mejor diseñador. ¿Qué sería lo más interesante cuando te gradúes? ¿Para conseguir un trabajo, hacer una pasantía en el extranjero o seguir clases de arte?
- He escrito mi SEO para mi sitio web. ¿Cómo hago para que se publique en el sitio?
- Abriría el archivo para la página interior y vería cómo están organizados los elementos.
- Luego abriría mi editor y comenzaría a crear un archivo HTML para incluir elementos como un encabezado, logotipo, título, menú principal, barra lateral, área de contenido principal, etc. Este paso es como enmarcar una casa. Quiero asegurarme de poner todo en el orden correcto. Lo guardaré como algo como history.html, que podría ser una de mis páginas internas.
- Crearé un nuevo archivo para mi hoja de estilo principal y comenzaré a agregar el CSS a este archivo que controlará el loo, el posicionamiento, el tamaño del texto, los colores, etc. del HTML. Me referiré con frecuencia a mi archivo de diseño para verificar dimensiones, colores, etc. y para tomar activos como imágenes de fondo o logotipos.
- Trabajando de arriba hacia abajo, comenzaré a agregar contenido a la página. (Texto e imágenes, enlaces, etc.)
- Cargaré el archivo HTML y CSS en mi servidor web para ver cómo se ve hasta ahora.
- Seguiré editando el HTML y CSS y subiré el archivo hasta que se vea bien. Una vez que lo hace, se convierte en mi diseño maestro para páginas interiores. Puedo copiar eso y reemplazar el contenido para crear las otras páginas interiores.
- Abriré los archivos de diseño para los otros tipos de página y seguiré el mismo proceso, pero comenzaré editando una copia de mi página interior maestra ya que algunos de esos elementos serán los mismos para los otros tipos de página.
Esa es una vista simplificada del proceso. El sitio también puede incluir JavaScript, PHP o algo más para incluir características particulares. Si el sitio responde a dispositivos móviles, es posible que también esté trabajando con archivos de diseño para versiones móviles. Por ejemplo, podría usar un diseño de una columna para teléfonos pequeños y un diseño de 3 columnas para escritorio.
Si el sitio requiere más funcionalidad de back-end, como bases de datos y scripts, podría trabajar en el proyecto con un desarrollador de back-end y compartiríamos el código entre nosotros para que las cosas funcionen. Necesitaríamos comunicarnos entre nosotros. O podría hacerlo todo yo mismo si tengo las habilidades necesarias.
Por ejemplo, si el sitio tiene un formulario de consulta que enviará un correo electrónico al propietario del sitio y pondrá una copia en una base de datos, entonces necesitaré tener una base de datos configurada y necesitaré algún tipo de script para procesar el formulario . Como desarrollador front-end necesitaré información sobre el script que pueda incluir en mi HTML. Como desarrollador de back-end, necesitaré saber qué campos hay en el formulario, para poder incluirlos en el script y la base de datos.
Parte del trabajo de back-end tendrá que hacerse temprano, algunos vendrán más tarde. Depende del proyecto. Si tenemos un desarrollador front-end y un desarrollador back-end trabajando en equipo, se unirán para determinar el orden en el que deben realizarse las tareas. Hay una cierta cantidad de ida y vuelta en esto.
Normalmente construyo sitios de WordPress, que maneja muchos de mis requisitos de back-end, así que comenzaré instalando WordPress y mi base de datos. Luego crearé mi tema (una colección de archivos de plantilla) y usaré complementos y scripts para agregar características. El contenido se agregaría a través del panel de control de WordPress.