Semana 1
Practicas:
Se entregan el día Martes:
Practica 1: Crea una carpeta de HTML en la Red
Practica 2: Copia el siguiente código al bloc de notas y guárdalo como: texto.html
Practica 3: Copia los siguientes códigos en el bloc de notas (WIN + R - NOTEPAD), una vez terminado guarda tu código como: practica3.html.
Se entregan el día Miércoles:
Practica 4: Copia el siguiente código en el bloc de notas y guardala como colores.hml:
Así debe de quedar:
Practica 5: en este siguiente Código es un curriculum vitae por lo cual debes de poner tus datos personales así como se ve en la diapositiva y lo vas a guardar como: curriculum-vitae.html
Asi es como debe de quedar:
Una vez que hayas acabado de copiar el código de curriculum cámbiale formato al texto copiando el siguiente código:
Se entregan el día jueves:
Practica 6: Copia el siguiente código en el bloc de notas y guárdalo como lineas.html
Practica 7: Copia el siguiente código en el bloc de notas y guardalo como: naturaleza.html
Practica 8: Copia el siguiente código en el bloc notas y guárdalo como mis proverbios favoritos.html:
Semana 2
Objetivo: El alumno aprenderá a crear tablas y listas en una pagina web.
Practicas:
Practica 1: Copia el siguiente código de la tabla, puedes cambiar el color y las imágenes.
Al guardarla se visualizara como se ve en la siguiente diapositiva:
Practica 2: Crea el siguiente código de tabla que se muestra en la siguiente diapositiva y al terminar guárdalo como Practica2-Tablas.html
Una vez guardado tu bloc de notas, visualizas en internet para ver como te quedo:
Debes cambiar: <table border="2" width="90%"> a <table border="2" width="90%" BGCOLOR="#7FFFD4"> (el color es opcional).
Paso III.- Modifica el texto cambiando su tamaño, tipo de letras y color.
Texto del Capitulo MIS DEPORTES FAVORITOS quedara el codigo de la siguiente manera:
<td>imagen</td><td> <font size="3" face="Arial Rounded MT Bold"> <center>Mis intereses: A mi me gustan muchos deportes. Soy una persona muy activa pero aqui les
voy a contar solo sobre algunos de ellos.</font></td></tr> </center>
Texto 1: fuente - Arial Rounded MT Bold, tamaño-3. El código del texto mis intereses, va a quedar asi:
<td>imagen</td><td> <font size="3" face="Arial Round MT Bold"> Mis intereses: A mi me gustan muchos deportes.Soy una persona muy activa pero aqui les voy a contar solo sobre algunos de ellos. </font></td></tr>
Cambia el color del texto 2, texto 3, y texto 4: Que sea color violeta oscuro (BlueViolet) con código #8A2BE2. Se muestra el cambio del código solo para el texto 2, de la misma manera cambian los códigos para los texto 3 y texto 4. El código quedara así:
<td>imagen</td><td> <font color="#8A2BE2"> Me gusta jugar Basquetbol. Tengo muchos amigos con quienes me reúno varias veces al mes para practicar este deporte. La agilidad, los reflejos, la rapidez, el sentido de la posición, la dosificación del esfuerzo, la firmeza-especialmente en los últimos momentos del partido, cuando la reflexión en un lanzamiento a canasta puede ser
decisivo y la precisión, son cualidades que distinguen a cada jugador de basquetbol.</font></td></tr>
Paso IV: Cambia la altura de las celdas de las segunda, cuarta y sexta fila con el atributo height. Alinea el texto del icono animado colocan dolo al lado derecho de la celda con el atributo align.
Se muestra en el siguiente código el cambio para la fila 2. El mismo cambio es para las filas 4 y 6.
<tr><th height="60">Basquetbol</th><td align="right">icono animado</td></tr>
Paso V: Cambia el lugar del texto de la segunda celda de la fila 7 que sea centrado:
<tr><td>¿Y ati que deporte te gusta?</td><td align="center">Regresar al curriculum</td></tr>
Una vez terminado de completar tu código guarda cambios (CTRL + G), guarda la pagina (CODIGO) como practica2-Tabla 2.html
Resultado de Tabla 2:
Paso VI: Distancia entre el texto y el borde. El código quedara así:
<table border="2" width=90% bgcolor="#7FFFD4" cellpadding="10" cellspacing="5">
a.- Color del borde - rojo: <table border="2" width=90% bgcolor="#7FFFD4" cellpadding="10" cellspacing="5" bordercolor="red">
b.- Cambia el color del fondo de las celdas donde esta el texto BASQUETBOL, FUTBOL, VOLEIBOL.Vamos a mostrar el código solo para basquetbol, semejante es para los otros dos:
<tr><th bgcolor="#FFD700" height="60">BASQUETBOL</th><td align="right">icnono animado1</th></tr> .Practica 3: Copia el siguiente código de listas y al terminar guárdalo como Listas.html
Practica 4: Copia el siguiente código en el bloc de notas y guárdalo como receta.html:
Semana 4
Objetivo: El alumno aprender a crear formularios en una pagina web
Practica 2: Copia el siguiente código al bloc de notas y guárdalo como campos de texto en formularios.
Resultado:
Practica 3: Abre el código de la practica anterior y agrega el siguiente código después de la etiqueta <p>contraseña: <input type="password" name="contraseña"/><br/> :
El código final deberá quedar a si:
Resultado:
Practica 4: Copia el siguiente código y guárdalo como formulario
Resultado:
No hay comentarios.:
Publicar un comentario