PRACTICA 1
la practica 1 consta de varias partes, los pondre todos en una sola carpeta donde pondre else enlace donde podra verse el codigo y como se ejecutan los dos ejercicios que realice utilizando html5 ( formulario y tablas- con imagenes).
LINK.
https://www.dropbox.com/sh/9fmy4ljv5kknpdl/AABrjA5F0w87vrTa0_E8yfUfa?dl=0
PEQUEÑA INTRODUCCION DE TABLA
una tabla basica en HTML5 se manejan con las siguientes etiquetas:
*
---- crea las tablas
* ----- crea las filas( deben ir dentro del table)
* td> ----- crea las celdas ( deben ir dentro del tr)
- subire un bloc de notas, hay se visualizara el codigo de creacion de un formulario en HTML5, para poner el codigo a funcionar, solo se debe guardar el bloc de notas o el codigo con (.html)
Tabla HTML5 1.txt (2,1 kB)
asi se visualizaria las tablas con ese codigo
PEQUEÑA INTRODUCCION DE FORMULARIO
un formulario basica en HTML5 se manejan con las siguientes etiquetas:
*form---- crea el formulario
*label ----- se utiliza para adjuntar información a los controles.
* input ----se utiliza para el ingreso de datos por parte del usuario.
- subire un bloc de notas, hay se visualizara el codigo de creacion de un formulario en HTML5, para poner el codigo a funcionar, solo se debe guardar el bloc de notas o el codigo con (.html)
asi se visualizaria las tablas con ese codigo
leer mas sobre el label e imput en:
https://www.virtualnauta.com/html-etiqueta-input año 2015
https://www.virtualnauta.com/html-etiqueta-label año 2015
VISTA DEL EJERCICIO NOTAS.
VISTA DEL EJERCICIO FORMULARIO CON LOGO DE LA UNIVERSIDAD .
NOTA: todo aparece en el link del principio.
PRACTICA 2
PRACTICA 3
se insertara 1 enlace donde podra verse el codigo y como se ejecutan los ejercicios que realice utilizando html5 y css3.
La página web es la misma que se ha estado trabajando hasta ahora, y se le han agregado 4 ventanas más.
www.dropbox.com/sh/acog3yfol1qu2gq/AACh8BoNWkkd7uuCo3NMRL2wa?dl=0
en esta practica se usaron elementos muy importantes como son lo del uso de link internos y externos de la pagina y el del elemento (background-color: rgba) que nos ayuda a manejar la opacidad, junto con muchos otros, como son los de darle estilo a los link y como manejarlos y se toco muy por encina el manejo de musica y videos en html5 y css3; estos son los elementos mas primordiales que se tocaron en esta practica, pero tambien hay muchos otros, como son los de mostrar un video de youtube en la pagina, poner frases dentro de una imagen con efecto hover, entre muchos otros.
PRACTICA 4
se insertara 1 link donde podra verse el codigo y como se ejecuta el ejercicio que realice utilizando JavaScrip, el cual consta de digitar dos numeros y realizar con ellos (suma,resta,multiplicacion,division).
tambien se utilizo html5 y css3.
www.dropbox.com/s/2j4au3fcmd929us/operacionesjavascript.rar?dl=0
Vista:
PRACTICA 5
se insertara 1 link donde podra verse el codigo y como se ejecuta el ejercicio que se modifico de formulario, realizado con JavaScrip, el cual consta de digitar dos numeros y realizar con ellos (suma,resta,multiplicacion,division).
tambien se utilizo html5 y css3.
www.dropbox.com/s/4uvqtjlepuxke4x/FomularioVal1.rar?dl=0
Se dará una explicación del mismo:
En esta práctica se pueden ver elementos ya vistos anteriormente en el html5 y el css, que es la creación de un formulario y su diseño, pero esta vez utilizaremos también JavaScript, que lo usaremos para validar los números que vamos a ingresar y poder hacer operaciones con estos; vemos algunos elementos importantes que se manejan en este ejercicio:
focus = permiten al diseñador web variar los estilos de un elemento en respuesta a las acciones del usuario. El Focus se activa cuando el elemento tiene el foco del navegador, es decir, cuando el elemento está seleccionado. Normalmente se aplica a los elementos <-input> de los formularios cuando están activados y por tanto, se puede escribir directamente en esos campos.
document.getElementById('vlr1').focus(); = al abrir la página, el foco se asigna automáticamente al vlr1.
document.getElementById () = para acceder de forma directa a un formulario y a uno de sus elementos.
Id (nombre) = recordemos que el nombre que se le coloca al id es con el que trabajaremos, una referencia por así decirlo (vlr1, vlr2, resultado); puede ser para tomar referencia de un valor (vlr1, vlr2) o para mostrar un resultado de alguna acción (resultado).
Alert = mostrar una pequeña ventana de aviso en la pantalla
Onclick=”acción” = este elemento quiere decir, que al hacer click en el botón o elemento que permita el uso de este (onclick) se ejecutara la acción que este debe realizar.
Var = son contenedores para el almacenamiento de valores de datos.
Parsefloat = Convierte una cadena en un número de punto flotante.
Tofixed = convertir un numero en una cadena, manteniendo solo dos decimales.
Document = es el que tiene el contenido de toda la página que se está visualizando. Esto incluye el texto, imágenes, enlaces, formularios, etc... Gracias a este objeto vamos a poder añadir dinámicamente contenido a la página, o hacer cambios, según nos convenga.
Value = permite leer y modificar el valor del atributo
(vlr1.values) = value obtiene el valor de vlr1 y se establece directamente.
NOTA: en la función (function validarReal (val)) se evalúa si es número es decimal o no.
VISTA.
PRACTICA 6
se insertara 1 link donde podra verse el codigo y como se ejecuta el ejercicio de formulario que se le agrego PHP, el cual consta de llenar todo el formulario y despues de dijitar correctamente todos los datos y darle en el boton ENVIAR, este se rediccionara a una ventana donde podra apreciarse los datos que se digitaron (uso de PHP).
El formulario tambien tiene todos los elementos que se han trabajado hasta ahora, los cuales son: html5, css3 y javascript.
www.dropbox.com/sh/u0pi18gwh7383x4/AAAuGmBl5_LAUtrZqr-eThT5a?dl=0
Como estamos trabajando con PHP hay que recordar que se necesita lo necesario para trabajar con este (entrar a actividades y dar clip en Actividad PHP y ver la pregunta 2), pero si se quiere algo más resumido, descárguese el programa de xampp.
Cuando allá descargado este programa, entre a la carpeta de xampp y dentro de esta encontraras una carpeta (htdocs) coloque el proyecto que hay en el link dentro de esta carpeta. Luego de hacer esto entrar a (XAMPP Control Panel y activar Apache y Mysql).
Ahora solo falta ejecutarlo, pero para hacerlo hay que copiar en la barra de búsqueda del navegador lo siguiente : localhost/Nombre_del_proyecto / que en nuestro caso sería localhost/formconphp/
Ya echo esto, dar clip en formulario validar, el cual es el formulario HTML que usa los demás elementos incluido nuestro php, y ya hay proceda a llenar el formulario y ejecutar normalmente.
Vista:
Esta ultima muestra los datos que ingresaste usando PHP.
PRACTICA 7 (AYUDA PAL PARCIAL).
se insertara 1 link donde podra verse el codigo y como se ejecuta el ejercicio de formulario propuesto a realizar.
El formulario tiene todos los elementos que se han trabajado hasta ahora, los cuales son: html5, css3 y javascript y PHP.
El Formulario cuenta con PHP, si se quiere el funcionamiento de esa parte, recuerde hacer los pasos necesarios para que este funcione, si no se quiere el funcionamiento de este solo elimine el documento (validar.php).
link.
www.dropbox.com/s/eg9ltgxp0qzf8pd/formulario2Par-Cristian%20F.rar?dl=0
Formulario Propuesto.
Formuñario Realizado (Cumple con todas las validaciones pedidas).
