Practica 8

“Manejo de tablas”
1. Genere una copia a la carpeta Practica 7 y cámbiele el nombre a la carpeta de copia por el nombre: Practica8.
Nota: la idea de generar la copia es para trabajar con el mismo ejercicio en donde ya se creó el documento
html y se le aplicaron estilos
2. Abra su documento index.html y realice las siguientes modificaciones:
a. En el elemento de barra de menú, agregue una tabla con las siguientes características:
i. Una fila con 5 columnas
ii. Altura de 50 pixeles
iii. Anchura de 800 pixeles
iv. Borde de 1 pixel de grosor
v. Que se presente centrada dentro del elemento de barra de menú como se muestra a
continuación

vi. Guarde sus cambios en el documento index.html

3. Abra su documento fotos.html y realice las siguientes modificaciones:
a. En el elemento de barra de menú, agregue una tabla con las siguientes características:
i. Una fila con 5 columnas
ii. Altura de 50 pixeles
iii. Anchura de 800 pixeles
iv. Borde de 1 pixel de grosor
v. Que se presente centrada dentro del elemento de barra de menú como se muestra a
continuación
 b. En el elemento de contenido principal, agregue una tabla con las siguientes características:
i. 5 filas por 4 columnas
ii. Altura de 300 pixeles
iii. Anchura de 450 pixeles
iv. Bordes del color de su preferencia de 5 pixeles de grosor
v. Utilice un relleno para su tabla
vi. Que se presente centrada dentro del elemento de contenido principal
vii. Utilice los atributos colspan y rowspan para realizar combinaciones de columnas y filas
respectivamente para que la tabla se presente como en la imagen inferior

4. Guarde sus cambios en el documento fotos.html.

Practica 9
“Manejo de texto”
1. Genere una copia a la carpeta Practica 8 y cámbiele el nombre a la carpeta de copia por el nombre: Practica 9.
2. Abra su documento index.html y realice las siguientes modificaciones:
a. En el elemento de título de la página agregue:
i. Un texto de título principal empleando la etiqueta <h1> que presente su nombre
completo, ejemplo: Angélica María Martínez Esparza
ii. Un texto en movimiento empleando la etiqueta <marquee> que presente el mensaje:
“Bienvenidos a mi sitio web, excelente día!!”, el texto deberá desplazarse de izquierda a
derecha realizando un efecto de alternancia, es decir, se debe mover indefinidamente
dentro de la ventana de izquierda a derecha y viceversa.
b. En el elemento del menú de la página agregue dentro de las celdas de la tabla la información que se
indica:
i. El texto: Perfil dentro de la primer celda de la tabla empleando el comando de párrafo <p>
ii. El texto: Fotos dentro de la segunda celda de la tabla empleando el comando de párrafo
<p>
iii. El texto: video dentro de la tercer celda de la tabla empleando el comando de párrafo <p>.
iv. Nota: las demás celdas se quedaran en blanco en este momento.
c. En el elemento de contenido principal agregue:
i. El texto: Reflexión: empleando el comando: <h2>
 ii. Escriba una reflexión personal o tomada de algún autor de mínimo 2 párrafos, empleando
el comando <pre>
iii. El texto: Acerca de mi…. empleando el comando: <h2>
iv. Escriba una breve descripción personal: gustos, virtudes, pasatiempos, etc. (Mínimo 2
párrafos), empleando el comando <pre>
v. El texto: Cualidades: empleando el comando <h2>
vi. Presente un listado de, al menos 5 cualidades de su persona empleando los comandos <ul>
y <li>
d. En el elemento de barra derecha, agregue:
i. Empleando un comando <pre> por cada párrafo, los siguientes textos:
1. Registrarse
2. Iniciar Sesión
3. Agregar Comentario
4. Ver comentarios
5. Facebook
6. Twitter
e. En el elemento pie de página, agregue:
i. El texto: Derechos Reservados, empleando el comando <blockquote>
ii. Escribir su dirección completa con teléfono, empleando el comando <blockquote>
f. Guarde sus cambios en el documento index.html.
g. Abra su documento: hojadeestilos.css
i. Agregue estilos para definir diversos tipos de fuente, colores de fuente, tamaños de fuente
y estilos cursivo, negrito y subrayado para las etiquetas: h1, h2, p, pre, blockquote,
marquee y ul, de tal forma, que en la página web se puedan apreciar diferencias entre los
textos que se presentan en ella.
ii. Nota: Los colores, tamaños, tipos de letra y estilos se dejan a elección del alumno pero es
importante considerar que al abrir la página web en el navegador se deben apreciar
diferencias entre los textos.
h. Copie los códigos html y css a su cuaderno en el apartado de prácticas.
 Lista de cotejo
Evaluación de Prácticas en Taller
Evaluación Procedimental

CG5.- Desarrolla innovaciones y propone soluciones a problemas a partir de métodos

Competencia
establecidos.

Atributos 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como

cada uno de sus pasos contribuye al alcance de un objetivo.

Nombre: Fecha
INSTRUCCIONES

Revisar las prácticas que se solicitan y marcar en los apartados “SI” cuando la evidencia a evaluar
se cumple; en caso contrario marque “NO”.

Practica 7 Practica 8
Tablas Texto
Indicadores
Si NO Si NO

Cumple con su material de trabajo (1 punto)

Mantiene el orden durante el desarrollo de la práctica (1 punto)

Desarrolla la práctica en tiempo (2 puntos)

El código hace lo esperado (2 puntos)

Resuelve adecuadamente las preguntas que se le plantean durante

el desarrollo de la práctica (2 puntos)

Carece de faltas de ortografía el documento web (2 puntos)

Evaluación

Ing. Carlos Hernández Aquino

Evaluador

Nombre y firma del alumno