
Desarrollar aplicaciones orientadas a la web implementando soluciones informáticas con la ayuda de HTML5, CSS3, JQUERY y JAVASCRIT, de esta forma se logran competencias laborales en el área de informática con la capacidad de resolver problemas empresariales orientados a la programación en la web.
Para lograr la adaptabilidad a los dispositivos móviles utilizaremos Responsive Web Design que es una nueva forma de hacer páginas dinámicas capaces de configurarse a la resolución del dispositivo del cual se acceden.
Desarrollamos el encabezado de nuestro proyecto sobre una pizzeria , la cual consta de un logo, menú y aplicaciones de técnicas de estilo con CSS3 y programación con HTML5.
Materiales de descarga.
Carpeta Original: http://futurodelweb.com/Materiales/pa...
Sublime text 3: http://www.sublimetext.com/3
Plataforma de formación : https://www.udemy.com/paginas-web-din...
Practica terminada: http://futurodelweb.com/Materiales/Vi...
Hasta el próximo vídeo Saludos.
Att. Marco Antonio Andrade
info@futurodelweb.com
@marco_jaw
Desarrollamos el toda la pagina principal de nuestro proyecto sobre una pizzeria , la cual consta de un slider de imágenes, productos mas destacados y de oferta.
Materiales de descarga.
Carpeta Original: http://futurodelweb.com/Materiales/pa...
Sublime text 3: http://www.sublimetext.com/3
Plataforma de formación : https://www.udemy.com/paginas-web-din...
Practica terminada: http://futurodelweb.com/Materiales/Vi...
Hasta el próximo vídeo Saludos.
Desarrollamos retoques a la página principal y construimos la pagina de acerca donde encontramos la misión y visión de la empresa de la pizzeria.
Materiales de descarga.
Carpeta Original: http://futurodelweb.com/Materiales/pa...
Texto de ejemplo: http://slipsum.com/
Plataforma de formación : https://www.udemy.com/paginas-web-din...
Practica terminada: http://futurodelweb.com/Materiales/Vi...
Hasta el próximo vídeo Saludos.
Mediante este video aprendemos a insertar videos en HTML5 y con compatibilidad para todos los navegadores.
Direcciones web:
Video : http://www.videojs.com/
Convertidor: http://www.mirovideoconverter.com/
Informacion de soporte: http://www.w3schools.com/html/html5_video.asp
Media Queries es un módulo CSS3 que permite la representación de contenido para adaptarse a condiciones como la resolución de pantalla (Por ejemplo, un smartphone frente a pantallas de alta definición). Se convirtió en un estándar recomendado por la W3C en Junio del 2012.1 y es un principio básico de la tecnología de Diseño web adaptativo.
Simuladores de responsive:
http://quirktools.com/screenfly/
http://www.mobilephoneemulator.com/
En este vídeo elaboramos la pagina de productos en la cual establecemos animaciones importantes para dar dinamismo a los productos que se muestran.
Imagen de productos: http://futurodelweb.com/Materiales/producto.png
Mediante este vídeo seguimos desarrollado nuestro proyecto de pizzeria y en esta ocasión creamos la página de sucursales basándonos en la de productos ya que es muy similar.
Siempre acuerdate que puedes descargar la practica realizada en esta zona.
¿La creación de sitios web es realmente un "arte" hoy en día? Si intenta enumerar las competencias necesarias para concebir un sitio web, puede que que la lista sea impresionante, ya que deberá incluir las habilidades de diversos especialistas: grafista, diseñador, ergonomista, redactor, jefe de proyecto, programador, comercial, community manager, especialista SEO, gestor de servidores, integrador, gestor de la estrategia de los contenidos, director artístico... Y nos paramos aquí, aunque podríamos seguir. Ni que decir tiene que la creación y la gestión de un sitio web es la obra común de diversos profesionales con habilidades complementarias, en la que cada cual será el especialista de su área.
La maquetación web es el proceso en el que el prototipo gráfico también denominado «layout» (con los requisitos estructurales y estéticos definidos y aprobados en un análisis inicial) pasa a transformase en código HTML, CSS y JS (estándares web) para que los navegadores puedan interpretarlo correctamente.
HTML5 nos permite una mayor interacción entre nuestras páginas web y el contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico complementándolo con estilos profesionales y algo importante a tener en cuenta y con lo que no hay que confundirse, es que porque HTML sea un lenguaje no quiere decir que sea un lenguaje programación. HTML no lo es, ya que no tiene estructuras de lenguaje de programación, como los bucles, las condiciones, las funciones, etcétera.