Paquetes de Diseño Web

Diseño-Web Start

$299POR MES (mx)
  • 5 secciones/páginas
  • Formulario de Contacto
  • Hospedaje y 1 Dominio (.com)
  • 1 GB de almacenamiento
  • Optimización SEO
  • 10 email básicos
  • SSL (No aplica)
  • Optimización básica de Google
  • Sistema de Seguridad Avanzado

Detalles!

Diseño-Web Pro

$399 POR MES (mx)
  • 10 secciones/páginas
  • Formulario de Contacto
  • Hospedaje y 1 Dominio (.com)
  • 2 GB de almacenamiento
  • Optimización SEO
  • 10 email básicos
  • SSL (incluido)
  • Optimización básica para Google
  • Sistema de Seguridad Avanzado

DETALLES!

Diseño-Web Premium

$599 POR MES (mx)
  • 20 secciones/páginas
  • Formulario de Contacto
  • Hospedaje y 2 Dominios (.com)
  • 9 GB de almacenamiento
  • Optimización SEO
  • 5 email validado por Google
  • SSL (incluido)
  • Optimización Avanzada Google
  • Sistema de Seguridad Avanzado

Detalles!

2017 cheatsheetDespués de HTML5, CSS3 es el segundo lenguaje que deberías aprender si piensas dedicarte al diseño y desarrollo web. Aunque HTML5 sirve para definir la estructura,
CSS3 te permite darle un aspecto único a tu sitio. Al finalizar de leer este artículo no te quedará duda alguna sobre el por qué debes aprender CSS3.
CSS significa Cascade Style Sheets, también llamado Hojas de Estilo en Cascada. CSS es un lenguaje de marcado que se emplea para dar formato a un sitio web. Es decir, funciona en conjunto con los archivos HTML. Por esta razón, para crear un sitio web debes saber tanto HTML como CSS.

Cabe agregar que el lenguaje CSS3 se puede aplicar en la misma hoja en la que estás desarrollando un documento HTML, pero por motivos de productividad se suele realizar en un documento aparte con la extensión .css. Este documento se puede vincular a cada página HTML que conforme el sitio web, es por ello que es más útil realizar los estilos por separado.

Probablemente una de los mayores logros de CSS3 es que ofrece la posibilidad de añadir animaciones y transiciones. Gracias a las transiciones puedes cambiar la apariencia y el comportamiento de un elemento cada vez que se da un cambio de estado (por ejemplo, cuando el cursor se posa sobre dicho elemento). Por otro lado, las animaciones permiten que tanto la apariencia como el comportamiento de un elemento se altere en base a fotogramas.

De esta manera, puedes añadir mayor interactividad a tu sitio sin recurrir a JavaScript o Flash, sólo con el poder de CSS3.Todas las páginas web trabajan con columnas.
De hecho, muchos diseños se hacen en base a una cuadrícula y como mínimo se emplean dos columnas. En el caso de layout tipo revista, el número de columnas suele ser mayor. Sin importar el número de columnas bajo el cual decidas organizar tu sitio, puedes crear un layout con diversas columnas gracias a la propiedad “Multicolumn Layout” de CSS3. Esta propiedad no sólo te permite especificar el número de columnas de tu layout, sino también el ancho de cada columna.

html5 css3CSS3 no sólo te permite modificar el color de los elementos que conforman tu página, sino que también te permite crear gradientes. Anteriormente, esto no era posible y tenías que emplear imágenes, pero ahora que puedes hacerlo desde el mismo archivo CSS. De esta manera, mejorar el tiempo de respuesta de tu sitio.

Puedes crear gradientes lineales especificando la dirección o añadiendo un ángulo bajo el cuál se creará la gradiente. Puedes elegir de dos a más colores para tus gradientes e incluso añadirle transparencia, de modo que a nivel creativo realmente no hay límites al momento de crear tus gradientes CSS3.

La propiedad “Transform” de CSS3 no sólo te permite rotar elementos, sino también cambiar su tamaño y moverlos. Esta transformación puede ser aplicada a imágenes, botones y cualquier otro elemento 2D. También te permite realizar animaciones en base a la rotación de elementos, de modo que puedes hacer girar un elemento como un péndulo o de la forma que desees.

“Transform” también te permite realizar modificaciones a elementos 3D, puedes girarlos o cambiar su tamaño, es decir, puedes aplicar las mismas modificaciones tanto en 3D como en 2D, obviamente los resultados varían.

Debido a la popularidad del minimalismo y el diseño flat, los objetos 3D ya no son tan comunes, sin embargo, un uso común de “Transform” en elementos 3D es en galerías.