Página de inicio

Este documento constituye la página de inicio de tu proyecto final. Recuerda que debe ser guardado como index.html, y que contiene los hipervínculos a los otros documentos que conforman tu sitio Web. 
Igualmente, se creará una imagen que será utilizada como título. Revisa el proceso en este post  y verifica todos los códigos vistos en clase.

Finalmente, Para crear una fecha que se actualiza, diariamente, se utiliza la siguiente codificación:

Observa las opciones de texto, en negrita, que puedes modificar
Coloca esta codificación en el lugar del body donde se desee que aparezca la fecha

Trabajando con imágenes

Para que el navegador pueda leer la imagen que necesitas en tu ejercicio3.html, debes crear primero la imagen. Pero, antes, transcribes todo el artículo que se entregó. Debes, igualmente, tener en cuenta los fragmentos del texto que van en negritas, cursiva o subrayado.

Para crear la imagen, abre Encarta, busca y copia una imagen adecuada, la cual será pegada en Power Point. El procedimiento es el siguiente:

Imagen Tomada de MS Encarta (TM)

Imagen lista para ser visualizada en el navegador

Lo básico de HTML

Imagen de Born Virtual

Para poder avanzar en el aprendizaje del lenguaje HTML, es muy importante entender la estructura básica de los documentos. Sólo así podrás comprender y aplicar los nuevos códigos que se vean en clase.

Para ellos debes tener muy claro lo siguiente:

• Tanto los documentos html como las imágenes que necesites deben estar en la misma carpeta. De lo contrario, no se verán las imágenes y aparecerá una "X", que indica que el navegador no encuentra la imagen.
• El encabezado es necesario en todos los documentos que vayas creando. Puedes copiarlo y pegarlo desde un ejemplo anterior, pero debes conocer la estructura de memoria.
• El documento debe guardarse como: nombre.html Recuerda que si no colocas la extensión .html, se guardará como un documento de texto. Luego, para solucionar el problema, deberás abrir con bloc de notas (clic derecho) desde la carpeta e ir a: Archivo/guardar como y crear una copia con el nombre correcto.
• Luego, con clic derecho nuevamente sobre el documento, elegirás Abrir con Internet Explorer u otro navegador que tengas instalado, para visualizar el documento como página Web.

Las siguientes imágenes ilustran lo anterior:

Imagen de: Douchebag HTML

Libro electrónico

El libro electrónico o e-book es la versión digital de los libros impresos. Pueden ser cargados tanto a un PC, como a una portátil o, incluso, a tabletas, teléfonos inteligentes y hasta a reproductores de música como el mp4 o el ipod. 

Pero, también existen dispositivos creados especialmente para descargar, almacenar y leer libros electrónicos; se trata del e-reader o lector de libros electrónico. 

Los siguientes enlaces te permitirán ampliar tus conocimientos sobre el tema:

Ahora escribe un comentario acerca de los libros electrónicos. Puedes opinar sobre qué te parece como herramienta de estudio 

Clases de Excel

EXCEL: HOJA DE CÁLCULO

Clases de sexto grado

Utiliza el siguiente enlace para entrar a la página de descargas.

Ir a la página de descargas de las clases

Bienvenida a los nuevos usuarios

Un saludo a los alumnos de todas las secciones de sexto grado. Estamos en el último lapso de este año 2011-2012. Ya se acercan las vacaciones, pero antes tendrán la oportunidad de cerrar el año escolar por todo lo alto con un proyecto Web.

Claro, hay que ir poco a poco. Por ahora practiquen en casa lo que estamos viendo en clase, y si sienten que "pueden ir por más", pues verán que en este blog hay enlaces para ampliar los conocimientos, muchos trucos para las páginas y otros aspectos que ya iremos desarrollando, en su momento.
Por ahora, revisen las entradas del bloque: "Para empezar".  Es muy  importante que lean las Normas y sigan lo que allí está contemplado. Pueden revisar también los videos sobre lo que es un blog, y la Paleta de Códigos de Colores para HTMl. Cualquier inquietud, duda o propuesta pueden hacerla agregando un comentario al final de la entrada que hayan consultado.

Por lo demás espero que trabajen con entusiasmo y disciplina, enfocados en la importancia que este conocimiento puede tener para ustedes en su futuro acedémico.
Suerte.

Ah, y regístrense como seguidores del Blog, preferiblemente con una cuenta Gmail, para que aparezca su foto.

Estructura del Proyecto Final

A continuación se muestra un diagrama con la estructura básica del proyecto.  Los contenidos indicados son ejemplos que podrán desarrollarse de acuerdo al tema seleccionado.

Si tu proyecto sólo amerita dos enlaces y la bibliografía, puedes hacerlo de esa manera. No es obligatorio usar 4 enlaces. Sin embargo, puedes usar tantos enlaces como desees.

Recuerda que debes guardar las páginas con nombres en minúscula y sin espacios, para facilitar el que coincidan cuando escribas el nombre en el blog de notas.

FONDOS DEGRADADOS O CON IMÁGENES

Puedes crear tu propio fondo degradado o diseñar uno con imágenes

• Crea una dispoitiva en Power Point con fondo degradado o con imágenes y textos 
• Guárdala como imagen jpeg, utilizando un nombre como: fondo1.jpg
• Utiliza ese fondo en el blog de notas correspondiente y utiliza la etiqueta body background. 

IMAGEN PARA ELTÍTULO DEL PROYECTO

Del mismo modo como se puede diseñar un fondo personalizado, puedes crear una imagen que sirva de título en forma de baner para tu proyecto. Esta puede incluir textos, imágenes, incluso un grafiti creado por el alumno.

• Luego de seguir los pasos anteriores y tener la diapositiva guardada como imagen.
• Abres la imagen con botón derecho y elijes: Abrir con / Office Picture Manager.
• Vas al menú Imagen, elijes "Recortar" y recortas la imagen hasta lograr una forma rectangular.
• Oprimes Aceptar y luego guardar

Diapositiva guardada como imagen jpeg, antes de recortar con el
Office Picture Manager

Imagen recortada

  

Banner creado usando WordArt, fondo negro para la diapositiva y una imagen

Nota: Recuerda que todas las imágenes que utilices deben estar guardadas en la carpeta del proyecto.

Proyecto Final HTML

Instrucciones:

• Debes crear una carpeta identificada con el grado, sección y números de lista de(l) los autor(es). Ejemplo: 6A_5_14 o 6C_12_3_4.
•  Todas las imágenes y documentos HTML que vayan creando deben estar dentro de esa carpeta.
• La página de inicio debe llamarse: index
• El resto de las páginas deben estar vinculadas a esta página de inicio.

Estructura

En la portada:

• Título del proyecto (nombre del tema)
• Una breve introducción (qué trata, por qué les gustó el tema, etc.)
• Nombre de los autores (puede incluir foto del grupo), indicando grado y sección
•  Los enlaces a las páginas (vínculos)
• Fecha

En los enlaces pueden abordarse:

• Aspectos históricos, antecedentes, evolución (todo de acuerdo al tema).
• Características, desarrollo, etc.
• Cada página puede llevar una foto(s) descriptva (s) o puedes utilizar un enlace exclusivo para imágenes, todo depende del diseño del trabajo.
•  Bibliografía: es importante dedicar un enlace para citar las fuentes consultadas
•  En todas las páginas es útil que se incluya un vínculo que permita retornar a la página de inicio, por ejemplo:

Importante

• Consulta los enlaces incuidos en este blog, los cuales te permitirán experimentar con nuevas etiquetas refrescar conocimientos previos.
• Puedes trabajar enclase, aunque lo ideal es adelantar e investigar en casa y revisar y/o aclarar dudas durante la clase. Para ello debes utilizar tu pendrive, contentivo de la carpeta con todos los archivos.
• Todos los integrantes deben traer su pendrive con el trabajo que están elaborando. De esa manera, se evitará que pierdan la hora de clase, en caso de que alguno olvide el dispositivo.
• No traer el trabajo a clase significa un punto negativo para el grupo.
• Calcula el tiempo, quedan aproximadamente tres semanas de clase.
• Desarrolla una tema que sea manejable.; que no sea muy extenso, pero que abarque aspectos importantes y no se vea escueto, es decir, que no se aprecie vago, inconcluso o superficial.

Ya estamos trabajando con códigos HTML

Bienvenidos los alumnos de las secciones A, B y D quienes se están incorporando al trabajo con el blog. 

Es importante que lean las Normas de uso del blog y que se presenten al grupo, creando un comentario breve en el post donde está el oso. Recuerden que los comentarios deben ser exclusivamente sobre los temas tratados en este blog.

Igualmente, pueden leer el post: ¿Qué es un blog? y, si tienen tiempo, lean La Conversación, que si bien fue un tema de comienzos de año, pues no está demás repasarlo para comprender algunos conceptos relacionados con el trabajo y la comunicación a través de un medio interactivo como lo es el blog educativo.

Como se sabe, estamos trabajando con códigos HTML, con miras a realizar un proyecto final, cuyas condiciones se las comunicaré próximamente. El proyecto será una página web sobre un tema que resulte interesante y de actualidad para los alumnos de sexto grado, en el cual podrán aplicar los conocimientos adquiridos acerca de HTML. Básicamente, es como si se tratara de un gran ejercicio donde incluirán todos los elementos utilizados en los ejercicios anteriores, más lo nuevo que quieran experimentar de acuerdo a su creatividad.

Pero, para que el proyecto sea exitoso es necesario que se aclaren con tiempo las dudas que existan. Para ello es importante consultar los apuntes tomados en clase, realizar de forma disciplinada los ejercicios, ponerse al día con lo atrasado y realizar un trabajo colaborativo para ayudar a los compañeros que tengan dudas; de esta manera se consolidarán los conocimientos adquiridos. 

Cualquier duda podrá ser realizada a través de sus comentarios, los cuales podrán ser respondidos por compañeros de cualquier sección e, igualmente, por el profesor.

Como pueden observar existen unos enlaces que les servirán de ayuda para estos fines. Comenzando por una paleta de colores para consultar en pantalla cuando estén trabajando en casa. 

Del mismo modo consultando esos enlaces, podrán repasar lo visto y, los más aplicados, podrán experimentar algunos trucos nuevos que les servirán para su proyecto.

Suerte, espero sus comentarios, y recuerden que la mejor forma de aprender es uniendo esfuerzos.

La Conversación

La conversación es una actividad fundamental de los seres humanos, la cual requiere un sincero deseo de comunicar lo que pensamos.

Este post, si bien correspondió a una actividad que se realizó a comienzos del año escolar, no está demás repasarla, sobre todo para los alumnos que se están incorporando actualmente al trabajo con el blog.

Ahora revisa los siguientes vínculos y publica tu comentario. Al escribir tu opinión, comprenderás mejor el concepto.

En el primer video, espera que cargue mientras se dibujan los muñequitos y luego haces"clic" para que continue. El segundo video es casi una poesía en imágenes. La idea es que puedas expresar el mensaje que contiene.

¡Suerte!

Video 1:
La Conversación

Video 2:
Iniciando una conversación