El documento describe las etiquetas HTML básicas para crear estructuras de tabla y marco. Explica las etiquetas <table>, <tr>, <td>, <th>, <caption>, y sus atributos como border, width, height, align y otras. Luego presenta 15 prácticas para aplicar estas etiquetas y verificar sus resultados, incluyendo la creación de una tabla con múltiples filas, columnas e imágenes.
Módulo 2 del curso "Todo lo que necesitas saber sobre HTML y nunca te atreviste a preguntar", de Cros i Massó.
De forma didáctica y amena se explica lo siguiente:
1. Un CMS es la forma profesional de hacer una web.
2. Tú, como propietario, puedes mantener tu web.
3. Los principales CMS: WordPress y Joomla.
4. Un CMS es parecido a un buen Restaurante.
5. Cómo funciona el Restaurante CMS
6. El editor de texto: puerta de entrada de los contenidos.
7. Sublime Text, nuestro aliado.
Plantilla lista para descargar y usar, esta plantilla te ayuda a acelerar la elaboración y construcción del PAP.
Borrador de Plantilla Proyecto de Aula Pluas
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “ROMPECABEZAS DE ECUACIONES DE 1ER. GRADO OLIMPIADA DE PARÍS 2024”. Esta actividad de aprendizaje propone retos de cálculo algebraico mediante ecuaciones de 1er. grado, y viso-espacialidad, lo cual dará la oportunidad de formar un rompecabezas. La intención didáctica de esta actividad de aprendizaje es, promover los pensamientos lógicos (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia, viso-espacialidad. Esta actividad de aprendizaje es de enfoques lúdico y transversal, ya que integra diversas áreas del conocimiento, entre ellas: matemático, artístico, lenguaje, historia, y las neurociencias.
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.
•
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
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.
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.
This is another option for an overview using transitions to advance through several slides.
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.
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.
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.
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.
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.
