Diseño Web - Manuel Flashcards
¿Qué es internet?
ES UNA ESTRUCTURA DE ORDENADORES.
y estas comparten información.
¿Qué servicios ofrece la internet?
LA INTERNET OFRECE:
1) Correo electrónico
2) Transferencia de archivos
3) Paginas Web
¿Qué es la web?
UN SERVICIO DE LA INTERNET.
Sirve para difundir contenido.
¿Cuál es la diferencia entre la web e internet?
LA INTERNET: UNA ESTRUCTURA
LA WEB: UN SERVICIO DE LA INTERNET.
¿Qué es un Metadato?
DATOS ACERCA DE LOS DATOS. NO ES IMPORTANTE PARA EL USUARIO PERO SI PARA EL ORDENADOR.
Es la información interna de archivos/contenidos
¿Qué es Híper Texto?
ES TEXTO + ENLACE.
Es un texto con un enlace que te permite navegar entre varias páginas.
¿Qué es HTML?
LENGUAJE DE ETIQUETADO DE HIPERTEXTO (HyperText Markup Language).
Es un lenguaje de etiquetado que se encarga de crear la ESTRUCTURA o esqueleto de nuestra página web.
¿Qué es CSS?
HOJAS DE ESTILO EN CASCADA
(Cascading Style Sheets).
Hojas de estilo en cascada. Es un lenguaje de DISEÑO que nos permite aplicar estilos a nuestra estructura.
¿Qué es un navegador?
ES UNA HERRAMIENTA QUE INTERPRETA CÓDIGO.
Esta la hacemos para mostrarlo de manera visual al usuario.
¿Cuáles son los principales navegadores?
PRINCIPALES NAVEGADORES:
1) Chrome
2) Firefox
3) Safari.
¿Qué significa URL?
LOCALIZADOR ÚNICO DE ARCHIVOS
(Uniform Resource Locator)
ES UNA HERRAMIENTA QUE NOS PERMITE LOCALIZAR UN ARCHIVO.
Es la barra de búsqueda en donde pondremos la ruta (una pagina web).
Solo tiene la capacidad de abrir 1 solo archivo a la vez.
¿Quién es Tim Berners-Lee?
ES CONSIDERADO EL PADRE DE LA WEB.
¿Qué año se conoce como el nacimiento de la web?
NOVIEMBRE DE 1990
¿Cuáles son los recursos necesarios para tener una página web online?
RECURSOS PARA UNA WEB:
1) Servidor / Hosting
2) Dominio
3) FTP.
¿Qué es un Servidor o Hosting?
ORDENADOR QUE ALMACENA DATOS.
Estas se pueden acceder de forma online.
¿Qué es un Dominio?
ES UNA RUTA AMIGABLE.
Se usa para poder entrar a un Hosting, forma parte de la URL.
¿Qué es FTP?
PROTOCOLO DE TRANSFERENCIA DE ARCHIVOS.
(File transfer Protocol)
Es el protocolo para transferir archivos de un ordenador a otro.
¿Qué es Front-End?
ES TODO LO QUE VE EL USUARIO.
Son los archivos que se descargan del servidor y son procesados por nuestro CPU.
¿Qué es Back-End?
PARTE LÓGICA QUE NO VE EL USUARIO. (SQL- PHP)
Es la información que se procesa directamente al servidor y permite la conexión entre otros dispositivos y tecnologías.
¿Qué es un IDE?
ENTORNO DE DESARROLLO INTEGRADO
(Integrated Development Environment)
Es un conjunto de herramientas que nos permite hacer un trabajo.
Tipos de IDE: Visual Studio, Adobe Dreamweaver.
¿Qué es una etiqueta?
EL ELEMENTO MÁS PEQUEÑO DEL HTML.
Es el elemento más pequeño que nos sirve para crear la estructura de un documento HTML.
¿Qué es un atributo?
HERRAMIENTA QUE MODIFICA CARACTERÍSTICAS DE UN ELEMENTO.
Los atributos siempre se escriben en la apertura.
¿Cuáles son los elementos de la estructura en un archivo HTML?
1) DOCTYPE (tipo de documento),
2) HTML (elemento raíz)
3) HEAD (meta charset, meta viewport, title)
4) BODY.
¿Qué es el contenido semántico?
IMPORTANCIA QUE TIENE UNA ETIQUETA PARA EL BUSCADOR.
Es aquel contenido que, tal vez, no tenga una importancia visual, pero es importante para los buscadores.
¿Qué es una ruta absoluta? (Como término general)
Como término general: es la RUTA COMPLETA que parte desde el almacenamiento desde el archivo.
¿Qué es una ruta absoluta? (Como término web)
Como término web: es aquella que se compone de:
1) “Protocolo” (HTTP)
2) “Dominio” (cei.es)
3) “Ruta relativa” (el resto de información que aparece detrás del dominio).
¿Qué es una ruta relativa?
ES SOLO UNA PARTE DE UNA RUTA COMPLETA (ABSOLUTA)
En web el punto “A” es el archivo en el que estamos trabajando y el punto “B” es el archivo de destino.
¿Cuál es la diferencia entre una ruta relativa y una ruta absoluta?
La absoluta es la RUTA COMPLETA
La relativa es solo una PARTE DE LA RUTA.
¿Cuáles son las formas de incluir CSS en Html y cuál es su prioridad?
En el elemento a través del atributo style – Alta
En el head con la etiqueta - Media
En un documento externo - Baja - mayor recomendación
¿Qué son los selectores?
HERRAMIENTAS QUE IDENTIFICAN AL ELEMENTO.
En el que queremos aplicar estilos.
Nombre los principales tipos de selectores.
Selector universal: Nos permite añadir propiedades a todos los elementos.
Selector de etiqueta: Nos permiten cambiar estilos a una etiqueta.
Selectores descendentes: Aplican estilos a etiquetas anidadas de otra etiqueta.
Selector de clase: Nos permite crear una clase y añadirla a diferentes elementos.
Selector de ID: Nos permiten aplicar un estilo etiquetas con id definido.
¿Qué son las unidades de medida?
HERRAMIENTAS QUE PERMITEN APLICAR DIMENSIONES A LOS ELEMENTOS.
¿Diferencia entre las unidades de medida absolutas y relativas?
MEDIDAS ABSOLUTAS: toman su valor en cuanto a sí mismas
MEDIDAS RELATIVAS: toman su valor según otro elemento.
Nombre las unidades de medida.
Absolutas: cm, mm, px, in (pulgada)
Relativas:
% > (toma el valor de su padre),
vh > (toma el valor del alto del viewport),
vw > (toma el valor del ancho del viewport),
em > (toma el valor como múltiplo de su padre), rem (toma el valor como múltiplo del elemento raíz).
<strong>: Pone el texto en negrita pero tiene más carga semántica que la b.</strong>
¿Qué son las unidades de color?
Son herramientas que nos permiten aplicar colores a los elementos.
Nombre las diferentes unidades de color.
1) Palabras del sistema,
2) Decimales: rgb(0,0,0);
3) Decimales con opacidad: rgba(0,0,0,1);
4) Porcentuales: hsl(0,0%,0%);
5) Hexadecimales. #000000;
¿Para qué sirve la @import?
Nos sirve para incluir fuentes y otros códigos css.
¿Qué es DOCTYPE ?
Indica qué TIPO DE DOCUMENTO va a procesar el navegador.
¿Qué es Head?
ES UNA ETIQUETA LÓGICA
que contiene metadatos y otros tipos de códigos.
¿Qué es Charset?
Define el tipo de caracteres que procesa nuestra web.
¿Qué es Body ?
Es la ETIQUETA VISUAL
que mostrará todo el diseño de nuestra web.
¿Qué es H1?
son etiquetas que sirven para crear títulos. Los encabezados se enumeran desde el 1 hasta el 6 y se consideran etiquetas semánticas.
¿Qué es P?
PARRAFO
es la etiqueta genérica para bloques de texto.
¿Cuales son los listado de etiquetas HTML?
DIV H1 A P UL OL LI DL
¿Qué es UL? (unorganized lists)
LISTAS DESORDENADAS.
muestran el contenido con viñetas.
¿Qué es OL? (Organized lists)
LISTAS ORDENADAS
muestra el contenido numerado.
¿Qué es LI? (Item list)
ELEMENTO DE LA LISTA. PADRE DE TODAS LAS LISTAS.
Determina un elemento. Todas las listas están compuestas por esta etiqueta. No puede haber UL sin LI y viceversa.
¿Qué es DL? (Definition List)
LISTAS DE DEFINICION. CREA GLOSARIOS.
A diferencia de las otras listas necesita de dos etiquetas para funcionar.
¿Cuales son los listado de atributos HTML?
1) Href
2) Target
3) Src
4) Alt
5) Width
6) Height
¿Qué es Href?
ATRIBUTO PARA PONER UN ENLACE.
En el que ponemos la ruta que ha de seguir el navegador para un enlace.
¿Qué es Src?
ATRIBUTO PARA PONER UNA IMAGEN.
en el que ponemos la ruta que ha de seguir el navegador para ver una imagen.
¿Qué es Width?
Ancho
¿Qué es Height?
Alto
Listado de Propiedades CSS
1) Margin
2) Padding
3) Border
4) Font-family
5) Font-size
6) Font-weight
7) Font-style
8) Color
9) Text-align
10) Text-decoration
¿Qué es Margin? (css)
Es el espacio entre elementos
¿Qué es Padding? (css)
Es el espacio entre content y border.
¿Qué es font-family? (css)
Cambia el estilo de letra
¿Qué es font-size? (css)
Cambia el tamaño de la letra
¿Qué es font-weight? (css)
Cambia el grosor de la letra (negrita)
¿Qué es font-style? (css)
Le añade cursiva
¿Qué es Color?(css)
CAMBIA EL COLOR DE LAS LETRAS Y ELEMENTOS
¿Qué es text-align? (css)
alinea el contenido (centro, izquierda, derecha, justificado)
¿Qué es text-decoration? (css)
Cambia el decorado de la fuente (none, line-through, overline, underline)
¿Qué es Border? (css)
ES PARA APLICAR BORDE AL ELEMENTO.
La propiedad border debe escribirse en el siguiente orden:
1) Tamaño
2) Tipo
3) Color.
¿Cuál es la función de la propiedad display?
Es la propiedad que nos permite cambiar la naturaleza de nuestro elemento.
¿Qué valores recibe comúnmente la propiedad display?
1) Inline
2) block
3) inline-block
4) flex
5) grid
6) none.
¿Qué se conoce como flexbox?
Es un paradigma de maquetación que se basa principalmente en el uso de elementos flexibles.
¿Cuál es el primer paso para convertir un elemento a tipo flexible?
Poner la propiedad display-flex
¿Verdadero o Falso?
¿Se pueden aplicar las mismas propiedades de Flexbox tanto a elementos padres como hijos?
FALSO.
Cada uno tiene sus propiedades.
1) Aunque el hijo hereda del padre el nieto no.
2) El Width se ajusta al contenido pero el Height ocupa el 100%.
¿Qué valores recibe la propiedad flex-direction?
Row; Row Reverse; Column, Column-Reverse
¿Qué hace el Row?
SE ALINEA HORIZONTALMENTE
¿Qué hace el Row-Reverse?
SE ALINEA HORIZONTALMENTE, cambiando el orden de los elemento
¿Qué hace el Column?
SE ALINEA VERTICALMENTE
¿Qué hace el Column-reverse?
SE ALINEA VERTICALMENTE, cambiando el orden de los elementos.
¿Cuál es el eje principal y secundario de un elemento según el valor que reciba flex-direction?
FLEX-DIRECTION EN ROW:
El eje principal es el X y el secundario es el Y.
FLEX-DIRECTION EN COLUMN:
El eje principal es el Y y el secundario es el X.
¿Qué hace el flex-wrap?
GESTIONA LA CANTIDAD DE ELEMENTOS POR LINEA. SI NO ENTRAN, PASAN A LA SIGUIENTE.
¿Qué eje alinea la propiedad justify-content y que valores recibe?
ALINEA EL EJE PRINCIPAL.
Sus valores son:
1) Flex-start
2) Flex-end
3) Space-around
4) Space-between
5) Space-evenly
.
¿Qué eje alinea la propiedad align-items y que valores recibe?
ALINEA EL EJE SECUNDARIO.
Sus valores son:
1) Flex-start
2) Flex-end
3) Center
4) Stretch
5) Baseline
¿Cuándo debemos utilizar la propiedad align-content?
PARA USAR LOS MISMOS VALORES DE JUSTIFY-CONTENT EN VARIAS LINEAS DE CONTENIDO.
(cuando tenemos flex-wrap con el valor: wrap)
¿Para que utilizamos las propiedades flex-grow y flex-shrink?
FLEX-GROW: es el índice de crecimiento de los elementos para abarcar el 100% del contenido.
FLEX-SHRINK: es el índice de reducción de los elementos para abarcar el 100% del contenedor.
¿Qué valores recibe el atajo flex-flow?
FLEX-DIRECTION + FLEX WRAP.
Recibe los valores de flex-direction y flex-wrap.
¿Para qué sirve la propiedad Order?
ORGANIZA ELEMENTOS SIN MODIFICAR EL DOM.
Permite organizar los elementos con un orden que nosotros establezcamos sin modificar el DOM.
¿Para qué sirve la propiedad Align-self?
ALINEA EL EJE SECUNDARIO DE UN ELEMENTO POR SEPARADO.
Permite alinear un único elemento sin modificar la alineación de los demás.
¿Qué conocemos como filosofía Mobile First y Desktop First?
MOBILE FIRST se construye la web iniciándose desde el MÓVIL.
DESKTOP FIRST se construye la web iniciándose desde el ORDENADOR.
¿Qué es la etiqueta form y para qué sirve?
ETIQUETA PARA FORMULARIOS. HERRAMIENTA QUE NOS PERMITE PEDIR INFORMACIÓN AL USUARIO.
Es una etiqueta lógica por lo tanto no se le aplican estilos.
¿Cuáles son los principales atributos de la etiqueta form?
ACTION, METHOD Y TYPE
Action: (DONDE) es la ruta a la que vamos a enviar los datos, suele ser un archivo PHP.
Method: (COMO) es el cómo vamos a enviar los datos.
Type: (QUE) nos permite indicar que tipo de campo de dato mostrará el navegador.
¿Qué atributo debemos utilizar si queremos recibir archivos a través de un formulario y que valor recibe?
ENCTYPE lo utilizaremos cuando tengamos archivos de tipo FILE. (archivos PDF, JPG, ETC).
En este caso utilizaremos el valor “multipart/form-data”.
¿Cuáles son las diferencias entre el método POST y el método GET al momento de enviar un formulario?
POST: ENVÍA POR PAQUETE DE DATOS. (más seguro).
CONTENIDO SENSIBLE.
(Ejemplo: Contraseña, dirección)
GET: ENVÍA DATOS A TRAVÉS DE LA URL.
CONTENIDO POCO RELEVANTE.
(Ejemplo: nombre, apellido)
¿Qué es un input y que función cumple?
ETIQUETA GENÉRICA PARA CREAR CAMPOS DE FORMULARIO.
¿A qué llamamos validación de entrada?
FUERZA AL USUARIO INTRODUCIENDO EL DATO CORRECTO.
¿Cuál es la diferencia entre Radio y Checkbox?
Radio: Marcar solo una opción entra varias posibles.
Checkbox: CASILLAS DE VERIFICACIÓN DE SELECCIÓN MULTIPLE.
¿Cómo debemos construir input de tipo radio?
CREAR INPUT TIPO RADIO, MISMO NAME Y DIFERENTE VALUE. USAR ETIQUETA LABEL,
Dándole a la etiqueta input un valor de tipo radio. Todos los inputs de tipo radio deben tener el mismo name y diferente value para que funcionen. Al ponerles a todos el mismo name te permite seleccionar un elemento y que no se queden todos los inputs marcados.
Con este input utilizaremos la etiqueta label que es una etiqueta visual para indicar que dato estamos pidiendo. Dentro de esta etiqueta tendremos el atributo for que nos permite vincular el labol al input. De esta forma si el usuario da click en la etiqueta labol en vez de en el input de tipo radio también se marcaría.
¿Qué es un pseudo-elemento?
TIENE PARTE VISUAL PERO NO TIENE ETIQUETA.
Es todo aquello que tenga una parte visual pero no tenga etiqueta.
¿Qué es un pseudo-selector?
SELECCIONA EL ESTADO DEL ELEMENTO.
¿Define modelo de cajas?
FILOSOFÍA QUE INDICA QUE EN LA WEB TODOS SON CAJAS.
Todo lo que veamos tenga la forma que tenga, a nivel lógico, viene en una caja. Estas cajas están compuestas por PADDING, BORDER Y MARGIN y CONTENT
¿Cuál es la función de max-width y max-height?
Límite de CRECIMIENTO de un elemento.
¿Cuál es la función de min-width y min-height?
Límite de REDUCCIÓN de un elemento.
¿Qué se conoce como Overflow?
CUANDO EL CONTENIDO ES MAYOR QUE EL CONTENEDOR.
¿Qué valores recibe la propiedad Overflow?
Visible: Viene por defecto, cuando se SOBREPASA la página.
Hidden: Se OCULTA el contenido que está superando el contenedor.
Scroll: Utiliza una barra para los DOS EJES (vertical y horizontal).
Auto: Es el que más se utiliza, utiliza UNA BARRA de deslizar para bajar y subir y ver todo el contenido.
¿Qué zonas posee un elemento?
Top, bottom, left, right y center.
Nombre las características de la posición relativa.
1) Se posiciona en cuanto a sí misma.
2) No rompe el flujo de texto.
Nombre las características de la posición absoluta.
1) Se posiciona con respecto al padre si tiene posición,
2) Si el padre no tiene posición se posiciona en cuanto al viewport.
3) Rompe el flujo de texto.
Nombre las características de la posición fija.
position fixed
1) Se posiciona en cuanto al VIEWPORT.
2) ROMPE el flujo de texto.
3) Viene con nosotros cuando hacemos SCROLL
¿Qué son los Snippets?
HERRAMIENTA QUE NOS COMPLETA EL CÓDIGO DE MANERA AUTOMATICA.
En marketing digital es un anuncio que pone google para acceder a la página web.
¿Qué es la CPU?
UNIDAD CENTRAL DE PROCESAMIENTO
(Central Processing Unit)
ES EL HARDWARE DE UN ORDENADOR. INTERPRETA INSTRUCCIONES DE UN PROGRAMA INFORMÁTICO.
Todo mediante realización de las operaciones básica, aritméticas, lógicas y externas (provenientes de la unidad de entrada/salida).
¿Qué es un editor de texto?
PROGRAMA INFORMÁTICO QUE PERMITE CREAR Y MODIFICAR ARCHIVOS.
Compuestos únicamente por:
1) Textos sin formato, conocidos comúnmente como archivos de texto o “texto plano”.
¿Qué es un modelo de caja?
FILOSOFÍA QUE INDICA QUE EN LA WEB TODOS SON CAJAS.
Es el concepto que utiliza:
1) Contenido
2) Padding: (espacio entre el contenido y el Border.
3) Border: (lo que recubre la caja))
4) Margin: (espacio entre elementos diferentes).
. Diferencias entre selectores de clase y de id.
- El ID TIENE PRIORIDAD sobre la clase.
- LA CLASE ES RESURSIVA, se puede aplicar a varios elementos en un documento. El id es único, solo podemos tener un id por documento.
- Podemos tener VARIAS CLASES EN EL MISMO ELEMENTO, mientras que solo podemos tener un id por elemento.
¿Qué hace los elementos tipo línea?
- Se colocan uno al lado del otro.
- El contenedor se ajusta al contenido.
- No sigue el modelo de caja por completo.
Listado de elementos tipo línea: b, i, em, strong, a, br, img, map, script, span, button, input, label, select, textarea.
¿Qué hace los elementos tipo bloque?
- Se colocan UNO DEBAJO DE OTRO.
- El contenedor OCUPA EL 100% del ancho disponible.
- Sigue el MODELO DE CAJAS por completo.
¿Qué hace la A ?
ENLACE
Sirve para crear un enlace.
¿Qué hace la BR? (html)
FUERZA UN SALTO DE LINEA
¿Qué hace la HR? (html)
CREA UNA LINEA HORIZONTAL PARA SEPARAR ELEMENTOS.
¿Qué significa las siglas WWW?
WORLD WIDE WEB
¿Cuáles son las 3 tecnologías que requiere la web?
HTTP
URL
HTML
¿Verdadero o Falso?
¿Puede haber HTML sin CSS?
VERDADERO.
Puede haber HTML sin CSS…
Pero CSS sin HTML NO.
¿Diferencias entre lenguaje interpretado y compilado?
INTERPRETADO: NECESITA de un 3er programa.
(ejemplo: javascript, html, css)
COMPILADO: Se ejecuta SOLO.
(ejemplo: adobe XD)
¿Qué significa las siglas DNS y qué hace?
DOMAIN NAME SYSTEM
(sistema de nombres de dominio)
Es el que se encarga de cambiar el dominio a ip y de ip a dominio.
¿Qué hace el cliente FTP?
SIRVE PARA TRANSFERIR NUESTROS ARCHIVOS DE NUESTRO ORDENADOR A UN SERVIDOR.
¿Qué significa las siglas UI?
UI: (User Interface)
Guía al usuario por la APP durante el tiempo que él la usa.
¿Qué significa las siglas UX?
UX: ( User Experience)
Cómo una persona se siente mientras usa cualquier producto o servicio digital.
¿Qué es el SQL?
Structured Query Language
LENGUAJE DE PROGRAMACIÓN que interactúa con la BASE DE DATOS.
¿Qué es el PHP?
Hypertext Preprocessor
LENGUAJE DE PROGRAMACIÓN que interactúa con el SERVIDOR.
Nombra el META CHARSET usado en el Occidente.
UTF - 8
Significado: Unicode Transformation Format
ASCII (era el anterior meta charset, descontinuado)
¿Qué es la carga semántica?
JERARQUÍA DE ETIQUETAS.
Esto lo tomará en cuenta el navegador
¿Para qué sirve BEFORE? (pseudo-elementos)
BEFORE:
Pone un texto ANTES del contenido de una etiqueta. Siempre hay que poner la propiedad content aunque no le demos ningún valor.
Ejemplo:
300 ; @ 300; $ 300
¿Para qué sirve AFTER? (pseudo-elementos)
AFTER:
Pone un texto DESPUÉS del contenido de una etiqueta. Siempre hay que ponerle la propiedad content aunque no le demos ningún valor.
Ejemplo:
300# ; 300@ ; 300$
¿Para qué sirve PLACEHOLDER? (pseudo-elementos)
PLACEHOLDER:
Muestra un texto que DESCRIBE BREVEMENTE lo que el usuario debe rellenar en el campo y que DESAPARECE cuando el usuario comienza a escribir en él.
Siempre trae opacity en 0.5, para que se vea el color sin opacidad tenemos que poner el valor en 1.
¿Qué es el DIV?
ETIQUETA GENÉRICA DE TIPO BLOQUE
En un div no puedes poner texto.
¿Qué es el SPAN?
ETIQUETA GENÉRICA DE TIPO LINEA
Se utiliza también como una Etiqueta de texto corto.
¿Para qué sirve el botón SUBMIT?
ENVÍA EL FORMULARIO
¿Para qué sirve el botón RESET?
VACÍA LOS INPUTS YA ESCRITOS DEL FORMULARIO.
Esta acción no borra, sino que vuelve a su valor por defecto.
¿Para qué sirve el botón BUTTON?
MUESTRA UN BOTON.
Hay que ponerle JS para que funcione.
1) Si su padre es Form por defecto es de tipo SUBMIT.
2) Si su padre no es Form por defecto es de tipo BUTTON.
Nombre los pseudo-selectores de tipo ACCIÓN.
HOVER , ACTIVE, CHECKED Y FOCUS.
HOVER: Aplica un estilo cuando le pasamos por encima del elemento.
ACTIVE: Aplica estilo cuando se le da click.
CHECKED: Cuando un input para hacer check.
FOCUS: Aplica estilo cuando enfocamos el elemento.
Nombre los pseudo-selectores de tipo ENLACE.
LINK(para todos los enlaces que no se haya visitado).
VISIT(para el enlace que ya se ha visitado).
¿Cuáles son las 3 reglas para hacer una composición con POSITIONS?
1) TODOS deben tener position.
2) TODOS deben tener Z-index.
3) Si usamos un position en Absolute, romper el flujo de texto, HAY QUE DEFINIR eje X y Eje Y.
Nombre las características de la posición Sticky
UNA MEZCLA ENTRE POSITION RELATIVE Y FIXED.
Rompe el flujo de texto para solapar.
¿Qué es el Overlay?
APLICA UN FILTRO PARA DIFERENCIAR EL TEXTO DEL FONDO.
Puede ser toda la pantalla o solo la parte de la letra, suele usarse para diferenciarlo de una imagen o video de fondo.
¿De qué formato tiene que ser los logos de la web?
SVG.
Scalable Vector Graphics
¿Qué es el iFrame?
ES COLOCAR EL CONTENIDO DE OTRO SITIO.
Siempre y cuando no tenga posicionamiento.
Ejemplo: Widgets de Google Maps, Youtube, Spotify.
¿Qué son los Validadores?
SE UTILIZA PARA CORREGIR EL CODIGO DE LA WEB.
¿Qué es el Layout/Wallframe?
SON BOCETOS / PROTOTIPOS DE LA ESTRUCTURA Y DISEÑO DE UNA PAGINA WEB.
¿Qué es el Mockup?
PROTOTIPO MÁS CERCANO AL BOCETO FINAL DE UNA PAGINA WEB.
Nombre los pseudo-selectores de tipo POSITION
FIRST CHILD: Primer hijo, se le aplica al primer hijo
LAST CHILD: Último hijo, se le aplica al último hijo
NTH-CHILD: Para seleccionar cualquier hijo individualmente, aunque está el odd(pares) o even(impares) o progresivas. (2n- 2)(múltiplos)
ONLY CHILD: Un solo hijo. se le aplica las propiedades.
FIRSTOFTYPE: Va a seleccionar el primero de cada nombre de etiqueta.
LASTOFTYPE: Va a seleccionar el último de cada nombre de etiqueta.
¿Qué es el MEDIA QUERIES?
TÉCNICA DE MAQUETACIÓN.
para sobreescribir propiedades según el viewport.
¿Qué es el Breackpoint?
ES CUANDO SE PASA EL VIEWPORT DE UN DISPOSITIVO A OTRO.
¿Qué es el Flex-Order?
CAMBIA EL ORDEN DE LOS ELEMENTOS, SIN CAMBIAR EL FLUJO DE TEXTO.
¿Qué es el CDN?
RED DE DISTRIBUCIÓN DE CONTENIDO.
content delivery network
¿Diferencias entre una librería y un Framework?
LIBRERÍA: TIENE SOLO 1 LENGUAJE DE PROGRAMACIÓN.
FRAMEWORK: TIENE MÁS DE UN LENGUAJE DE PROGRAMACIÓN.
¿Qué son los las estructuras de código?
CUANDO UNA ETIQUETA DEPENDE DE OTRA PARA FUNCIONAR.
¿Qué es y que son las siglas el TCP/IP? (Dirección IP)
TCP: PROTOCOLO DE CONTROL DE TRANSMISIÓN
(Transmission Control Protocol).
IP: PROTOCOLO DE INTERNET
(Internet Protocol)
Permiten la transmisión de datos entre computadoras.
