Como Hacer un Formulario con Html5 Segunda Parte(última)

En este vídeo veremos como se construye con código Html5,Y CSS una pagina web con formulario de contactos, este nos muestra las ventaja de una validación básica, antes de aplicar código Javascript y Php.

Como Hacer un Formulario con Html5 primera Parte

En este vídeo veremos como se construye con código Html, una pagina web con formulario de contactos, en este primer vídeo de dos, veremos el uso de las etiquetas en Html.

Como se utilizan las etiquetas aside y main

En este video veremos la implementación de las etiquetas -aside- y -main-, estas contribuyen a solidificar la estructura de mi pagina Html5, ademas nos adentramos al uso de los Id.

Como Publicar Mi Sitio Web en Google Drive

En este vídeo veremos como es la metodología para publicar un sitio web google drive, cabe aclarar que este proceso solo es de prueba y que no es recomendable para dejar el proyecto publicado definitivamente.

Mi Primer Proyecto HTML5 - Tercera Parte de Cuatro

En este video veremos como se realiza por fases, un proyecto web usando código HTML5 y CSS3, para su implementación se ha divido en varias partes, esta parte trata de la estructura y el agregar imagenes, ademas hemos configurado el código CSS ya casi en su totalidad...

Mi Primer Proyecto HTML 5 - Segunda Parte de Cuatro

En este video veremos como se realiza por fases un proyecto web usando código HTML5 y CSS3, para su implementación se ha divido en varias partes, esta parte solo trata de la estructura y el agregar del contenido, ademas hemos precunfigurado basicamente el código CSS. ademas conoceremos la herramienta Kuler.

Mi Primer Proyecto HTML 5 - Primera Parte de Cuatro

En este vídeo veremos como se empieza a estructurar un Proyecto HTML5 Básico, apoyado en CSS3 en la parte visual, encontraremos etiquetas exclusivas de Html5 y nuevos atributos CSS, en próximos vídeos abordaremos el código CSS, e iremos mejorando el aspecto visual de nuestro Sitio Web

HTML5

Reproducir las diapositivas.

HTML, CSS y JavaScript

Es muy común que al desarrollar las páginas de un sitio web hagamos cierto abuso de las tecnologías existentes, obteniéndose una mezcla poco legible y revoltosa, que si bien es cierto no incide demasiado en el resultado, pero que puede traer retrasos en el mantenimiento del sitio web, sin contar la reputación de desarrollador web desordenado que esto nos trae.

Es así que nace esta entrada, con el afán de precisar las principales tecnologías utilizadas en el desarrollo de sitios web y la función de cada una de ellas. Juntos pero no revueltos: HTML, CSS y JavaScript.

Una página web es un documento que forma parte de un sitio web y, acoge el contenido que puede ser mostrado a los usuarios.

Además de mostrar contenido, una página web también puede interactuar con el usuario, lo cual otorga apariencia y comportamiento a las mismas.

Las aplicación de buenas prácticas en el desarrollo de sitios web nos conduce a tener páginas web divididas en tres capas:

• Contenido (HTML): Está siempre presente y contiene la información que se quiere presentar al usuario y está integrada con marcado HTML que define su estructura.
  Nota: Hoy en día la gran mayoría de sitios web son dinámicos, es decir usan páginas que se procesan del lado del servidor obteniendo el contenido mostrado al usuario de fuentes como bases de datos u otros archivos, pero estos dan como resultado código HTML que es procesado por los navegadores web.
• Presentación (CSS): Define la forma en que el contenido será mostrado al usuario. CSS proporciona la capa de presentación que debería ser independiente del contenido, donde fácilmente se pueda aplicar cambios de manera global.
• Comportamiento (JavaScript): Se encarga de la interacción, en tiempo real, del usuario con el documento. Está tarea normalmente es realizada con JavaScript.

Es posible la integración de las tres capas en el mismo documento, pero el mantener separadas estas capas proporciona la ventaja de que podemos modificar o reemplazar cualquiera de las capas sin tener que modificar las otras.

Fuente:

http://capitanapiacho.blogspot.com/

Diplomado Fundamentos de HTML

Como definir variables en JavaScript, usar prompt y la función document.write

En este vídeo podemos aprender a definir las variables a usar en mi código JavaScript, usar prompt y la función document.write.

Las formulas a utilizar en el ejercicio son: 

Relación= ancho / alto

Ancho = relación * alto

alto = ancho / relación 

Ejercicio JavaScript

Continuar con el código para realizar una pagina donde podamos ingresar los valores de nuestras imágenes y poder saber los valores para escalarlas.

Características de la pagina a realizar:

Titulo

Imagen representativa

Texto de párrafo que explique que es lo que hace mi pagina(hallar los valores para escalar imágenes)

y el código JavaScript para realizar dicha tarea. 

Como Incluir JavaScript en el Body

Este Vídeo da un ejemplo de como incluir código javascript como atributos en las etiquetas html, acudiendo a los eventos con que el navegante puede interactuar con nuestro sitio web

Como Insertar Código JavaScript Desde un Archivo Externo

En este vídeo se encuentra un ejemplo de insertar, código JavaScript desde un archivo externo, con el fin de optimizar las carga de la pagina web, debemos tener en cuenta, como se llama al archivo JavaScript, y en que carpeta se guarda este archivo. 

Como Insertar Código JavaScript dentro de un Documento HTML

En este vídeo apreciamos como insertar código JavaScript entre las etiquetas de HEAD, generando un cuadro de mensaje(Alerta).