Aplicaciones Web
Grupo de Facebook
Cuestionario de Preguntas:
Tarea 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
Investigar para que sirven y cuales son los protocolos de internet.
Crear un mapa conceptual con la investigación obtenida.
Práctica 2
Crear una página Web en HTML con CSS acerca del mapa conceptual creado en la práctica 1.
La página debe contener:
frames
y
mapas sensitivos
.
Práctica 3
Crear una página Web en HTML con CSS acerca de información de alguna persona famosa.
La página debe contener:
tablas
,
frames
y
ligas internas y externas
.
Práctica 4
Investigar semejanzas y diferencias entre HTML y HMTL5, CSS y CSS3
Crear una página con la información obtenida generando mapas sensitivos a partir de un cuadro sinóptico.
Práctica 5
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
Crear una página con la información y colocar un ejemplo de cada uno de ellos.
Práctica 6
Investigar la compatibilidad en navegadores en los siguientes elementos:
responsive
para la etiqueta <picture> (para información
aquí
)
Son soportadas las siguientes etiquetas de video y audio (para información
aquí
)
WAVE, PCM
WebM, Vorbis
Ogg, Vorbis
MP4, MP3
MP4, AAC
Ogg, Opus
WebM, VP8, Vorbis
Ogg, Theora, Vorbis
MP4, H.264, MP3
MP4, H.264, AAC
Crear una página con la información.
Práctica 7
Realizar una página html sobre la fundación de
Puebla
, que contenga los siguientes elementos:
Marcos de navegación
Uso de flexbox
Manejo de videos e imagenes
Práctica 8
Realizar una análisis de cuales son las diferencias entre Diseño web Responsive o web Adaptive
Crear una página con la información.
Práctica 9
Realizar con JS un programa que obtenga:
El inicio y fin de la sumatoria serán leídos desde teclado.
Práctica 10
Realizar modificaciones a la aplicación de Puzzle para realizar un Rompecabezas de 35 piezas.
Las piezas se podrán arrastrar y girar para obtener la imagen de la solución.
Práctica 11
Diseñar y programar la Base de datos que utilizarán en el proyecto.
Práctica 12
Diseñar el front end del proyecto final.
NOTA:
El trabajo del laboratorio puede ser realizado en equipo.