GRADO DÉCIMO - INDICACIONES PÁGINAS WEB

INDICACIONES PARA LA CREACIÓN DE LA PÁGINA WEB

Este documento está en creación... Recordemos que el segundo compromiso cognitivo es crear nuestra  primera página web. En ella mostraremos información en formato de texto, crearemos una marquesina de bienvenida, mostraremos una imagen, le daremos color de fondo a nuestra página, crearemos divisiones con líneas horizontales y además le colocaremos un título a la pestaña del navegador. 

Para esto vamos a utilizar el lenguaje HTML (Hyper Text Markup Language) que podemos entenderlo como lenguaje de marcas para crear hipertextos o páginas web.

La dinámica para realizar este trabajo es la siguiente: 

1) Creamos el código fuente (las ordenes que deben ser interpretadas por el computador) de la página web en un procesador de texto. Para esto usaremos el bloc de notas de Windows. 

2) Este archivo lo guardaremos en dos formatos: en formato texto (txt) y formato hipertexto (html). Si al documento le damos el nombre PrimeraWeb tendremos dos archivos: PrimeraWeb.txt y PrimeraWeb.html En el segundo archivo visualizaremos el código fuente de la página interpretada por un navegador.

Ejemplos de navegadores.

3) De ahora en adelante hacemos cambios en el código fuente (PrimeraWeb.txt), guardamos dichos cambios y refrescamos la página web para ver los nuevos efectos creados.

Icono para refrescar la página web

Veamos la estructura básica de una página web en HTML:

Estructura básica de una página web en HTML

Observaciones:

Las marcas o palabras reservadas del lenguaje van escritas entre los signos < y >. Estas palabras indican para el caso de la imagen anterior las dos grandes divisiones de la página, pero también efectos sobre el contenido.

Generalmente estás palabras se abren y cierran (hay excepciones) indicando al navegador donde inicia el efecto de una acción y donde acaba. Para cerrar una marca se escribe la misma palabra antecedida por el símbolo /.

La página tiene dos secciones o áreas: la Head o encabezado, que por ahora utilizaremos para colocar en ella un título de la pestaña en el navegador y la BODY o cuerpo en donde se muestra todo el contenido de la página.

GRADO DÉCIMO - DOCUMENTO DE APOYO PARA EL COMPROMISO UNO

PROYECTO EN VISUAL BASIC  "HOLA MUNDO"

Supongamos que queremos implementar un programa que presente un saludo por pantalla, algo así como un aviso que diga "Hola Mundo". Una solución puede ser:
• Buscar un computador que tenga un lenguaje de programación, por ejemplo el Visual Basic de la empresa Microsoft, el cual permite mediante el uso de tres (3) herramientas diseñar una interfaz gráfica que en una de ellas se exhiba la frase Hola Mundo y otras dos que al dar clic sobre ellas, muestre el saludo y lo oculte respectivamente.
• Estas tres herramientas estarán contenidas en otra llamada FORMULARIO, que es un elemento que permite diseñar una ventana para que el usuario final de la aplicación interactúe con el programa
• La herramienta que exhibe el saludo puede ser una LABEL o etiqueta, que está diseñada para mostrar información textual en una ventana.
• Las herramientas que muestran y ocultan el saludo, pueden ser BOTONES, (objetos con un evento clic) que al oprimirlos realizan dichas labores. Ellos estarán etiquetados para indicar la acción que ejecutan.
• El código fuente para este programa es muy sencillo. En lenguaje humano puede ser: Muestre el texto ¡Hola Mundo! en la etiqueta , en Visual Basic: lblSaludo.Text = "¡Hola Mundo!", en donde lblSaludo es el nombre de la etiqueta y Text la propiedad en la que se "guarda" el mensaje. El punto entre ellos los conecta, indica que es la propiedad Text de dicho etiqueta y no de otra. El igual indica que el mensaje debe mostrarse o cargarse en la propiedad Text de la Etiqueta. Las comillas son obligatorias para indicar que el mensaje es del tipo de datos texto.
• Para ocultar el mensaje la orden en Visual Basic es:lblSaludo.Text = "". Si se compara con la anterior, estamos enviando una cadena de caracteres vacía que reemplaza al mensaje de saludo.

• Otra opción para este programa es tener fijo el aviso en la etiqueta, es decir no cambiarlo, como acabamos de mostrar y lo que haríamos sería ocultar o mostrar la etiqueta. Para esto usamos la propiedad Visible de la etiqueta (label), que poseen muchas de las herramientas del Visual Basic, las cuales reciben el valor Verdadero o Falso (en inglés: True o False) y sirven para mostrar o no el objeto que desee el programador.

  A continuación veamos la Interfaz Gráfica de Usuario (GUI por las iniciales en inglés) para esta última versión del programa, al pulsar los botones. Agregamos una imagen que se muestra y oculta a la par con el saludo.
  
  Imagen3. GUI de nuestro programa.
  La imagen del programa es de mi archivo personal. La imagen interna es de Internet.

GRADO 10 - ACUERDO PEDAGÓGICO PERÍODO II

ACUERDO PEDAGÓGICO

GRADO DÉCIMO

PERÍODO DOS

ACTA DE ACUERDO PEDAGÓGICO

PERÍODO: DOS

INFORMACIÓN GENERAL:

FECHA:                      SEDE: PRINCIPAL           JORNADA:           MAÑANA     

   

GRADO Y REPRESENTANTE: 

1001 Nicol Dayana Mendoza Mahecha

1002 Anderson Díaz Sánchez

1003 Pendiente

1004 Pendiente

1005 Zayra Camila Ortíz Rivera

1006 Pendiente

No. ESTUDIANTES:                HORA INICIO:                  HORA FINAL:                

ÁREA: TECNOLOGÍA E INFORMÁTICA      DOCENTE:           Eusebio Prada Matiz

COMPETENCIAS A DESARROLLAR:

Tengo en cuenta principios de funcionamiento y criterios de selección, para la utilización eficiente y segura de artefactos, productos, servicios, procesos y sistemas tecnológicos de mi entorno.

TIEMPO	CONTENIDOS TEMÁTICOS A DESARROLLAR
3 sesiones	ENTORNO VISUAL BASIC – ALGUNAS HERRAMIENTAS
2 sesiones	ENTORNO HTML – ALGUNAS HERRAMIENTAS
3 sesiones	DIAGRAMA DE FLUJO DE DATOS

ACTIVIDADES DE APRENDIZAJE:

1.       Proyecto VB: Hola Mundo.

2.       Proyecto HTML: Mi primera web.

3.       Proyecto DFD: ejercicios.

4.       Evaluación tipo saber.

5.       Profundización: Proyecto en VB: Espejito.

RECURSOS: Computadores, internet, blog del docente, útiles escolares.

BIBLIOGRAFIA RECOMENDADA: Libros o documentos web programación de pc´s y páginas web. Google, Wikipedia.

SISTEMA DE EVALUACIÓN:

DIMENSIÓN COGNITIVA:

Cuatro compromisos con igual peso porcentual:

1.       Proyecto VB: Hola Mundo. (En clase)

2.       Proyecto HTML: Mi primera web. (En clase)

3.       Proyecto DFD: Ejercicios. (En clase)

4.       Evaluación tipo saber. (2 al 8 de junio)

5.       Profundización: Proyecto en VB: Espejito. (últimas dos semanas)

1.       Profundización: últimas dos semanas del período.

DIMENSIÓN PERSONAL:

Se tienen en cuenta los siguientes aspectos:

1.       Presentación personal.

2.       Puntualidad.

3.       Asistencia.

4.       Responsabilidad.

DIMENSIÓN SOCIAL:

Se tienen en cuenta los siguientes aspectos:

1.       Trabajo en equipo.

2.       Colaboración.

3.       Liderazgo.

PROCESO PARA EL MEJORAMIENTO CONTINUO A PARTIR DE:

AUTOEVALUACIÓN:

El estudiante analizará su desempeño y generará compromisos a corto plazo que redunden en mejoría de su desempeño integral.

COEVALUACIÓN:

Cada estudiante analizará el desempeño de un compañero escogido aleatoriamente y hará recomendaciones a corto plazo para su mejoramiento.

HETEROEVALUACIÓN:

El estudiante recibirá retroalimentación del docente respecto de sus logros cuando así lo desee y públicamente se entregarán los resultados obtenidos en cada uno de los compromisos, así como las actividades o acciones que deberá realizar para mejorar sus resultados.

OBSERVACIONES:

La prueba tipo Saber se hará individualmente. Las otras actividades pueden ser presentadas en grupos de máximo tres (3) estudiantes.

FIRMA DEL DOCENTE                                            FIRMA REPRESENTANTE DE GRUPO

GRADO 10 - RESULTADOS AL PERÍODO UNO

RESULTADOS AL PERÍODO UNO

GRADO DÉCIMO - 2019

A continuación los resultados de los estudiantes del grado décimo en el período uno del año 2019. Cualquier inquietud la resolvemos en el colegio.

GRUPO 1001

GRUPO 1002

GRUPO 1003

GRUPO 1004

GRUPO 1005

GRUPO 1006