1. PORTAL INTERACTIVO MANARENSE
CARLOS ALBERTO ZAMBRANO BRAYDI
INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE
INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES
PAZ DE ARIPORO, CASANARE
2012

2. PORTAL INTERACTIVO MANARENZE
CARLOS ALBERTO ZAMBRANO BRAYDI
ASESOR
JOSE YOBANNY MONTAÑA BARRERA
LICENCIADO EN CIENCIAS DE LA EDUCACION INFORMATICA EDUCATIVA
INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE
INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES
PAZ DE ARIPORO, CASANARE
2012

3. NOTA DE ACEPTACIÓN
RECTOR
JURADO 1
JURADO 2

4. DEDICATORIA
Primero que todo dedicamos este trabajo a DIOS por permitirnos realizar este
proyecto.
A mis padres HOMERO ZAMBRANO y DIANA BRAYDI quienes me apoyaron
incondicionalmente.

5. AGRADECIMIENTOS
A mi profesora CARMEN CECILIA GÓMEZGALVIS que en todo momento me
acompaño en todo el proceso de formación y la realización de este proyecto.
A mi docente asesor JOBANNY MONTAÑA quien me asesoró y acompaño en el
proceso de formación y realización de este proyecto de grado.

6. CONTENIDO
INTRODUCCIÓN ..............................................................................................................................8
2. PROBLEMA ............................................................................................................................ 10
2.1 Descripción Del Problema ...................................................................................................... 10
4. OBJETIVOS................................................................................................................................ 12
4.1 OBJETIVO GENERAL ............................................................................................................ 12
4.2 OBJETIVOSESPECÍFICOS................................................................................................... 12
5. MARCO REFERENCIAL .......................................................................................................... 13
5.1 Marco Teórico .......................................................................................................................... 13
5.1.1Pagina Web ............................................................................................................................ 13
5.1.3 Historia. Reseña histórica de la institución que va a ser beneficiada .......................... 15
5.2.1 Software para página web .................................................................................................. 16
5.2.1.2EDITOR DE TEXTO PLANO............................................................................................ 16
5.2.1.3 HTML .................................................................................................................................. 16
5.2.1.4 Adobe Flash CS5. ............................................................................................................. 17
5.2.1.5 Visual Basic ....................................................................................................................... 18
5.2.3.1Adobe Photoshop............................................................................................................... 18
5.2.4.1 PowerPoint ......................................................................................................................... 19
5.2.4.2 Prezi .................................................................................................................................... 19
5.2.4.3 Blogger ............................................................................................................................... 19
5.3.1.1Articulo 9o ........................................................................................................................... 20
5.3.1.2 Artículo 23º........................................................................................................................ 20
5.3.1.3Artículo 32º .......................................................................................................................... 21
6. METODOLOGÍA ........................................................................................................................ 22
6.1 TIPO DE INVESTIGACIÓN .................................................................................................. 22
6.2 FUENTES DE INVESTIGACIÓN .......................................................................................... 22
6.3RECURSOS HUMANOS Y FÍSICOS .................................................................................... 22
6.3.1Recursos Humanos............................................................................................................... 22
6.3.2 Recursos Físicos .................................................................................................................. 22
6.4 DESARROLLÓ METODOLÓGICO ...................................................................................... 23
6.6POBLACIÓN.............................................................................................................................. 24
INFOGRAFÍA .................................................................................................................................. 25

8. INTRODUCCIÓN
Hoy día los sitios WEB se han convertido en una de las opciones de mayor
consulta y divulgación para la sociedad actual, como también uno de los medios
de comunicación rápidos y entretenidos. Es así, que al consultar se vio la
necesidad de dar a conocer a nivel municipal los diferentes procesos de formación
pedagógica y las diferentes actividades que se dan en la Institución Educativa
Nuestra Señora De Manare, diseñando un sitio Web, donde se observa una
descripción relacionada de los diferentes espacios que hacen parte de la
Institución.
También el sitio Web permite atraer y mantener una constante comunicación con
los integrantes de la comunidad educativa, egresados y personas particulares que
de una u otra forma harán aportes en beneficio de los procesos de formación de
los integrantes de la comunidad educativa Nuestra Señora De Manare.
Con esta consulta se pretende exhortar a todos los lectores para que les sirva de
consulta para posibles investigaciones, al mismo tiempo invitarlos a aportar sus
ideas para complementar el sitio Web. Es así, como se quiso diseñar este sitio
para que sea visitado en la red por la comunidad pazariporeña y personas de
cualquier parte del país y el mundo, con el fin de promover y fortalecer a través de
la comunicación interactiva los procesos de información e incursionar en el uso de
la comunicación a través de medios tecnológicos modernos y, de esta manera,
contribuir al fortalecimiento de la educación en el ámbito nacional e internacional.
8

9. 1. TEMA
La recopilación sistematizada de información denuestro colegio, para realizar una
pagina web, esto beneficiaría a los estudiantes y comunidad en general
delInstituto Técnico Nuestra Señora De Manare
9

10. 2. PROBLEMA
2.1 Descripción Del Problema
Los alumnos y profesores del Instituto Técnico Nuestra Señora De Manare tienen
dificultad en la consulta y búsqueda de informaciónsobre nuestro colegio, ya que a
la hora de buscar información sobre el colegio o estudiantes,esta búsqueda resulta
ser un poco lenta o imposible.
2.2 Formulación del problema
10

11. 3. JUSTIFICACIÓN
La organización de la Institución educativa: personal directivo, personal técnico
docente en actividades administrativas, personal profesional no docente
participante en los servicios educativos, la organización estudiantil y la sociedad
de padres o representantes, tendrán la oportunidad de publicar sus planes,
programas, cronogramas de actividades, orientaciones, noticias u opiniones en
una página Web propiedad de la institución, brindando la oportunidad a toda la
comunidad educativa de mantenerse informada sobre el proceso educativo, en
cualquier momento y lugar. Todo esto contribuirá a estrechar los vínculos de la
comunidad educativa, fortaleciendo la comunicación entre sus miembros.
Es importante mencionar, que la página al ser pública, otras instituciones o
particulares tendrían acceso a ella, lo que podría promover el intercambio cultural,
entre otros posibles acontecimientos. Además, permitirá planificar actividades
educativas y recreativas, debido al aporte que pueden hacer todos los miembros
de la comunidad a través de sugerencias y propuestas concretas, proporcionadas
mediante la página Web.
Por lo expuesto, entonces, se recomienda la realización de una página Web, en El
Instituto Técnico Nuestra Señora De Manare del municipio de Paz De Ariporo,
para mejorar la información entre personal directivo, personal docente, estudiantes
y padres o representantes, en vista que la comunicación entre los elementos de la
comunidad educativa no es óptima, el investigador considera que dicha pagina se
mejorara la comunicación entre sus miembros fortaleciendo sus vínculos, además
de administrar los recursos humanos y materiales con excelencia.
11

12. 4. OBJETIVOS
4.1 OBJETIVO GENERAL
Diseñar, y desarrollar una página Web para El Instituto Técnico Nuestra Señora
De Manare donde se faciliten los enlaces de comunicación dentro y fuera de la
institución con los estudiantes y comunidad en general.
4.2 OBJETIVOSESPECÍFICOS
Determinar la viabilidad e importancia de diseñar la pagina web del
INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE valiéndose
diferentes fuentes de recolección de información.
Buscar toda la información relacionada con docentes, estudiantes, comunidad
en general del Instituto Técnico Nuestra Señora De Manare y la comunidad
pazariporeña que tenga relación con el colegio.
Elaborar un sitio Web en Adobe Dreamweaver Cs5 y alojarlo en la red de
Internet.
12

13. 5. MARCO REFERENCIAL
5.1 Marco Teórico
El proyecto cuenta con la recolección de información que hay sobre el colegio. En
la página se encuentra información sobre el colegio y los estudiantes de la
institución educativa.
Lo fundamental en este proyecto es la creación de una página web la cual tendrála
información de la institución educativa y los estudiantes. Está pagina web será
previamente alojada en internet mediante un dominio, allí la pagina web cumple la
función de un buscador de información de la institución educativa, estudiantes y
comunidad en general.
5.1.1Pagina Web
Una página web es el nombre de un documento o información electrónica
adaptada para la World Wide Web y que puede ser accedida mediante
un navegador. Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar navegación a otras páginas web
mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros
recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales,
entre otros.
Las páginas web pueden estar almacenadas en un equipo local o un servidor
web remoto. El servidor web puede restringir el acceso únicamente para redes
privadas, p. ej., en una intranet corporativa, o puede publicar las páginas en la
World Wide Web. El acceso a las páginas web es realizado mediante su
transferencia desde servidores utilizando el protocolo de transferencia de
hipertexto (HTTP).
Una página web está compuesta principalmente por información (sólo texto y/o
módulos multimedia) así como por hiperenlaces; además puede contener o
asociar Hoja de estilo datos de estilo para especificar cómo debe visualizarse,
también Aplicación informática aplicaciones embebidas para así hacerla
interactiva.
Las páginas web son escritas en un lenguaje de marcado que provee la capacidad
de manejar e insertar hiperenlaces, generalmente HTML.
El contenido de la página puede ser predeterminado página web estática o
generado al momento de visualizarla o solicitarla a un servidor web página web
dinámica. Las páginas dinámicas que se generan al momento de la visualización,
13

14. se especifican a través de algún lenguaje interpretado, generalmente JavaScript, y
la aplicación encargada de visualizar el contenido es la que realmente debe
generarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadas
por una aplicación en el servidor web que alberga las mismas.
5.1.2. Tipos De Páginas Web. Estos son los tipos de páginas web que existen hoy
en día en internet.
5.1.2.1 Pagina Web Estática. Las páginas web estáticas son aquellas realizadas
en HTML que pueden mostrar en alguna parte de la página objetos en movimiento
tales como banners, gifs animados, videos, etc.
5.1.2.2 Pagina Web Animada. Las páginas web animadas son aquellas que se
realizan con la tecnología FLASH, ésta permite que una página web presente el
contenido con ciertos efectos y animaciones en algunos de los sectores de la
página o bien puede estar toda la página hecha en este lenguaje. El uso de esta
tecnología permite diseños más vanguardistas, modernos y creativos.
5.1.2.3 Pagina Web Dinámica. Existen muchos lenguajes de programación que
son la base para la mayoría de páginas web dinámicas. Las que destacamos aquí
son los lenguajes PHP y ASP. Estos lenguajes permiten una perfecta
estructuración del contenido. Por una parte crearíamos la estructura de las
páginas web, y por otra almacenaríamos el contenido en determinados archivos. A
partir de ahí, crearíamos el código de llamada que insertaría el contenido en la
propia página web estructurada. Este es el principio básico que siguen los
lenguajes de programación. A partir de aquí se desarrollan aplicaciones para
poder gestionar el contenido a través de un panel de control, dando lugar a nuevos
tipos de página web que leeremos a continuación.
5.1.2.4 Portal. Es un sitio web que en su página principal permite el acceso a
múltiples secciones que, por lo general, son foros, chats, cuentas de correo,
buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de
actualidad… un sinfín de recursos para brindar al usuario la mejor experiencia de
búsqueda para una temática en particular o para una temática muy amplia.
Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, se
reconoce por su temática variada con el fin de captar el mayor tráfico de
internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos,
Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se
centra en ofrecer contenido de una temática en particular, de este modo podemos
hablar de Portal Inmobiliario, Portal de Comercio, Portal Laboral, etc.
5.1.2.5 Tienda Virtual o Comercio Electrónico. Como su nombre indica, se trata de
un sitio web que publica los productos de una tienda en particular en Internet.
14

15. Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia
por norma general. Ofrece al administrador un panel de gestión para poder subir
los productos, actualizarlos, eliminarlos, etc.
5.1.2.6 Gestor De Contenidos. Se trata de un sitio web cuyo contenido se actualiza
a través de un panel de gestión por parte del administrador del sitio. Este panel de
gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que
requieran una actualización constante se suele incorporar este panel de gestión
para que pueda controlarse día a día por parte del cliente.
5.1.2.7 Sitio Weblog (o blog). Nace de la definición de un diario, en donde la
persona inserta información a través del tiempo, solo que esto se hace público y
las demás personas pueden acceder a este y comentar sobre lo que leen. Este
diario se encuentra acomodado de tal forma que lo primero que aparece es lo
último que se publicó. Ejemplos: Blogger, Xanga. [[LiveJournal], [[WordPress],
www.x0101.com.
5.1.3 Historia. Reseña histórica de la institución que va a ser beneficiada
El Instituto Técnico Nuestra Señora de Manare data su historia del año 1953 una
vez terminada la violencia, su primera profesora fue la señorita Aura Preciado
reemplazada posteriormente por la Señora PolaVelandia de Solano; en el año de
1955 fue cambiado de sede (hoy actual) por haberse desplomado el techo
provocando una tragedia que cobro la vida de varios estudiantes. Hacia el año de
1974 recibe el nombre de "Colegio Nuestra Señora de Manare" en hono a la
patrona de Casanare, para el año de 1977 se da apertura a las dos jornadas
mañana y tarde con un total de nueve grupos de primero a quinto de primaria;
hacia el año de 1978 se abre el preescolar bajo la direccion de la profesora Nidia
Ardila, para 1993 se da inicio a la educacion básica con la apertura del grado
sexto pero dicho intento fracasa en 1994 por falta de salones. en el año de 1995
nuevamente se abre el grado sexto el cual dio origen a la primera promocion de
bachilleres de educación básica en el año de 1998 con quince graduandos bajo la
direccion del profesor Braulio Raúl Carlosama, aprobándose el colegio mediante
Resolucion No 001735 del 20 de octubre de 1998 emanada de la Gobernación de
Casanare, para el año 2006 se abre el bachillerato en la media técnica con énfasis
en mantenimiento y reparación de computadores dando origen a la primera
promocion de bachilleres técnicos en 2007 bajo la direccion del licenciado Elquin
Vargas Vargas. Aprobándose el colegio mediante resolucion No. 1334 del 19 de
Noviembre de 2007 de la Secretaria de Eduacion y cultura Departamental.
5.2MARCOCONCEPTUAL
Este proyecto se hizo porque se vio la necesidad de la creación de unapágina
web; esta página web se creó en Dreamweaverquepermite crear sitios de forma
totalmente gráfica, y dispone de funciones para acceder al código HTML
15

16. generado. Permite la conexión a un servidor, a base de datos, soporte para
programación en ASP, PHP, JavaScript, cliente FTP integrado, etc. Esté proyecto
trae muchos beneficios en cuanto a la consulta y búsqueda de información sobre
nuestro colegio.
5.2.1 Software parapágina web
5.2.1.1Adobe Dreamweaver Cs5
AdobeDreamweaver es una aplicación en forma de suite (basada en la forma de
estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de
sitios, videos y aplicaciones Web basados en estándares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems) es el programa más
utilizado en el sector del diseño y la programación web, por sus funcionalidades,
su integración con otras herramientas como Adobe Flash y, recientemente, por su
soporte de los estándares del World Wide Web Consortium. Su principal
competidor es Microsoft Expression Web y tiene soporte tanto para edición de
imágenes como para animación a través de su integración con otras. Hasta la
versión MX, fue duramente criticado por su escaso soporte de los estándares de la
web, ya que el código que generaba era con frecuencia sólo válido para Internet
Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las
versiones recientes.
5.2.1.2EDITOR DE TEXTO PLANO
Un editor de texto es un programa que permite crear y modificar archivos digitales
compuestos únicamente por texto sin formato, conocidos comúnmente
como archivos de texto o texto plano. El programa lee el archivo e interpreta
los bytes leídos según el código de caracteres que usa el editor. Hoy en día es
comúnmente de 7- ó 8-bits en ASCII o UTF-8, rara vez EBCDIC.
5.2.1.3HTML
HTML, siglas de HyperTextMarkupLanguage («lenguaje de marcado de
hipertexto»), hace referencia al lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir la estructura y
la información en forma de texto, así como para complementar el texto con objetos
tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). HTML también puede describir, hasta un cierto
punto, la apariencia de un documento, y puede incluir un script (por
ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores
web y otros procesadores de HTML.
16

17. 5.2.1.4Adobe Flash CS5.
Adobe Flash Professional También en su versióncs es el nombre o marca
comercial oficial que recibe uno de los programas más populares de la casa
Adobe, junto con sus programas hermanos Adobe Illustrator y Adobe Photoshop.
Se trata de una aplicación de creación y manipulación de gráficos vectorialescon
posibilidades de manejo de código mediante un lenguaje de scripting
llamado ActionScript. Flash es un estudio de animación que trabaja sobre
"fotogramas" y está destinado a la producción y entrega de contenido interactivo
para diferentes audiencias alrededor del mundo sin importar la plataforma. Es
actualmente desarrollado y comercializado por Adobe SystemsIncorporated y
forma parte de la familia Adobe Creative Suite, su distribución viene en diferentes
presentaciones, que van desde su forma individual ó como parte de un paquete,
siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web
Premium y Web Standard, Adobe Creative Suite Production Studio Premium y
Adobe Creative Suite Master Collection. Se usa sobre animaciones publicitarias,
reproducción de vídeos (como YouTube) y otros medios interactivos que se
presentan en la mayoría de sitios web del mundo, lo que le ha dado fama a éste
programa, dándoles el nombre de "animaciones Flash" a los contenidos creados
con éste.
Adobe Flash utiliza gráficos vectoriales y gráficos pasterizados, sonido, código de
programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está
disponible si se usa conjuntamente con Macromedia Flash Communication
Server). En sentido estricto, Flash es el entorno de desarrollo y Flash Player es el
reproductor utilizado para visualizar los archivos generados con Flash. En otras
palabras, Adobe Flash crea y edita las animaciones o archivos multimedia y Adobe
Flash Player las reproduce.
Los archivos de Adobe Flash, que tienen generalmente la extensión de
archivo SWF, pueden aparecer en una página web para ser vistos en
un navegador web, o pueden ser reproducidos independientemente por un
reproductor Flash. Los archivos de Flash aparecen muy a menudo
como animaciones en sitios web multimedia, y más recientemente en Aplicaciones
de Internet Ricas. Son también ampliamente utilizados como anuncios en la Web.
En versiones anteriores, Macromedia amplió a Flash más allá de las animaciones
simples, convirtiéndolo en una herramienta de desarrollo completa, para crear
principalmente elementos multimedia e interactivos para Internet.
Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequeña
empresa de desarrollo de nombre FutureWave Software y su nombre original
fue FutureSplashAnimator. En diciembre de 1996 Macromedia adquiere
FutureWave Software, y con ello su programa de animación vectorial que pasa a
ser conocido como Flash 1.0.
En 2005 Adobe compra Macromedia y junto con ella sus productos, entre ellos
Flash, que pasa a llamarse Adobe Flash.
17

18. 5.2.1.5 Visual Basic
Es un lenguaje de programación diseñado para facilitar el desarrollo de
aplicaciones en un entorno grafico, de manera automática, conectividad entre
controles y datos mediante la acción de arrastrar y colocar sobre formularios o
informes. En las aplicaciones HTML se combinan instrucciones de Visual Basic
con códigos HTML para controlar los eventos que se realizan con frecuencia en
una página web.
En la creación del software visual basic nos permitió crear un excelente entorno
grafico para el proyecto.
5.2.3Programas de diseño
Estos programas nos permitieron editar y facilitar la creación de imágenes las
cuales son utilizadas en el aplicativo.
5.2.3.1Adobe Photoshop
Adobe Photoshop es el nombre o marca comercial oficial que recibe uno de los
programas más populares de la casa Adobe Systems, junto con sus programas
hermanos Adobe Illustrator y Adobe Flash, y que se trata esencialmente de
una aplicación informática en forma de taller de pintura y fotografía que trabaja
sobre un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura
a base de imágenes de mapa de bits. Su nombre en español significa literalmente
"tienda de Fotos" pero puede interpretarse como "taller de foto". Su capacidad de
retoque y modificación de fotografías le ha dado el rubro de ser el programa de
edición de imágenes más famoso del mundo.
Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y
comercializado por Adobe SystemsIncorporated inicialmente para
computadores Apple pero posteriormente también para plataformas PC con
sistema operativo Windows. Su distribución viene en diferentes presentaciones,
que van desde su forma individual hasta como parte de un paquete siendo estos:
Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite
Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative
Suite Master Collection.
5.2.4Programas de presentación
Estos son usados para mostrar información acerca de un tema.
18

19. 5.2.4.1 PowerPoint
PowerPoint es uno de los programas de presentación más comunes. Este es un
programa diseñado para hacer presentaciones con texto esquematizado, fácil de
entender, animaciones de texto e imágenes prediseñadas o importadas desde
imágenes de la computadora. Se le pueden aplicar distintos diseños de fuente,
plantilla y animación, y con sus diferentes
5.2.4.2 Prezi
Es un programa de presentación online que usa un solo lienzo en vez de
diapositivas tradicionales y separadas. El lienzo permite a los usuarios crear una
presentación no lineal, donde pueden usar zoom en un mapa visual.los textos,
imágenes, videos u otros objetos de presentación son puestos en un lienzo infinito
y presentado ordenadamente en un marco presentable.
Las características de prezi son:
 Creación de textos instantáneos
 Paso de zooms delicados, limpios e instantáneos.
 Insertar archivos multimedia como imágenes, videos u otros objetos.
 Distribución y ocupación infinita de los objetos multimedia.
 Se puede invitar a otros usuarios en la edición de la presentación.
Gracias a las características que nos ofrece prezinos permite elaborar una
presentación del trabajo y mostrarla de una forma mas ordenada, visible y
agradable.
5.2.4.3 Blogger
Es un programa que nos permiten crear y publicar una bitácora en línea, en el
Blogger es posible publicar textos, fotos, videos según el tema a expresar, con el
fin de llevar ese tema a los demás usuarios.
Unas de las funcionalidades que tiene el Blogger son:
 Editor de entradas WYSIWYG, que pueden ser programadas.
 Diseñador de plantillas, que permite personalizar el aspecto del blog sin
saber código.
 Adición de imágenes y videos a través del editor de entradas.
 Publicación a través de correo electrónico.
 Vistas dinámicas, que permiten visualizar el contenido de un blog a través
de una interfaz que aprovecha las bondades de jQuery, HTML5 y CSS3.
19

20. 5.3 MARCO LEGAL
5.3.1 LEY 115 DE 1994Ley General de Educación
5.3.1.1Articulo 9o. Organización de la Educación Media.La educación MEDIA
comprende dos grados que podrán ser organizados en períodos semestrales
independientes o articulados, con el objeto de facilitar la promoción del educando,
procurar su permanencia dentro del servicio y organizar debidamente la
intensificación y especialización a que se refieren los artículos 31 y 32 de la Ley
115 de 1994.
Con el fin de lograr una mejor relación entre las disciplinas y de ofrecer
alternativas al educando para conformar su plan de estudios, las asignaturas y los
proyectos pedagógicos de carácter técnico o académico, se integrarán en
conjuntos o unidades, cuyo curso se cumplirá en períodos semestrales o menores.
Los estudios de educación MEDIA podrán nivelarse o validarse de acuerdo con el
reglamento.
5.3.1.2 Artículo 23º.-Áreas obligatorias y fundamentales. Para el logro de los
objetivos de la educación básica se establecen áreas obligatorias y fundamentales
del conocimiento y de la formación que necesariamente se tendrán que ofrecer de
acuerdo con el currículo y el Proyecto Educativo Institucional.Ver: Artículo 34
Decreto Nacional 1860 de 1994(Resolución 2343 de 1996 Ministerio de Educación
Nacional).
Los grupos de áreas obligatorias y fundamentales que comprenderán un mínimo
del 80% del plan de estudios, son los siguientes:
1. Ciencias naturales y educación ambiental.
2. Ciencias sociales, historia, geografía, constitución política y democracia.
3. Educación artística. Modificado por el art. 65, Ley 397 de 1997.
4. Educación ética y en valores humanos.
5. Educación física, recreación y deportes.
6. Educación religiosa. Numeral 6 Declarado exequibleSentencia C 555 de
1994Corte Constitucional. VerLey 133 de 1994
7. Humanidades, lenguacastellana e idiomas extranjeros.
8. Matemáticas.
9. Tecnología e informática. Ver: Artículo 33 y Decreto Nacional 1860 de
1994Orientación curriculares. Ver Oficio No. 370-5548/27.10.98. Secretaría de
Educación. Instituciones de Educación formal. CJA13351998
Parágrafo.-La educación religiosa se ofrecerá en todos los establecimientos
educativos, observando la garantía constitucional según la cual, en los
establecimientos del Estado ninguna persona podrá ser obligada a recibirla.
Subrayado declarado exequible Sentencia C 555 de 1994 Corte Constitucional.
20

21. 5.3.1.3Artículo 32º.-Educación media técnica. La educación media técnica prepara
a los estudiantes para el desempeño laboral en uno de los sectores de la
producción y de los servicios, y para la continuación en la educación superior. Ver:
Artículo 9Decreto Nacional 1860 de 1994
Estará dirigida a la formación calificada en especialidades tales como:
agropecuaria, comercio, finanzas, administración, ecología, medio ambiente,
industria, informática, minería, salud, recreación, turismo, deporte y las demás que
requiera el sector productivo y de servicios. Debe incorporar, en su formación
teórica y práctica, lo más avanzado de la ciencia y de la técnica, para que el
estudiante esté en capacidad de adaptarse a las nuevas tecnologías y al avance
de la ciencia. Ver Proyecto Acuerdo Distrital 189 de 2001
Las especialidades que ofrezcan los distintos establecimientos educativos, deben
corresponder a las necesidades regionales.
Parágrafo.- Para la creación de instituciones de educación media técnica o para la
incorporación de otras y para la oferta de programas, se deberá tener una
infraestructura adecuada, el personal docente especializado y establecer una
coordinación con el Servicio Nacional de Aprendizaje, SENA u otras instituciones
de capacitación laboral o del sector productivo. Ver Decreto Nacional 272 de 1998.
5.3.1.4 Articulo 33º. Objetivos específicos de la educación media técnica. Son
objetivos específicos de la educación media técnica:
a) La capacitación básica inicial para el trabajo;
b) La preparación para vincularse al sector productivo y a las posibilidades de
formación que éste ofrece, y
c) La formación adecuada a los objetivos de educación media académica, que
permita al educando el ingreso a la educación superior.
21

22. 6. METODOLOGÍA
6.1 TIPO DE INVESTIGACIÓN
Este proyecto está basado en una investigación descriptiva, la cual radica en la
recopilación de información, ya que estos son de granimportancia para el
desarrollo delapágina web.
6.2 FUENTES DE INVESTIGACIÓN
En el desarrollo de este trabajo se recurren a diferentes fuentes de investigación
como encuestas y charlas informales dirigidas a los docentes y estudiantes de
institución.
6.3RECURSOS HUMANOS Y FÍSICOS
6.3.1Recursos Humanos
Orientación de algunos docentes del Instituto Técnico Nuestra Señora de Manare
licenciada en informática educativa Carmen Cecilia Gómez Galvis y el licenciado
José Yobanny Montaña Barrera. Diseño y programaciónCarlos Alberto Zambrano
Braydi.
6.3.2 RecursosFísicos
 Un equipo de cómputo Intel(R) Core(TM) i3 CPU 550 @ 3.20 GHz,1.74 de
memoria RAM utilizable
 Impresora
 Fotocopiadora
 Hojas
 Instaladores de los programasAdobe Photoshop CS5,AdobeDreamweaver
Cs5 y Adobe Flash Cs5.
 Bafles
 Unidad de CD
 Cámara digital de 12 mega pixeles
22

23. 6.4 DESARROLLÓ METODOLÓGICO
Una de las necesidades detectadas en el Instituto Técnico Nuestra Señora De
Manare del municipio de Paz De Ariporoes la:
Falta de información digitalizada sobre nuestro colegio ya que a la hora de
buscar información sobre un hecho de nuestro colegio llega a ser un
proceso largo o imposible.
Carencia de medios de divulgación de información sobre nuestro colegio y
comunidad en general.
23

24. 6.6POBLACIÓN
Estapágina es dirigida a los estudiantes, profesores, padres de familia y
comunidad en general del Instituto Técnico Nuestra Señora De Manare, Paz De
Ariporo Casanare.
24

25. INFOGRAFÍA
http://es.scribd.com/doc/50238091/11/MARCO-CONCEPTUAL
http://maricelybetty.galeon.com/textos/PROYFINAL.pdf
http://pumarino.blogspot.com/2008/04/aspectos-legales-para-iniciar-un.html
http://www.google.com.co/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&ved=0C
DcQFjAD&url=http%3A%2F%2Fwww.galeon.com%2Fpaginajuanjosepiba%2FTra
bajofinal.doc&ei=uI5aUM7VE4Pu9ASNoYGgDw&usg=AFQjCNEewh4SQToLLeCD
NjZOSvVRDIyuCw&sig2=xljtkhujLqHBjtfGWsnkjw
http://www.icesi.edu.co/blogs_estudiantes/mercadeoremo/2009/02/16/tipos-de-
pagina-web/
http://es.wikipedia.org/wiki/Sitio_web
http://es.wikipedia.org/wiki/P%C3%A1gina_web
http://es.wikipedia.org/wiki/Adobe_Photoshop
http://es.wikipedia.org/wiki/Adobe_Flash_Professional
http://www.desarrolloweb.com/wiki/html.html
http://es.wikipedia.org/wiki/Editor_de_texto
http://es.wikipedia.org/wiki/Adobe_Dreamweaver
25