Índice
Las mejores preguntas de la entrevista de diseño web
Estas son las preguntas y respuestas de la entrevista de diseño web para que los candidatos a diseñadores de páginas web, tanto noveles como experimentados, consigan el trabajo de sus sueños.
1) Menciona cuáles son los principales lenguajes o plataformas utilizados para el diseño web
Los principales lenguajes utilizados para el diseño web son
- HTML: Plantilla base
- CSS: Estilización
- JavaScript: Funcionalidad
- PHP: Scripts del lado del servidor
2) Explica cómo puedes establecer una imagen como fondo en las páginas web
Para establecer una imagen como fondo en la página web, apunta el cuerpo del fondo al nombre de la imagen que quieres establecer como fondo, como se muestra a continuación.
etiqueta.
También puedes fijar la imagen de fondo para que, al utilizar la barra de desplazamiento en el navegador, no se mueva. Para ello añade la etiqueta BGPROPERTIES como se muestra a continuación
3) Menciona qué entiendes por diseño responsivo en una página web
El diseño responsivo es un enfoque de la construcción de sitios para proporcionar una experiencia óptima de visualización e interacción. Se centra en facilitar la navegación del sitio con un mínimo de desplazamiento, panorámica y cambio de tamaño en todos los dispositivos. Bootstrap es el marco de trabajo CSS, HTML y JS más popular que se utiliza para desarrollar el diseño web responsivo
4) Menciona cuáles son algunos malos ejemplos de diseño web
- Imágenes parpadeantes, giratorias o intermitentes
- Fondo negro con texto blanco, claro o pálido
- Fondos negros con texto oscuro
- Imágenes de fondo con mosaico con texto de cualquier color
- Todo centrado
- Demasiadas imágenes o imágenes enormes
- Lista de enlaces
- Demasiados titulares o Texto parpadeante
5) Explica qué es la arquitectura de la información
En las páginas web, la arquitectura suele referirse a la estructura y la navegación de todo un sitio.
6) Explica cómo se puede alinear una imagen para que una esté más alta o más baja que la otra
Para alinear la imagen de modo que una pueda estar más alta o más baja que la otra, utiliza la declaración de alineación en tu etiqueta IMG SRC.
< IMG SRC = "http://www.xyz.com/chguy.gif" align=top >
También puedes usar align=top o puedes hacer align=middle/bottom
7) Explica qué es una plantilla de Dreamweaver
Las plantillas de Dreamweaver permiten a los webmasters definir regiones «no editables» y «editables» de una página web, sólo en la plantilla de Dreamweaver se pueden editar las regiones «no editables». Cualquier cambio implementado en la plantilla de Dreamweaver actualizará cualquier página HTML que utilice la plantilla.
8) Explica cuál es la diferencia entre «visibility:hidden» y «display:none»
Ambas son propiedades de estilo
- visibilidad:oculta: Esta propiedad oculta el elemento, pero sigue ocupando espacio en el diseño
- display:none: Elimina completamente el elemento del documento. No ocupa ningún espacio, aunque el HTML para él sigue estando en el código fuente.
9) En CSS, ¿cuándo utilizarás CSS float?
En CSS, utilizarás CSS float cuando quieras hacer que un elemento de tu página se desplace a la derecha o a la izquierda y haga que otros elementos lo envuelvan.
10) ¿Por qué un gráfico que contiene varias palabras debe guardarse en GIF en lugar de JPG?
Es preferible almacenar la imagen en formato GIF si la imagen consta de ciertas palabras, porque JPG tiene características de compresión de archivos que pueden hacer que las fuentes sean ilegibles.
11) Explica cómo puedes integrar un archivo CSS en tu página web
Para integrar el archivo CSS con cualquier número de archivos HTML, tienes que integrar el archivo después de la etiqueta utilizando la propiedad «Link».
12) ¿Enumera algunas de las funciones JQuery utilizadas para el diseño de páginas web?
Algunas de las funciones de JQuery utilizadas para el diseño de páginas web son
- Panel deslizante simple
- Efecto de desaparición simple
- Efecto de transición encadenable
- Acordeón#1 y Acordeón#2
- Efecto hover animado
- Todo el bloque es clicable
- Paneles plegables
- Galería de sustitución de imágenes
- Estilización de diferentes tipos de enlaces
13) Como diseñador web, al declarar el botón «eliminar», ¿cuál sería tu elección de color?
Haz que el botón «Eliminar» sea más prominente utilizando un color como el rojo, especialmente cuando tengas que mostrar dos botones uno al lado del otro. El rojo es un signo de precaución, así que definitivamente ayudará al usuario a llamar su atención.
14) ¿Explica cómo puede un desarrollador aprender sobre diseño web?
El desarrollador puede aprender sobre diseño web con los siguientes consejos
- Visita sitios web como «Smashing Magazine» para tener una mejor idea sobre el diseño web
- Otro sitio web es «Best Web Gallery», que también puede ser útil para obtener una visión de la calidad del diseño y de los diseños
- Prueba herramientas como Adobe Illustrator
- Crea un sitio web dinámico utilizando MySQL y PHP
- Aprende lenguajes básicos como HTML, CSS, JavaScript, PHP o jQuery
15) Explica por qué la gente borra la pantalla varias veces cuando utiliza una calculadora
Las versiones más antiguas de las calculadoras tienen varios botones de «cancelación» (C, CE). El botón CE sólo borra la última entrada, pero no interrumpe el cálculo actual. Por ejemplo, si introduces 2+1 y luego pulsas CE, se mostraría 0, pero la calculadora espera un segundo operando para la suma. (2+ sigue ahí en la memoria). Así que para asegurarse de que no queda nada en la memoria y para empezar un nuevo cálculo, a menudo vemos a la gente pulsar el botón de borrar un par de veces. No se debe a un fallo en el diseño de la calculadora.
16) Menciona por qué el cursor del ratón está ligeramente inclinado y no recto
En los inicios de la tecnología del ratón, se comprobó que, dada la baja resolución de las pantallas de entonces, dibujar una línea recta y una línea en un ángulo de 45 grados era más fácil de hacer y más reconocible que el cursor recto. Además, la flecha inclinada podía facilitar el cálculo de la posición del clic porque el origen del mapa de bits del cursor estaba en la parte superior izquierda. Esto ahorraba a la subrutina de seguimiento del ratón un cálculo en cada clic.
17) ¿Explica qué es un sistema de rejilla?
Un sistema de rejilla es una estructura compuesta por una serie de líneas horizontales y verticales que se cruzan y que se utilizan para organizar el contenido. Es una forma de proporcionar un sistema para que los diseñadores puedan trabajar con la estructura y presentar el contenido. Para los principiantes en el diseño web, siempre se sugiere que utilicen las retículas prefabricadas para el diseño web, ya que son relativamente fáciles de usar.
18) Al escribir un mensaje de error, ¿qué cosas hay que tener en cuenta?
Debes tener en cuenta lo siguiente
- No utilices palabras negativas
- Mencionar claramente el error para que el usuario sepa qué debe corregir
- Dar al usuario una pista o un enlace para resolver el error
- Echa la culpa a ti mismo y no al usuario
Estas preguntas de la entrevista también te ayudarán en tu viva (oral)