Tip:
Highlight text to annotate it
X
Hola chicos buenas noches hoy aprendemos cómo crear un sitio web receptivo en
video anterior aprendemos completo crear un sitio web que puedes ver aquí en anterior
video que aprendemos pero en este video tutorial aprendemos cómo crear un
sitio web, así que antes que nada tenemos que comprobar dónde cómo verificar el sitio web sensible o
no haga clic derecho en la página, haga clic en Elegir inspeccionar y hacer clic en este dispositivo de alternar
la barra de herramientas puede ver el sitio web no es receptivo, pero aquí te muestro otro
este es un sitio web completamente receptivo Haga clic derecho en inspeccionar y puede ver
el sitio web tiene capacidad de respuesta completa que pueda Compruebe galaxy s5 elija 100% y puede ver
mira que es muy bueno, este es un sitio web receptivo y este es su sitio web receptivo y
puedes verificar el iphone y aquí elegir 100% se puede ver como iPhone, así que ahora
Ciérralo y ciérralo y aquí esta es un sitio web no receptivo cómo
crear un sitio web sensible, así que ahora arrastre y colocar en el bloc de notas plus plus y CSS
arrastrar y soltar y necesitamos primera copia y pegar en la etiqueta debajo de la cabeza del índice
index dot HTML así que entremos hoja de estilo y aquí ponemos ancho de ventana
el ancho de tu dispositivo lo siento anchura dispositivo-ancho en inicial
escala 1.0 significa que aquí te recargamos puede ver algunos cambios pero no responde
aquí tenemos que crear una completa receptivo así que aquí escribimos primero @
pantalla de medios y ancho máximo: 800 px y aquí necesitamos soporte de bucle debajo
el corchete pondrá selector de clase al igual que la división principal copiar y pegar
aquí
ponemos ancho cien por ciento lo siento aquí ponemos el noventa por ciento ahora
ctrl s para guardar y volver a cargar esta página puede ver el 90 por ciento de peso es el trabajo ahora
necesidad de este menú y aquí nos fuimos y derecho copiarlo selector de clase completa y
pegar aquí aquí aquí ahora necesitamos a cien lo siento, el 100 por ciento dejó una
y a la derecha y ahora recarga esta página puede ver y aquí hay algún problema en el menú
Ahora vamos en la parte superior izquierda aquí encontramos altura eliminar ctrl s para guardar y volver a cargar
esta página controla para guardar y volver a cargar esta página
ahora aquí tenemos que eliminarlo y puedes ver ahora tenemos que responder el menú para
ul li aquí copiarlo y pegarlo aquí y copiar pegar aquí y pegarlo
ahora tenemos que actualizar puedes ver ahora necesitamos un y aquí ponemos el 100% pegado
aquí ctrl s para guardar y volver a cargar esta página puedes ver ahora que verificamos esto
y puedes ver
80% aquí ponemos ctrl s de retroceso a Guarde y vuelva a cargar esta página y ahora
Necesitamos este bloque vamos y encontramos bloque a aquí cópialo y pégalo aquí y ponlo
100% de ancho y ahora recarga esta página puede ver que esto es un trabajo y ahora necesitamos
algunos aquí ponen margen: 0px relleno: 0px usted puede ver margen superior perdón arriba
puedes crear así y puedes copiar
cópialo muy claro y puedes ver selector principal principal y superior derecha ul li
y va aquí tenemos que pegar ctrl s y vuelva a cargar esta página, puede ver esto
esto funciona bien ahora necesitamos logo Centre tan a la derecha, haga clic en esto e inspeccione el elemento
elige aquí podemos ver arriba aquí necesitamos arriba a la derecha vamos arriba a la derecha y aquí
elegimos la img superior derecha y el margen
dejó 10px ctrl s para guardar y volver a cargar esto la página no funciona aquí ahora necesitamos
cambialo
ahora tenemos que limpiar esta parte superior izquierda aquí necesitamos control img superior izquierda y
arriba a la izquierda aquí algo mal porque queda y aquí ponemos a la izquierda y ahora
actualiza o recarga esta página puedes ver algunos cambios de casa así que aquí ahora necesitamos
30 PX y recarga esta página aquí necesitamos cientos de cientos de px y recargue esto
página que puedes ver aquí ponemos 80px de recarga
esta página puedes ver que esto es
sitio web receptivo y cómo crea un sitio web receptivo que puedas ver
y otro dispositivo como cien por ciento puedes comparar desde este sitio web y
este es un sitio web receptivo y este es el índice e inspecciona que puedas
mira y puedes ver
aquí ponemos receptivo cien por ciento aquí ponemos sensible puede ver el sitio web
es receptivo y este video tutorial aprende cómo crear un
sitio web receptivo así que gracias por viendo por favor votame gracias