Html practica4y5
- 1. HTML APLICACIONES EDUCATIVAS WEB LIC. TECNOLOGIA EDUCATIVA
- 2. ESTRUCTURA DE HTML Las tres etiquetas que describen su estructura general son: • <html>: indica que se inicia el documento. • <head>: incluye el título de la página (<title>) que se muestra en la barra de título • del navegador. • <body>: contiene la información visible. •
- 5. ETIQUETA FUNCIÓN Concentra la información en una tabla similar a esta.
- 6. PRACTICA 4 3. Diseño 3.4 Marcos y Tablas
- 7. Aplica las siguientes etiquetas a la practica anterior(3)
- 8. PRACTICA 4 1. Utilizar las siguientes etiquetas y verificar el resultado: <TABLE> <TR> </TR> <TR> </TR> </TABLE> 2. Utilizar las siguientes etiquetas y verificar los resultados: <TR> <TD> Columna1 </TD> <TD> Columna2 </TD> </TR> 3. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TR> </TABLE> 4. Utilizar las etiquetas siguientes y verificar los resultados: <TABLE BORDER="5"> <TR> <TH> Encabezado1 </TH> <TH> Encabezado2 </TH> <TH> Encabezado3 </TH> </TR> <TR> <TD> Fila1,Columna1 </TD> <TD>
- 9. Fila1,Columna2 </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TR> </TABLE> 5. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE BORDER="5"> <TR> <TH> Encabezado1 </TH> <TH> Encabezado2 </TH> <TH> Encabezado3 </TH> </TR> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> <TD> <BR> </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> <TD> </TD> </TR> </TABLE> 6. Determinar las diferencias entre las etiquetas utilizadas en el punto 4 y en el punto 5. 7. Utilizar las etiquetas siguientes y verificar los resultados: <TABLE> <CAPTION> Titulo de la tabla </CAPTION> ... Código de la tabla ... </TABLE> 8. Utilizar las siguientes etiquetas y verificar los resultados:
- 10. Con la infomación anterior realiza las siguientes practicas en HTML. 8. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE> <CAPTION ALIGN="top"> <BIG> <B> Tabla de ejemplo </B> </BIG> </CAPTION> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TABLE> 9. Utilizar las etiquetas siguientes y verificar los resultados: <TABLE ALIGN="left"> ...Código de la tabla... </TABLE> 10. Utilizar las etiquetas siguientes y verificar los resultados: <TABLE BORDER="1"> <TR ALIGN="right" VALIGN="bottom"> <TD> Celda1 </TD> <TD> Celda2 </TD> <TD ALIGN="left" VALIGN="top"> Celda3 </TD> </TR> </TABLE> 11. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE> <TR> <TD WIDTH="50" HEIGHT="50"> <IMG SRC="img.gif" WIDTH="100" HEIGHT="100"> </TD> </TR> </TABLE> 12. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE> <TR>
- 11. 12. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE> <TR> <TD NOWRAP> Texto </TD> </TR> </TABLE> 13. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE CELLSPACING="10" BORDER="1"> ... Código de la tabla ... </TABLE> 14. Utilizar las siguientes etiquetas y verificar los resultados: <TABLE CELLPADDING="10" BORDER="1" ALIGN="LEFT"> ... Código de la tabla ... </TABLE> Con la infomación de tu investigación realiza las siguientes practicas en HTML. 15. Construir una tabla, mínimo de 3 columnas y 5 filas con la información recabada inicialmente; incluir por lo menos dos imágenes. 16. Desplegar la tabla en dos navegadores; imprimir las pantallas, complementándolas con su punto de vista, en relación a la importancia de manejar información utilizando tablas, específicamente en páginas web educativas y enviarlas al profesor.
- 12. PRACTICA 5. Con la infomación de tu investigación realiza las siguientes practicas en HTML. Construir una tabla, mínimo de 3 columnas y 5 filas con la información recabada inicialmente; incluir por lo menos dos imágenes. Ejecuta el archivo html; imprimir las pantallas, e insertalas en un documento WORD, al final da tu punto de vista, en relación a la importancia de manejar información utilizando tablas, específicamente en páginas web educativas y enviarlas al profesor. ACTIVIDAD EXTRA: GUARDA TODAS TUS PRACTICAS EN UNA CARPETA CON TU NOMBRE Y SUBELAS A LA CARPETA DE DROPBOX QUE TE COMPARTI CON EL NOMBRE DE APLICACIONES EDUATIAS WEB-15/PARCIAL1/NOMBRE DEL ALUMNO. NOTA: A LOS QUE NO LE LLEGARA LA CARPETA COMPARTIDA DE DROPBOX FAVOR DE MANDARME SU CORREO PARA COMPARTIRLO.
Notas del editor
- #2: This template can be used as a starter file for presenting training materials in a group setting. Sections Sections can help to organize your slides or facilitate collaboration between multiple authors. On the Home tab under Slides, click Section, and then click Add Section. Notes Use the Notes pane for delivery notes or to provide additional details for the audience. You can see these notes in Presenter View during your presentation. Keep in mind the font size (important for accessibility, visibility, videotaping, and online production) Coordinated colors Pay particular attention to the graphs, charts, and text boxes. Consider that attendees will print in black and white or grayscale. Run a test print to make sure your colors work when printed in pure black and white and grayscale. Graphics, tables, and graphs Keep it simple: If possible, use consistent, non-distracting styles and colors. Label all graphs and tables.
- #3: Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important. Introduce each of the major topics. To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
- #4: This is another option for an overview using transitions to advance through several slides.
- #9: What will the audience be able to do after this training is complete? Briefly describe each objective and how the audience will benefit from this presentation.
- #10: What will the audience be able to do after this training is complete? Briefly describe each objective and how the audience will benefit from this presentation.
- #11: What will the audience be able to do after this training is complete? Briefly describe each objective and how the audience will benefit from this presentation.
- #12: What will the audience be able to do after this training is complete? Briefly describe each objective and how the audience will benefit from this presentation.
- #13: What will the audience be able to do after this training is complete? Briefly describe each objective and how the audience will benefit from this presentation.