DIARIO DE APRENDIZAJE

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                        Fecha: 12/04/2018

Tema: Niveles de títulos.

Objetivo: Conocer cada uno de los tamaños de nuestros temas, subtemas y contenidos.

1- ¿Qué aprendí? Aprendí el tamaño adecuado para mi página web, desde temas hasta contenido.

2- Procedimientos que tuve que hacer para lograr el objetivo? Colocar diferentes tipos de textos con diferentes tamaños de acuerdo a lo que decía. Ejemplo, el tema con <h1> que es letra grande, subtema con <h2> letra mas pequeña y contenido <h3> con letra mucho mas pequeña.

3- Comentarios Estaba súper fácil, era tema que ya se había visto.

4- Dudas Ninguna duda, todo claro.

5- ¿De qué me sirve en la vida cotidiana? En trabajos, tareas podré poner tamaños correctos a cada línea de texto.

6- Analogía El ejemplo es al visitar una página web, no importa que clase de información tenga,

siempre tenga diferentes tamaños de letra.

7- Reflexión Todo tiene importancia en el documento, hasta un simple tamaño de letra.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                        Fecha: 12/04/2018

Tema: Anclas

Objetivo: Meter otras sitios web a mi página web.

1- ¿Qué aprendí? El como enlazar diferentes sitios web desde otra página a mi página web, y desde la misma página.

2- Procedimientos que tuve que hacer para lograr el objetivo? Insertar ligas de diferentes páginas a mi código para que desde mi página web me mando a otros sitios, incluyendo a mi mismo sitio web.

3- Comentarios Muy sencillo, fue solo copiar y pegar.

4- Dudas Ninguna duda.

5- ¿De qué me sirve en la vida cotidiana? Para una mejor presentación en trabajos.

6- Analogía Ejemplo, cuando estas en un sitio web solo da cierta información, muchas veces te
da una liga que te llevará a otro sitio web donde encontrarás la información restante.

7- Reflexión Las ligas pueden contener información sumamente importante.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                        Fecha: 12/04/2018

Tema: Apertura de un hipervínculo en otra pestaña del navegador.

Objetivo: Enlazar una imagen con otra pestaña del navegador.

1- ¿Qué aprendí? Aprendí a insertar imágenes que con solo un clic podremos ver información de cada pintura.
2- Procedimientos que tuve que hacer para lograr el objetivo?Descargué imágenes, diseñe

la página web Realicé el código y ahí mismo inserté la liga de la información de cada una de las imágenes.

3- Comentarios Me gustó por que se trata de información oculta de cada pintura pero que con un solo clic podremos ver todo de información.

4- Dudas No

5- ¿De qué me sirve en la vida cotidiana? Puedo hacer tareas que incluyan enlace en distintas
imágenes y videos.

6- Analogía Ejemplo, al presionar la imagen obtendremos la información necesaria para conocer
la pintura.

7- Reflexión Podemos ver una simple imagen pero si no le buscamos a la pintura no encontraremos
su información.


/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                       Fecha: 13/04/2018
Tema: Aplicación de CSS.

Objetivo: Ver como afecta la marca p (parrafo).

1- ¿Qué aprendí? A separar cada una de los párrafos

2- Procedimientos que tuve que hacer para lograr el objetivo?Inserté y separé información desde el código con la marca <p> </p>

3- Comentarios Es muy sencillo la separación de cada párrafo.

4- Dudas No

5- ¿De qué me sirve en la vida cotidiana? En saber separar los párrafos donde se debe.

6- Analogía Ejemplo, abrimos <p> para empezar un párrafo y cerramos con </p> cuando lo hayamos terminado.

7- Reflexión La separación de párrafos en importante, si no hay una separación de párrafos no se entiende el contenido.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                        Fecha: 13/04/2018

Tema: Comentarios y características especiales.

Objetivo: Conocer cada característica de las tablas y saber editarla.

1- ¿Qué aprendí? Aprendí a realizar una tabla, celdas, introducir la información en ella y conocer los bordes de la tabla.

2- Procedimientos que tuve que hacer para lograr el objetivo? Definí el borde que tendría cada línea de la tabla, la cantidad de celdas que tendría y por ultimo metí la información necesaria.

3- Comentarios Algo trabajoso, pero muy fácil.

4- Dudas Ninguna duda.

5- ¿De qué me sirve en la vida cotidiana? Podemos hacer varios tipos de tablas, de una tienda, de calificaciones, o incluso de futbol.

6- Analogía Ejemplo, hacemos una boleta de calificaciones que el borde de la tabla sea 5, con cierta cantidad de líneas y celdas.

7- Reflexión Todo en la tabla tiene contendo, celdas, líneas y bordes.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Diario de aprendizaje de: Gema Esparza.

Escuela: CBTis N°99 Venustiano Carranza Garza.                           Materia: Programación.

                                                                                                        Fecha: 13/04/2018

Tema: Noticias.

Objetivo: Definir noticias con diferencia de color.

1- ¿Qué aprendí? Aprendí a introducir color el contenido.

2- Procedimientos que tuve que hacer para lograr el objetivo? Definí el color del tema, de cada párrafo y les texto de cada párrafo por medio del código y con ayuda de los colores de html.

3- Comentarios Estuvo bien, solo fue cuestión de buscar diferentes colores y combinar por contraste.

4- Dudas No ninguna.

5- ¿De qué me sirve en la vida cotidiana? En tareas y exposiciones para hacer las combinaciones perfectas y el mejor diseño.

6- Analogía De una sitio web, vemos combinación por contraste o camafeo, osea una combinación perfecta y adecuada al texto.

7- Reflexión Los colores son importantes en un sitio web ya que si tienes un negocio son los que atraerán a los clientes.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////