Esta guía visual le guiará a través de importantes web receptivo conceptos de diseño y cómo implementarlas visualmente el interior Webflow.
Todos los elementos de esta página están todos los bloques dentro de otros bloques (también conocido como "Box Model"). Al arrastrar elementos de la web, los arrastra de un bloque y colocar en otra. Así es como funciona HTML!
Perfecto para cualquier negocio con 20 empleados o más.
Párrafo Perfecto para cualquier negocio con 20 empleados o más.
Todas las características sin las limitaciones. Todo lo que puedas comer. (Este es un elemento de párrafo)
Añadir elementos a su sitio web haciendo clic en el icono [+] en la esquina superior izquierda. A continuación se presentan algunos de los elementos más básicos de la estructura en el diseño web - secciones, contenedores y columnas.
Una Sección ocupa el 100% de la anchura de la ventana del navegador si se agrega al cuerpo (el lienzo de un sitio web).
Es muy bueno para los grandes secciones horizontales de una página web.
Un contenedor es un bloque 960px centrado en el medio del navegador. Por lo general, la mayoría del contenido web se añade en el interior de un contenedor de modo que se centra. Los contenedores se suelen añadir al Cuerpo o un elemento de la sección.
Agregando columnas son la manera más rápida de construir un diseño de sitios web única. Para editar el número de columnas que desee en diferentes dispositivos, haga clic en el icono de engranaje en la esquina superior derecha para acceder a la configuración de los elementos.
Seleccione un elemento y añadir una clase en el panel de estilo correcto (Brush Icono). En este panel se puede añadir el texto y estilos gráficos como el color de la fuente, la altura de la línea, gradientes, bordes, sombras, y más. Diseño web visual es mucho más divertido que la codificación de la derecha?
Su roca mis calcetines!
¡Huy! Algo salió mal al enviar el formulario :(
¡Gracias! ¡Su propuesta ha sido recibida!
¡Huy! Algo salió mal al enviar el formulario :(
La cerveza oscura de Lakewood, Colorado
El corpulento legendaria nació de la hermosa matrimonio de un hombre de la montaña y su cosa más querida, la ciudad de Lakewood, en Colorado. El hombre de la montaña también amaba su hacha y su disparo único Remington rifle, pero no tanto como amaba a su ciudad. Soñaba con sus ríos fluidas y majestuosas montañas. Así que llamó a su mayor grueso de ella. Así, el grueso gloriosa fue dado a luz fuera del corazón de un hombre de la montaña.
"Construí esta cerveza gloriosa expresar mi eterno amor por mi hermosa ciudad".
- Mountain Man
La cerveza oscura de Lakewood, Colorado
El corpulento legendaria nació de la hermosa matrimonio de un hombre de la montaña y su cosa más querida, la ciudad de Lakewood, en Colorado. El hombre de la montaña también amaba su hacha y su disparo único Remington rifle, pero no tanto como amaba a su ciudad. Soñaba con sus ríos fluidas y majestuosas montañas. Así que llamó a su mayor grueso de ella. Así, el grueso gloriosa fue dado a luz fuera del corazón de un hombre de la montaña.
"Construí esta cerveza gloriosa expresar mi eterno amor por mi hermosa ciudad".
Similar a la adición de estilo a un elemento, para cambiar la posición de un elemento añadir primero una clase y luego editar las propiedades de posición. Usted aprenderá acerca de Margen, Relleno, Display, Float, desbordamiento, y Posición.
Dueño de la tienda Steve Witmere arrestado previamente a negociación bazooka mercado negro. Confiesa a su participación en la mafia rusa.
Entre los numerosos bazucas se encuentran en la armería fueron decenas de miles de pinturas obtenidas ilegalmente por un valor de al menos $ 10.000. Eso es un precio muy alto a pagar por estas pinturas mudas.
Dueño de la tienda Steve Witmere arrestado previamente a negociación bazooka mercado negro. Confiesa a su participación en la mafia rusa.
Entre los numerosos bazucas se encuentran en la armería fueron decenas de miles de pinturas obtenidas ilegalmente por un valor de al menos $ 10.000. Eso es un precio muy alto a pagar por estas pinturas mudas.
Este párrafo se establece en display: block. Así que llena el ancho de la ventana principal y se acumula en la parte superior de los otros bloques.
Botón con display: block Botón con display: block Este enlace se establece en display: block Este enlace se establece en display: block¡Gracias! ¡Su propuesta ha sido recibida!
¡Huy! Algo salió mal al enviar el formulario :(
¡Gracias! ¡Su propuesta ha sido recibida!
¡Huy! Algo salió mal al enviar el formulario :(
Usted puede crear fácilmente variaciones de un elemento mediante la adición de clases adicionales en la parte superior de uno al otro y la adición de diferentes estilos en esas clases. Echa un vistazo a el siguiente ejemplo donde tenemos diferentes variaciones de un botón.
En Webflow primera vez el diseño de su sitio web para dispositivos de escritorio y luego haga cambios en los dispositivos móviles (acceder a los iconos del dispositivo en la barra superior). Adición de estilos en un dispositivo móvil anulará los estilos de escritorio.
¡Lo tienes! Hay un montón de personas que están aprendiendo Webflow y diseño web todos los días. Un gran lugar para comenzar es los tutoriales en vídeo. Entonces la cabeza de más al centro de soporte o foro de la comunidad.
(Usted puede hacer clic en los enlaces de arriba entrando en el modo de vista previa - el icono del ojo en la esquina superior izquierda)