COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE               Código
                                                   COLEGIO FRANCISCANO DE SAN LUIS BELTRAN                  PGF 02 R-04
                                                                     Proceso
                                                              GESTION DE FORMACION                         Página 1 de 3
                                                                   Procedimiento
                                                               DISEÑO CURRICULAR
           L.F.1813 de octubre 20 de 2003
                                                     GUIA No.1 DE TECNOLOGIA E INFORMÁTICA


     GRADO 6º             CURSO 1-2-3                     PERIODO: III                     FECHA 18 de Julio de 2012
     ALUMNO_________________________________________________________________________________
     DOCENTES: Lic. GREGORIO PEÑA CORONADO – Ing. MIGUEL MANJARRES JIMENO

     DESEMPEÑO: Reconocer la importancia y utilidad del lenguaje del HTML para la elaboración de páginas Web

     INDICADOR DE DESEMPEÑO

     •    Describe la arquitectura y cualidades que contiene un computador

     CONTENIDOS:

      El Computador, arquitectura y cualidades.
                                            INTRODUCCIÓN A LA INFORMÁTICA Y AL HTML

     ¿QUÉ ES INFORMÁTICA?
     Es una rama de la ingeniería que estudia el tratamiento automático, racional y adecuado de la información, por
     medio de máquinas automáticas o computacionales, para lo cual se diseñan y desarrollan estructuras y
     aplicaciones especiales buscando seguridad e integridad.


     ¿QUÉ ES UNA MÁQUIINA COMPUTACIONAL?
     Cualquier dispositivo que tenga las siguientes características es una máquina computacional:

         Sus componentes internos y externos son dispositivos electrónicos y/o digitales.
         Recibe órdenes de los humanos u otras máquinas.
         Almacena grandes cantidades de información.
         Procesa altos volúmenes de datos a gran velocidad y con bastante precisión. Todas las operaciones
          que realiza las lleva a cabo siguiendo un modelo de órdenes (software) preestablecido por el hombre.

La arquitectura básica de un computador                                   Arquitectura básica de un computador
puede ser dividida en cinco (5) unidades o
dispositivos:
                                                                                      Memoria
1.       Dispositivos de entrada
2.       Dispositivos de salida
3.       Memoria                                           Dispositivos              Unidad de              Dispositivos
4.       Procesador                                        de entrada                 Control                de salida
5.       Unidad de control


                                                                                    Procesador
COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE               Código
                                       COLEGIO FRANCISCANO DE SAN LUIS BELTRAN                  PGF 02 R-04
                                                          Proceso
                                                   GESTION DE FORMACION                        Página 2 de 3
                                                        Procedimiento
                                                    DISEÑO CURRICULAR
    L.F.1813 de octubre 20 de 2003
                                          GUIA No.1 DE TECNOLOGIA E INFORMÁTICA




¿CÓMO SE CLASIFICA LA INFORMÁTICA?

Según sus campos de aplicación, la informática se podría clasificar de la siguiente manera:

 Informática Teórica: Es el conjunto de principios teóricos que sirven como soporte para el diseño y
    desarrollo de productos derivados de la informática.
 Ofimática: Técnicas informáticas utilizadas para facilitar los trabajos de oficina en el campo de la
LA INFORMÁTICA APLICADA ENmemorización deLA INGENIERÍA DE SISTEMAS
    producción, almacenamiento y EL CAMPO DE datos.
 Telemática: Técnica que utilizan la transmisión de informática mediante el envío de datos desde un punto a
En el campoforma unidireccional o bidireccional (Telecomunicación) la creación de los siguientes productos,
    otro, de de la Ingeniería de Sistemas, la Informática se aplica en
 Ingeniería de Sistemas: Es la aplicación de recursos y principios físico-matemáticos para desarrollar
entre otros:
    sistemas que utilicen económicamente los materiales y fuerzas de la naturaleza para el beneficio de la
  Bases de datos                                              Diseño y multimedia
    humanidad a partir de un conjunto de metodologías para la resolución de problemas mediante el análisis,
  Sistemas de información                                     Aplicaciones bajo entorno Web
    diseño y gestión de sistemas.
  Sistemas expertos                                              • Sistemas hipertextuales
  Sistemas inteligentes                                          • Sistemas hipermediales
  Juegos
ESTRUCTURAS DE UN HIPERVINCULO
  Simuladores
La estructura de un hipervínculo se compone de cuatro elementos esenciales:

1. Nodos: Son los elementos que contienen la información, representan
HIPERTEXTO
     Las unidades básicas del hipertexto.
Una Contenido: Texto, imágenes estáticas estrictamente documental y video
2. definición precisa desde un enfoque o en movimiento, sonidos del término hipertexto sería la siguiente:
“Sistema de organización o fragmentos documentales o digitales (textuales o gráficos) a otros fragmentos o
     que están dentro de los nodos.
documentos (en cualquier morfología digital: texto, imagen, audio, video, datos, programas informática y otras
3. Enlaces (Link): Uniones entre nodos que facilitan la lecturalo que permite acceder a del documento. no
aplicaciones capaces de generar un contenido dinámico), secuencial o no secuencial la información
4. Hipervínculos: Puntos de unión entre nodos. Son los mecanismos que activan los enlaces.
necesariamente de forma secuencial”.

Desde un enfoque técnico se podría definir el término hipertexto como: “Documento digital organizado en
módulos llamados Nodos” y les llama Páginas Web y crean con un de puntos de se conoce con el nombre de
A los hipertextos también se unidos entre sí por Enlaces a través lenguaje que activación conocidos como
HipervínculosText Markup Languaje) manera no secuencial”
HTML (Hyper el cual se puede leer de

HTML: Es un lenguaje que permite escribir texto de forma estructurada, está compuesta por etiquetas, que
marcan el inicio y el fin de cada elemento del documento. Un documento hipertextual no sólo contiene texto e
imágenes, también puede contener sonido, videos, etc., por lo que el resultado puede considerarse como un
documento hipermedial. Los documentos hipertextuales deben tener la extensión HTML o HTM, para que
puedan ser visualizados en los navegadores. Los navegadores se encargan de interpretar el código HTML de
los documentos hipertextuales y de mostrar a los usuarios las Páginas Web resultantes del código interpretado.

SOFTWARE NECESARIO PARA CREAR Y VISUALIZAR HIPERTEXTOS

 Editor: Es un programa que permite redactar documentos hipertextuales. Actualmente existen editores
    para crear hipertexto sin necesidad de utilizar directamente el lenguaje HTML. Estos editores disponen de
    un entorno visual y generan automáticamente el código HTML de las páginas.
COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE            Código
                                       COLEGIO FRANCISCANO DE SAN LUIS BELTRAN               PGF 02 R-04
                                                         Proceso
                                                  GESTION DE FORMACION                       Página 3 de 3
                                                       Procedimiento
                                                   DISEÑO CURRICULAR
    L.F.1813 de octubre 20 de 2003
                                         GUIA No.1 DE TECNOLOGIA E INFORMÁTICA


Algunos de los editores visuales con los que se puede crear Páginas Web son Macromedia Dreamweaver,
Microsoft FrontPage, Adobe Pagemill, NetObjects Fusion, CutePage y Netscape Composer de las cuales
algunos tienen ventajas de ser gratuitos. Para crear Páginas Web escribiendo directamente el código HTML se
puede utilizar la herramienta Wordpad o el Bloc de Notas que proporciona Windows. A lo largo de este curso
se va a trabajar con el Bloc de Notas para crear los hipertextos, ya que se trata de un editor en textos muy
sencillo de manejar.

 Navegador o Browser: Es una aplicación (software) que permite al usuario recuperar y visualizar
   documentos hipertextuales (comúnmente escritos HTML) desde servidores Web de todo el mundo a través
   de Internet.


                                         ACTIVIDAD EXTRACLASE

Contesta las siguientes preguntas “Investiga en Internet”

1. ¿Qué son los lenguajes de programación? Y ¿Cómo se clasifican?

2. Describe con tus propias palabras: ¿Qué es un hipertexto? Y ¿Cuáles son sus características?

3. ¿Qué es un sistema hipertextual?

4. Describe con tus propias palabras: ¿Qué es el lenguaje HTML? y ¿Para qué sirve?

5. ¿Qué son las etiquetas en HTML?

6. Menciona las etiquetas que se utilizan en el diseño de Páginas Web

Guía No. 1 grado 6

  • 1.
    COMUNIDAD FRANCISCANA PROVINCIADE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 1 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA GRADO 6º CURSO 1-2-3 PERIODO: III FECHA 18 de Julio de 2012 ALUMNO_________________________________________________________________________________ DOCENTES: Lic. GREGORIO PEÑA CORONADO – Ing. MIGUEL MANJARRES JIMENO DESEMPEÑO: Reconocer la importancia y utilidad del lenguaje del HTML para la elaboración de páginas Web INDICADOR DE DESEMPEÑO • Describe la arquitectura y cualidades que contiene un computador CONTENIDOS:  El Computador, arquitectura y cualidades. INTRODUCCIÓN A LA INFORMÁTICA Y AL HTML ¿QUÉ ES INFORMÁTICA? Es una rama de la ingeniería que estudia el tratamiento automático, racional y adecuado de la información, por medio de máquinas automáticas o computacionales, para lo cual se diseñan y desarrollan estructuras y aplicaciones especiales buscando seguridad e integridad. ¿QUÉ ES UNA MÁQUIINA COMPUTACIONAL? Cualquier dispositivo que tenga las siguientes características es una máquina computacional:  Sus componentes internos y externos son dispositivos electrónicos y/o digitales.  Recibe órdenes de los humanos u otras máquinas.  Almacena grandes cantidades de información.  Procesa altos volúmenes de datos a gran velocidad y con bastante precisión. Todas las operaciones que realiza las lleva a cabo siguiendo un modelo de órdenes (software) preestablecido por el hombre. La arquitectura básica de un computador Arquitectura básica de un computador puede ser dividida en cinco (5) unidades o dispositivos: Memoria 1. Dispositivos de entrada 2. Dispositivos de salida 3. Memoria Dispositivos Unidad de Dispositivos 4. Procesador de entrada Control de salida 5. Unidad de control Procesador
  • 2.
    COMUNIDAD FRANCISCANA PROVINCIADE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 2 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA ¿CÓMO SE CLASIFICA LA INFORMÁTICA? Según sus campos de aplicación, la informática se podría clasificar de la siguiente manera:  Informática Teórica: Es el conjunto de principios teóricos que sirven como soporte para el diseño y desarrollo de productos derivados de la informática.  Ofimática: Técnicas informáticas utilizadas para facilitar los trabajos de oficina en el campo de la LA INFORMÁTICA APLICADA ENmemorización deLA INGENIERÍA DE SISTEMAS producción, almacenamiento y EL CAMPO DE datos.  Telemática: Técnica que utilizan la transmisión de informática mediante el envío de datos desde un punto a En el campoforma unidireccional o bidireccional (Telecomunicación) la creación de los siguientes productos, otro, de de la Ingeniería de Sistemas, la Informática se aplica en  Ingeniería de Sistemas: Es la aplicación de recursos y principios físico-matemáticos para desarrollar entre otros: sistemas que utilicen económicamente los materiales y fuerzas de la naturaleza para el beneficio de la  Bases de datos  Diseño y multimedia humanidad a partir de un conjunto de metodologías para la resolución de problemas mediante el análisis,  Sistemas de información  Aplicaciones bajo entorno Web diseño y gestión de sistemas.  Sistemas expertos • Sistemas hipertextuales  Sistemas inteligentes • Sistemas hipermediales  Juegos ESTRUCTURAS DE UN HIPERVINCULO  Simuladores La estructura de un hipervínculo se compone de cuatro elementos esenciales: 1. Nodos: Son los elementos que contienen la información, representan HIPERTEXTO Las unidades básicas del hipertexto. Una Contenido: Texto, imágenes estáticas estrictamente documental y video 2. definición precisa desde un enfoque o en movimiento, sonidos del término hipertexto sería la siguiente: “Sistema de organización o fragmentos documentales o digitales (textuales o gráficos) a otros fragmentos o que están dentro de los nodos. documentos (en cualquier morfología digital: texto, imagen, audio, video, datos, programas informática y otras 3. Enlaces (Link): Uniones entre nodos que facilitan la lecturalo que permite acceder a del documento. no aplicaciones capaces de generar un contenido dinámico), secuencial o no secuencial la información 4. Hipervínculos: Puntos de unión entre nodos. Son los mecanismos que activan los enlaces. necesariamente de forma secuencial”. Desde un enfoque técnico se podría definir el término hipertexto como: “Documento digital organizado en módulos llamados Nodos” y les llama Páginas Web y crean con un de puntos de se conoce con el nombre de A los hipertextos también se unidos entre sí por Enlaces a través lenguaje que activación conocidos como HipervínculosText Markup Languaje) manera no secuencial” HTML (Hyper el cual se puede leer de HTML: Es un lenguaje que permite escribir texto de forma estructurada, está compuesta por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertextual no sólo contiene texto e imágenes, también puede contener sonido, videos, etc., por lo que el resultado puede considerarse como un documento hipermedial. Los documentos hipertextuales deben tener la extensión HTML o HTM, para que puedan ser visualizados en los navegadores. Los navegadores se encargan de interpretar el código HTML de los documentos hipertextuales y de mostrar a los usuarios las Páginas Web resultantes del código interpretado. SOFTWARE NECESARIO PARA CREAR Y VISUALIZAR HIPERTEXTOS  Editor: Es un programa que permite redactar documentos hipertextuales. Actualmente existen editores para crear hipertexto sin necesidad de utilizar directamente el lenguaje HTML. Estos editores disponen de un entorno visual y generan automáticamente el código HTML de las páginas.
  • 3.
    COMUNIDAD FRANCISCANA PROVINCIADE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 3 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA Algunos de los editores visuales con los que se puede crear Páginas Web son Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjects Fusion, CutePage y Netscape Composer de las cuales algunos tienen ventajas de ser gratuitos. Para crear Páginas Web escribiendo directamente el código HTML se puede utilizar la herramienta Wordpad o el Bloc de Notas que proporciona Windows. A lo largo de este curso se va a trabajar con el Bloc de Notas para crear los hipertextos, ya que se trata de un editor en textos muy sencillo de manejar.  Navegador o Browser: Es una aplicación (software) que permite al usuario recuperar y visualizar documentos hipertextuales (comúnmente escritos HTML) desde servidores Web de todo el mundo a través de Internet. ACTIVIDAD EXTRACLASE Contesta las siguientes preguntas “Investiga en Internet” 1. ¿Qué son los lenguajes de programación? Y ¿Cómo se clasifican? 2. Describe con tus propias palabras: ¿Qué es un hipertexto? Y ¿Cuáles son sus características? 3. ¿Qué es un sistema hipertextual? 4. Describe con tus propias palabras: ¿Qué es el lenguaje HTML? y ¿Para qué sirve? 5. ¿Qué son las etiquetas en HTML? 6. Menciona las etiquetas que se utilizan en el diseño de Páginas Web