Aplicaciones Web




Grupo de Facebook

Cuestionario de Preguntas:

Tarea 1

  1. Investigar como crear frames y mapas sensitivos.


Antología:

Brackets
Pasos para subir BD al servidor NUEVO!!
Curso gratis de HTML
Lenguajes HTML
Elementos estándar de toda página institucional
Qué es una aplicación Web?
Diseño y desarrollo de aplicaciones Web
Desarrollo y programación de aplicaciones web inteligentes
1.264 aplicaciones web de todo tipo que podrás usar gratuitamente
Introducción a las aplicaciones Web
PHP: Hypertext Preoprocessor
PHP Manual
PHP Tutorial
HTML 5 Introduction
HTML5 Rocks
W3C HTML 5.1 Nightly


Material Visual:

Introducción
HTML y CSS - Introducción
Hojas de estilo
HTML 5 y CSS 3
Multimedia y HTML 5


Notas:

Hojas de estilo
Comandos de SQL


Programas de Ejemplo:

Nota: Los archivos los coloque como *.txt, porque como *.html hubo problemas para descargarlos, recuerden que la extensión es html

Primer página
Página con imagen
Imagen para el ejemplo anterior
Hoja de estilo
Menú
Menú FLEX por filas
Menú FLEX por columnas
Párrafo con estilos
Manejo de imágenes
Imagen para el ejemplo anterior
Integración de objetos y multimedia (video)
Integración de objetos y multimedia (video)
Integración de objetos y multimedia (galeria)
Elementos para el ejemplo anterior (Integración de objetos y multimedia)
Ejemplos de JavaScript
Ejemplos de JavaScript-Objetos
Programas en PHP para acceso a bases de datos
Ejemplos de Bootstrap con JS
Ejemplo de bases de datos con JS


Manual de Prácticas de Laboratorio:

Práctica 1

  1. Investigar para que sirven y cuales son los protocolos de internet.
  2. Crear un mapa conceptual con la investigación obtenida.

Práctica 2

  1. Crear una página Web en HTML con CSS acerca del mapa conceptual creado en la práctica 1.
  2. La página debe contener: frames y mapas sensitivos.

Práctica 3

  1. Crear una página Web en HTML con CSS acerca de información de alguna persona famosa.
  2. La página debe contener: tablas, frames y ligas internas y externas.

Práctica 4

  1. Investigar semejanzas y diferencias entre HTML y HMTL5, CSS y CSS3
  2. Crear una página con la información obtenida generando mapas sensitivos a partir de un cuadro sinóptico.

Práctica 5

  1. Investigar las recursos para CSS desde W3C: CSS Fonts Module , MDN , FONT SQUIREL , Google FONT , Typekit y Red Team Design: Google Font API and Typekit solutions VS @font-face
  2. Crear una página con la información y colocar un ejemplo de cada uno de ellos.

Práctica 6

  1. Investigar la compatibilidad en navegadores en los siguientes elementos:
  2. responsive para la etiqueta <picture> (para información aquí)
  3. Son soportadas las siguientes etiquetas de video y audio (para información aquí)
    1. WAVE, PCM
    2. WebM, Vorbis
    3. Ogg, Vorbis
    4. MP4, MP3
    5. MP4, AAC
    6. Ogg, Opus
    7. WebM, VP8, Vorbis
    8. Ogg, Theora, Vorbis
    9. MP4, H.264, MP3
    10. MP4, H.264, AAC
  4. Crear una página con la información.

Práctica 7

  1. Realizar una página html sobre la fundación de Puebla, que contenga los siguientes elementos:
    1. Marcos de navegación
    2. Uso de flexbox
    3. Manejo de videos e imagenes

Práctica 8

  1. Realizar una análisis de cuales son las diferencias entre Diseño web Responsive o web Adaptive
  2. Crear una página con la información.

Práctica 9

  1. Realizar con JS un programa que obtenga:

  2. El inicio y fin de la sumatoria serán leídos desde teclado.

Práctica 10

  1. Realizar modificaciones a la aplicación de Puzzle para realizar un Rompecabezas de 35 piezas.
  2. Las piezas se podrán arrastrar y girar para obtener la imagen de la solución.

Práctica 11

  1. Diseñar y programar la Base de datos que utilizarán en el proyecto.

Práctica 12

  1. Diseñar el front end del proyecto final.
NOTA: El trabajo del laboratorio puede ser realizado en equipo.