SlideShare une entreprise Scribd logo
1  sur  29
INDICE TOC  quot;
1-3quot;
    Capitulo I PAGEREF _Toc236876017  3INTRODUCCIÓN PAGEREF _Toc236876018  3OBJETIVO GENERAL PAGEREF _Toc236876019  4OBJETIVO ESPECIFICO PAGEREF _Toc236876020  4DELIMITACIÓN DE LA INVESTIGACIÓN PAGEREF _Toc236876021  5LIMITACIONES Y RESTRICCIONES PAGEREF _Toc236876022  5Capitulo II PAGEREF _Toc236876023  6RESEÑA HISTÓRICA PAGEREF _Toc236876024  6OBJETIVO DE LA INSTITUCIÓN PAGEREF _Toc236876025  7Misión PAGEREF _Toc236876026  7Visión PAGEREF _Toc236876027  7ORGANIGRAMA DE LA ESCUELA PAGEREF _Toc236876028  8Organigrama Estructural PAGEREF _Toc236876029  8ESCUELA LAS ESTRELLITAS PAGEREF _Toc236876030  8ASAMBLEA DE ASOCIACION PAGEREF _Toc236876031  8CONSEJO DIRECTIVO PAGEREF _Toc236876032  8DIRECCIÓN PAGEREF _Toc236876033  8PERSONAL ADMINISTRATIVO, SERVICIO E INTERNADO PAGEREF _Toc236876034  8PERSONAL ADMINISTRATIVO PAGEREF _Toc236876035  8ALUMNOS PAGEREF _Toc236876036  8PERSONAL DOCENTE PAGEREF _Toc236876037  8Capitulo III PAGEREF _Toc236876038  9ANTECEDENTES PAGEREF _Toc236876039  9DEFINICIÓN PAGEREF _Toc236876040  9Propuesta de diseño de la página web PAGEREF _Toc236876041  10Supuestos Generales PAGEREF _Toc236876042  10PRESENTACIÓN DE PROPUESTA DE LA PÁGINA WEB PAGEREF _Toc236876043  11Usos de la Página Web PAGEREF _Toc236876044  11OTROS PAGEREF _Toc236876045  12Capitulo IV PAGEREF _Toc236876046  13Programa utilizado PAGEREF _Toc236876047  14Especificaciones PAGEREF _Toc236876048  16Diseño paso a paso PAGEREF _Toc236876049  17Cabecera de la web PAGEREF _Toc236876050  17Menú PAGEREF _Toc236876051  17Central PAGEREF _Toc236876052  18Estructura de la Web PAGEREF _Toc236876053  18Manual de Usuario PAGEREF _Toc236876054  22Otros PAGEREF _Toc236876055  23CONCLUSIÓN PAGEREF _Toc236876056  27RECOMENDACIONES PAGEREF _Toc236876057  28Bibliografía PAGEREF _Toc236876058  29<br />Capitulo I<br />INTRODUCCIÓN<br /> Mi dedicación en el campo de la computación como estudiante de informática en el interés y curiosidad de programas me ha hecho sentir la necesidad de laborar y escoger esta monografía de página web, con el fin de contribuir al proceso de enseñanza propio y de otros interesados en el área de informática.  Con todo mi esfuerzo y dedicación, he enlazado mis conocimientos académicos con el propósito de que este proceso cada vez más eficiente y a la vez este más a tono con las nuevas técnicas y con la exigencia del medio ambiente.<br />Me he propuesto que esta monografía sea mas practica, visual y concreta que teórica con el fin de facilitar la comprensión del uso de página web de una manera más amena, interesante y sencilla.<br />En este trabajo final, verán la creación de una página web con todos los datos suministrados por una empresa como su reseña histórica, objetivos, misión y visión, y un organigrama, datos personales e  interconsultas, a fin de que los dueños de la empresa o usuarios autorizados mantengan esquematizados documentos importantes ofreciendo mayor facilidad y organización en su búsqueda e investigación. <br />OBJETIVO GENERAL <br />Crear la página web para de la escuela para facilitar al investigador una obtención más fácil y rápida<br />OBJETIVO ESPECIFICO<br />Crear una página web para mostrar  requisitos esenciales en el proceso de inscripción y permanencia en el centro educativo.<br />Facilitar a través de la página  al padre de familia documentos importantes como; impresión del formulario de matricula  para agilizar los trámites de ingreso del alumno, así como visualizar de una manera didáctica actividades y función de la escuela, además de conocer la bibliografía de la misma.  Ofreciéndole así a personas externas o alumnos  una información actualizada de lo realizado.  <br />Coordinar, monitorear y poner en ejecución el programa en el preescolar Las Estrellitas<br />Orientar y apoyar las acciones que los dueños de la empresa desean alterar.<br />DELIMITACIÓN DE LA INVESTIGACIÓN<br />La investigación tiene una fase cuyo desarrollo comprende un período de unos 4 meses, se inicia en Abril de 2009 y finalizará en Agosto de 2009, como lo señala el reglamento.<br />LIMITACIONES Y RESTRICCIONES <br />La obtención de datos escasos ofrecidas por la empresa por la confiabilidad hacia los estudiantes <br />Poco tiempo de duración del curso para crear la monografía.<br />La falta de dinero para transporte investigación, entre otros.<br />El tiempo dedicado a la ejecución de la monografía por responsabilidad ya obtenidas, como trabajo y familia.<br />Capitulo II<br />RESEÑA HISTÓRICA <br />El centro educativo particular las estrellitas ubicada en calle 4ta diagonal a la panadería santana.<br />Hace 5 años, un grupo  de personas graduadas en estimulación temprana Tuvieron la iniciativa de crear el centro preescolar al cual, le pusieron el nombre de Las Estrellitas, debido a que en este centro los niños que se matricularan serian especiales.<br />Actualmente el preescolar  brinda atención a niños de nivel primario de apresto.<br />Los niños reciben clases de informática con conexión a internet, ingles, valores, educación física cada uno con su maestro particular idóneo, además se brinda atención a niños con necesidades especiales y discapacidad.<br />Se realizó un cambio y la escuela ofrece un servicio de guardería para los padres de los niños que trabajan en el turno matutino. <br />OBJETIVO DE LA INSTITUCIÓN <br />Optimizar el uso de la infraestructura para mejorar la imagen de la escuela y brindar servicios de calidad.<br />Misión<br />Formar a nuestros estudiantes con una oferta educativa de vanguardia proyectada hacia el futuro, para hacer de ellos profesionales y ciudadanos responsables, capaces de atender la forma eficaz todos los aspectos de actividad humana en un contesto globalizado y de continua cambio.<br />Contribuir a proteger los valores sociales proporcionando perspectivas criticas y objetivas que proporciones opciones estratégicas para el fortalecimiento de nuestra sociedad y sus valores éticos<br />Visión <br />Hacer de la escuela una entidad educativa líder en la formación de formación integral de profesionales de cultura humanística y  científica con capacidad para desempeñarse eficaz, eficiencia y cualitativamente, en los campos sociales, laboral, e investigativo, nacionales e internacionales. <br />ORGANIGRAMA DE LA ESCUELA<br />Organigrama Estructural<br />ESCUELA LAS ESTRELLITAS<br />ASAMBLEA DE ASOCIACION<br />CONSEJO DIRECTIVODIRECCIÓN<br />PERSONAL ADMINISTRATIVO, SERVICIO E INTERNADO<br />PERSONAL ADMINISTRATIVOALUMNOSPERSONAL DOCENTE<br />Capitulo III<br />ANTECEDENTES <br />Crear una página web que contenga información para el Preescolar  Las Estrellitas.<br />DEFINICIÓN <br />Una página web es un documento creado en formato HTML (Hypertext Markup Language) que es parte de un grupo de documentos hipertexto o recursos disponibles en el World Wide Web. Una serie de páginas web componen lo que se llama un sitio web.<br />Los documentos HTML, que estén en Internet o en el disco duro del ordenador, pueden ser leídos con un navegador. Los navegadores leen documentos HTML y los visualizan en presentaciones formateadas, con imágenes, sonido, y video en la pantalla de un ordenador.<br />Las páginas web pueden contener enlaces hipertexto con otros lugares dentro del mismo documento, o con otro documento en el mismo sitio web, o con documentos de otros sitios web. También pueden contener formularios para ser rellenados, fotos, imágenes interactivas, sonidos, y videos que pueden ser descargados. (1)<br />Propuesta de diseño de la página web<br />Con los métodos que se han expuesto, el diseño de una página web a seguir, puede crearse tomando como punto de partida escoger y organizar los datos de los alumnos seleccionados,  tomando en cuenta las restricciones al acceso de cierta información por la confidencialidad exigida por los padres de familia y profesores.<br />Por otra parte, el diseño de la pagina ofrece un formularios para facilitar el proceso de matricula, el cual puede ser impreso por cualquier usuario que tenga acceso a la internet.<br />La página web consta de siete vínculos: inicio, profesores, matricula, contacto, actividades, cursos y nosotros. En cada uno de estos vínculos podrá encontrar detalladamente la información que busque acerca de la escuela donde estudia su hijo.<br />Además presenta imágenes diseñadas e interesantes realizadas con mucha creatividad para llamar la atención del usuario y mantener su acceso, ayudando así a la institución en publicidad y a comunicarse con el mundo.<br />Supuestos Generales<br />El diseño y modelaje de Página Web cumple un papel muy importante en la tarea del manejo de información, brindándole a los usuarios y dueños de la información la capacidad de tener buena información en el momento preciso para la toma de decisiones.<br />PRESENTACIÓN DE PROPUESTA DE LA PÁGINA WEB <br />El sistema ha realizar trabajará de una forma rápida y eficaz de acuerdo a las necesidades, cumpliendo con lo ya expuesto logrando así sus objetivos principales.<br />Usos de la Página Web<br />Los alumnos de la escuela son las principales entidades de esta página web ya que resulta muy importante que la información sobre estas sea accesible y fácil de manejar. <br />A la hora de diseñar mi página web, cuadre quot;
perderquot;
 algo de tiempo en pensar sobre estas cosas:<br />¿Qué información necesito de cada tipo de la Escuela?<br />¿Cómo quiero extraer la información una vez introducida?<br />Ya que teniendo las cosas claras estos puntos ahorraré mucho esfuerzo posterior en reformas continuas de la página web.<br />Para poder crear y presentar la información de la web tenía que familiarizarme con varias herramientas informáticas de trabajo como: Dreamweaver, Photoshop CS3 y flash CS3. Todos de Adobe <br />OTROS<br />Dentro de los programas utilizados para confeccionar y diseñar la página web  también se utilizo el programa adobe photoshop CS3 ya que contiene herramientas que nos serán útiles para pintar, editar y retocar imágenes, así como un examinador que nos facilitará la organización de archivos. Photoshop CS3 dispone del potencial suficiente para el profesional y de la facilidad de uso para el principiante. Tanto para la creación diaria u ocasional de gráficos como para la creación de páginas impresas o de Web.  <br />También es usado Adobe flash CS3 que es básicamente  un programa que se inició para hacer animaciones, tanto para websites como para películas. Su lenguaje es el ActionScript, pero se pude realizar animaciones dibujadas sin mayores conocimientos de dicho lenguaje. Ya que se utilizò para crear el Slideshow para las imágenes que se encuentra en la pàgina de actividades en donde se utilizò un tutorial de  Flash Slideshow Image Gallery (2)<br />Para ver una película/animación realizadas en este programa se necesita el FlashPlayer que es absolutamente gratuito.<br />Capitulo IV<br />DISEÑO DE LA PÁGINA WEB<br />Una página web es una cantidad de información agrupada, como, textos,  fotos,  que vinculados entre sí comunican a los visitantes una cantidad de datos, que pueden servir para resaltar la presencia de una Institución o Escuela, generar oportunidades de venta, aumento de matricula, interacción con los visitantes, etc.<br />Una página en Internet, diseñada y mantenida, por lo pronto genera cientos de visitas reales y comprobables mensuales. Le ayuda a  generar una imagen de buena comunicación con el mundo y una oportunidad de presencia. Una página de Internet puede llevar texto, gráficas, fotos, sonidos e inclusive videos pequeños. El tramado de la página puede ser desde un texto sencillo hasta una presentación publicitaria completa utilizando cualquier combinación de estos medios.<br />Esta es un poco estática, hay que actualizar la información contenida en ella periódicamente. Estos cambios pueden reflejar ofertas sobre productos, lanzamiento de productos, promociones en la matricula y mensualidades,  cambios en la estructura de la escuela o simplemente cambios estéticos para no aburrir al cliente. Y  puede ser visitada ene la dirección  http://lasestrellitas.webcindario.com/Inicio.htm<br />Programa utilizado<br />El programa utilizado para la confección de la página web  es Dreamweaver Cs3 ya que incluye un eficaz conjunto de herramientas que ayudaran a comenzar a realizar el seguimiento de la información, a elaborar vínculos basados en la misma y a compartirla con rapidez. Además, permiten crear  rápidamente atractivas y funcionales aplicaciones de seguimiento mediante la personalización de una de las muchas plantillas predefinidas. Gracias a Dreamweaver Cs3, resulta sencillo adaptar aplicaciones en página web a las cambiantes necesidades de esta. Dreamweaver nos permite ponernos manos a la obra rápidamente y nos facilita herramientas útiles para mejorar la experiencia en diseño Web. (3)<br /> La ayuda de Dreamweaver contiene información para usuarios de distintos niveles.<br />El área de trabajo de Dreamweaver puede adaptarse a distintas formas de trabajar y a diversos niveles de experiencia.<br />Las características que definen a Dreamweaver son:<br />Versatilidad. Permite realizar muchas mas operaciones que otros editores.<br />Potencia. Permite integrar elementos realizados con otras herramientas, como son imágenes procedentes de Photoshop, secuencias animadas procedentes de Flash, bases de datos, hojas de cálculo, etc.<br />Facilidad de uso. Una vez que se conoce bien su funcionamiento es muy fácil de usar, explotando los recursos que ofrece. Además de contar con una buena herramienta de ayuda y distintas opciones que facilitan aún mas su uso.<br />Dreamweaver es una herramienta imprescindible para todo webmaster que se precie. Así como a aquellos otros que, estando ya introducidos quieren poder contar con una buena herramienta de trabajo. Dreamweaver no es solo un editor de páginas web; es un completo gestor de sitios que ofrece una amplísima gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. El funcionamiento de Dreamweaver se explica aquí desde el principio, por lo que no se suponen conocimientos previos al respecto; sin embargo, si supongo que, si estás en este oficio, conoces perfectamente HTML, DHTML y JavaScript, al menos. Lógicamente también te encuentras familiarizado con los conceptos básicos del Web, así como con el uso fundamental de Windows. Dreamweaver es una herramienta que puede operar bajo entorno Windows o Macintosh pero, por ser el primero mas popular y de uso mas extendido, deberás contar con un editor de imágenes para crear las que necesites. <br />Especificaciones<br />La página web está optimizada para las siguientes características:<br />Navegador Internet Explorer o Mozilla Firefox.<br />Resolución de Pantalla de 1024x768 o superior.<br />Navegador con Plugin Macromedia Flash Player.<br />No obstante, se ha testeado con resultados óptimos en las siguientes plataformas:<br />    * Lista de Navegadores Testeados en entorno Windows<br />Internet Explorer <br />Opera <br />Mozilla <br />Lista de Navegadores Testeados en entorno Macintosh:<br />Safari<br />Netscape Navigator <br />          <br />Diseño paso a paso <br />La web consta de un marco que se llama Índice, el mismo que a la vez está dividido en tres celdas, donde esta toda la información y menús: cabecera, menú  y central. <br />Cabecera de la web<br />En esta parte del marco, la utilizaremos para colocar en nombre de la web.<br />Menú<br />En esta sección esta toda la información de la web, que en este caso está presentada en un menú vertical, este menú seria como el mapa de la web que permite al usuario ver toda la información que contiene la web, cada ventana tiene un titulo específico que contiene un enlace con otro documento en el que se encuentra toda la información. Esto permite que el usuario cada vez que quiera cambiar de archivo lo haga de una manera sumamente fácil.<br />Central <br />Cada vez que el usuario presione un botón del menú de la web, la información aparecerá en esta celda, que está en el centro del marco. Esta celda es la mas grande, esto permite que el usuario pueda visualice mejor la información.<br />Estructura de la Web <br />NosotrosMatriculaActividadesContactoInicio<br />Inicio<br />La página de INICIO es el espacio para describir las funciones de la escuela.<br />Nosotros <br />Es un espacio en donde el lector puede ver la misión y la visión de la escuela<br />Matricula <br />Aquí exponemos en  donde los lectores interesados en matricular a sus hijos en la escuela pueden ver los requisitos para entrar en la misma.<br />Actividades. <br />Avisos completos de las actividades realizadas y por realizar en la escuela y fuera de ella con sus respectivos padres y maestros.asi también como imágenes y fotos <br />Contacto<br />En esta página tendrán el vínculo del correo electrónico de la escuela para colocar sus sugerencias o inquietudes <br />Manual de Usuario <br />Acceso a la aplicación <br />Url: http://lasestrellitas.webcindario.com/Inicio.htm<br />Para el manejo y uso de la página web creada, se debe accesar  a la página de inicio donde se encuentra el menú de desplazamiento en el lado izquierdo, que consta de inicio, nosotros, contactos, actividades y matricula.<br />Cada uno de estos se encuentra vinculado a sus respectivos enlaces para facilitar la información requerida y solicitada por el usuario.<br />Otros<br />Representación de lenguaje HTML de la página inicio<br /><HTML><HEAD><TITLE>Inicio</TITLE><br /><META content=quot;
text/html; charset=iso-8859-1quot;
 http-equiv=Content-Type><br /><script language=quot;
JavaScriptquot;
><br /><!--<br />function MM_swapImgRestore() { //v3.0<br />  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;<br />}<br />function MM_preloadImages() { //v3.0<br />  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();<br />    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)<br />    if (a[i].indexOf(quot;
#quot;
)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}<br />}<br />function MM_swapImage() { //v3.0<br />  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)<br />   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}<br />}<br />function MM_findObj(n, d) { //v4.01<br />  var p,i,x;  if(!d) d=document; if((p=n.indexOf(quot;
?quot;
))>0&&parent.frames.length) {<br />    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}<br />  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];<br />  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);<br />  if(!x && d.getElementById) x=d.getElementById(n); return x;<br />}<br />//--><br /></script><br /><BODY aLink=#330066 bgColor=#fffff0 link=#330066 text=#000000 vLink=#6699CC onLoad=quot;
MM_preloadImages('Imagen Web/Nosotros_on.gif','Imagen Web/Matricula_on.gif','Imagen Web/Contacto_on.gif')quot;
><br /><P><br /><P><br /><TABLE border=0 cellPadding=0 cellSpacing=2 width=600><br />  <TBODY> <br />  <TR> <br />    <TD align=middle bgColor=#aaaaaa colSpan=2 height=70 vAlign=center <br />width=600> <br />      <TABLE bgColor=#ffffff border=0 cellPadding=0 cellSpacing=0 height=68 <br />      width=594><br />        <TBODY> <br />        <TR> <br />          <TD align=left bgColor=#ffffff height=68 vAlign=center <br />            width=594><img src=quot;
Imagen Web/logo.gifquot;
 width=quot;
238quot;
 height=quot;
28quot;
></TD><br />          <TD align=right bgColor=#ffffff <br />  vAlign=center></TD><br />        </TR><br />        </TBODY> <br />      </TABLE><br />    </TD><br />  </TR><br />  <TR bgcolor=quot;
#330066quot;
> <br />    <P> <br />    <TD height=20 align=left vAlign=center><FONT <br />      color=#330066 face=arial size=1>&nbsp; </FONT></TD><br />    <TD height=20 align=left vAlign=center><div align=quot;
rightquot;
></div></TD><br />    <p></P><br />  </TR><br />  <P> <br />  <TR> <br />    <P> <br />    <TD align=middle bgColor=#94c5c5 vAlign=top width=160> <br />      <TABLE border=0 cellPadding=5 cellSpacing=0 width=160><br />        <TBODY> <br /><TR> <br />          <TD width=quot;
160quot;
>&nbsp;</TD><br />        </TR><br />        <TR> <br />          <TD width=quot;
160quot;
><img src=quot;
Imagen Web/Inicio_on.gifquot;
 width=quot;
160quot;
 height=quot;
25quot;
></TD><br />        </TR><br />        <TR> <br />          <TD ><a href=quot;
Nosotros.htmquot;
 onMouseOut=quot;
MM_swapImgRestore()quot;
 onMouseOver=quot;
MM_swapImage('Image7','','Imagen Web/Nosotros_on.gif',1)quot;
><img src=quot;
Imagen Web/Nosotros_off.gifquot;
 name=quot;
Image7quot;
 width=quot;
160quot;
 height=quot;
25quot;
 border=quot;
0quot;
></a></TD><br />        </TR><br />        <TR> <br />          <TD ><a href=quot;
Matricula.htmquot;
 onMouseOut=quot;
MM_swapImgRestore()quot;
 onMouseOver=quot;
MM_swapImage('Image8','','Imagen Web/Matricula_on.gif',1)quot;
><img src=quot;
Imagen Web/Matricula_off.gifquot;
 name=quot;
Image8quot;
 width=quot;
160quot;
 height=quot;
25quot;
 border=quot;
0quot;
></a></TD><br />        </TR><br />        <TR> <br />          <TD ><a href=quot;
Actividades.htmquot;
 onMouseOut=quot;
MM_swapImgRestore()quot;
 onMouseOver=quot;
MM_swapImage('Image9','','Imagen Web/Contacto_on.gif',1)quot;
><img src=quot;
Imagen Web/Actividades_off.gifquot;
 name=quot;
Image9quot;
 width=quot;
160quot;
 height=quot;
25quot;
 border=quot;
0quot;
></a></TD><br />        </TR><br />        <TR> <br />          <TD ><a href=quot;
Contacto.htmquot;
 onMouseOut=quot;
MM_swapImgRestore()quot;
 onMouseOver=quot;
MM_swapImage('Image10','','Imagen Web/Contacto_on.gif',1)quot;
><img src=quot;
Imagen Web/Contacto_off.gifquot;
 name=quot;
Image10quot;
 width=quot;
160quot;
 height=quot;
25quot;
 border=quot;
0quot;
></a></TD><br />        </TR><br />        </TBODY> <br />      </TABLE><br />    </TD><br />    <TD align=middle vAlign=top width=440> <br />      <TABLE border=0 cellPadding=0 cellSpacing=0 width=360><br />        <TBODY> <br />        <TR> <br />          <TD height=15></TD><br />        </TR><br />        <TR> <br />          <TD align=left vAlign=top> <br />            <TABLE border=0 cellPadding=3 cellSpacing=0 width=400><br />              <TBODY> <br />              <TR> <br />                <TD align=left vAlign=top> <font color=quot;
#222222quot;
 face=quot;
arialquot;
 size=quot;
2quot;
>- <br />                  - - - - - - - - - - -</font> <br />                  <ul><br />                  <p>&nbsp;</p><br />                  <ul><br />                    <li><br />                        <font size=quot;
2quot;
 face=quot;
Arial, Helvetica, sans-serifquot;
>Los ni&ntilde;os reciben clases de inform&aacute;tica con conexi&oacute;n a internet, ingles,  valores, educaci&oacute;n f&iacute;sica cada uno con su maestro particular id&oacute;neo, adem&aacute;s se  brinda atenci&oacute;n a ni&ntilde;os con necesidades especiales y discapacidad.                      Se realiz&oacute; un cambio y la  escuela ofrece un servicio de guarder&iacute;a para los padres de los ni&ntilde;os que trabajan  en el turno matutino.</font>                                        <br />                    </ul><br />                  <p align=quot;
centerquot;
> <img src=quot;
Imagen%20Web/ACF5507.JPGquot;
 width=quot;
163quot;
 height=quot;
176quot;
><img src=quot;
Imagen%20Web/cantonales106.jpgquot;
 width=quot;
113quot;
 height=quot;
173quot;
></p><br />                  <p><font color=quot;
#222222quot;
 face=quot;
arialquot;
 size=quot;
2quot;
>- - - - - - - <br />                    - - - - -</font> </p><br />                  </TD><br />              </TR><br />              <TR><br />                <TD align=left vAlign=top>&nbsp;</TD><br />              </TR><br />              </TBODY> <br />            </TABLE><br />            <br><br />            <div align=quot;
centerquot;
><b><font face=quot;
Verdana, Arial, Helvetica, sans-serifquot;
 color=quot;
#94c5c5quot;
 size=quot;
2quot;
>Inicio              </font>              <font face=quot;
Verdana, Arial, Helvetica, sans-serifquot;
 size=quot;
2quot;
>-<a href=quot;
Nosotros.htmquot;
> Nosotros</a> - <a href=quot;
Matricula.htmquot;
>Matricula</a> <br />              - <u><a href=quot;
Actividades.htmquot;
>Actividades</a></u> - <a href=quot;
Contacto.htmquot;
>Contacto</a></font></b></div><br />            <b></b></TD><br />        </TR><br />        </TBODY> <br />      </TABLE><br />      <br><br />      <table width=quot;
100%quot;
 border=quot;
0quot;
 cellspacing=quot;
0quot;
 cellpadding=quot;
0quot;
><br />        <tr><br />          <td><div align=quot;
centerquot;
><br />            <div align=quot;
centerquot;
><font color=quot;
#99CCCCquot;
><b><font face=quot;
Arialquot;
 size=quot;
1quot;
>Copyright<br />              2009 Las Estrellitas. All Rights Reserved. <a href=quot;
http://www.dreamweaver-templates.orgquot;
><br><br />                    </a>Boreman</font></b></font></div><br />          </div></td><br />        </tr><br />      </table>            <br />      <div align=quot;
centerquot;
><font color=quot;
#99CCCCquot;
><b></b></font></div><br />    </TABLE><br /><p></P></BODY><br /></HTML><br />CONCLUSIÓN<br />Al inicio tuve dificultad para escoger que datos colocar dentro de la página web, después para organizar la apariencia de la página web, deseaba una página que llamara y mantuviera la atención de los usuarios, aunque mis conocimientos de diseño sean limitados.<br />Hice uso del programa Photoshop para la creación de la plantilla web mostrada en el explorador de internet.<br /> La creación de la estructura de la página web, comenzó con un ensayo tras otro y así hasta  poder crear el definitivo y el que usaría para exponer.<br />En la planificación del trabajo me encontré que no era tan fácil encontrar información para publicar en la web, por la confidencialidad exigida por los padres de familia y escuela.<br />En esta monografía espero ser de ayuda a la escuela, tanto para publicidad de la misma y para que los padres de familia obtengan la información deseada de sus acudidos.<br />RECOMENDACIONES <br />Considero de suma importancia ofrecer algunas recomendaciones e indicaciones respecto al uso de la página web con el fin de que se obtenga de él, el mayor beneficio posible.<br />Lo importante es crear una página web bien diseñada, con una cantidad de información agrupada interesante y didáctica, con una imagen que resalte la presencia de la escuela siendo una oportunidad de comunicación con el mundo y así atraer publico pare generar negocios y aumentar su matricula.<br />Es indispensable utilizar toda la imaginación y creatividad para llamar la atención del comprador y mantener activa la página web.<br />Bibliografía<br />http://www.pergaminovirtual.com.ar/definicion/Página_web.html<br />http://www.layersmagazine.com/flash-slideshow-image-gallery.html<br />http://www.pri.jovenclub.cu/jc/pr/index.php?option=com_content&task=view&id=14&Itemid=29<br />Escuela Las Estrellitas – David.<br />
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia
Monografia

Contenu connexe

Tendances

Gestión de proyectos a la creación de un portal web
Gestión de proyectos a la creación de un portal webGestión de proyectos a la creación de un portal web
Gestión de proyectos a la creación de un portal web
Pablito briones
 
Portales educativos
Portales educativosPortales educativos
Portales educativos
UPTC
 
PROYECTO PAGINA WEB
PROYECTO PAGINA WEB PROYECTO PAGINA WEB
PROYECTO PAGINA WEB
JM3D
 
Redes sociales como entornos educativos
Redes sociales como entornos educativosRedes sociales como entornos educativos
Redes sociales como entornos educativos
Karina Noemi Gomes
 
Informe De Oficina De Calidad 29 De Abril 2009
Informe De Oficina De Calidad 29 De Abril 2009Informe De Oficina De Calidad 29 De Abril 2009
Informe De Oficina De Calidad 29 De Abril 2009
guestd69883
 
La web 2 y la eduación
La web 2 y la eduaciónLa web 2 y la eduación
La web 2 y la eduación
eric prado
 

Tendances (20)

Gestión de proyectos a la creación de un portal web
Gestión de proyectos a la creación de un portal webGestión de proyectos a la creación de un portal web
Gestión de proyectos a la creación de un portal web
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Portales educativos
Portales educativosPortales educativos
Portales educativos
 
PROYECTO PAGINA WEB
PROYECTO PAGINA WEB PROYECTO PAGINA WEB
PROYECTO PAGINA WEB
 
Rm 088 y om54
Rm 088 y om54 Rm 088 y om54
Rm 088 y om54
 
Portafolio 2 del curso innovación educativa con rea [autoguardado]
Portafolio 2 del curso innovación educativa con rea [autoguardado]Portafolio 2 del curso innovación educativa con rea [autoguardado]
Portafolio 2 del curso innovación educativa con rea [autoguardado]
 
Redes sociales como entornos educativos
Redes sociales como entornos educativosRedes sociales como entornos educativos
Redes sociales como entornos educativos
 
Proyecto leidy 11
Proyecto leidy 11Proyecto leidy 11
Proyecto leidy 11
 
Innovación Educativa con Recursos Abiertos. Portafolio 2. José Antonio Cc
Innovación Educativa con Recursos Abiertos. Portafolio 2. José Antonio CcInnovación Educativa con Recursos Abiertos. Portafolio 2. José Antonio Cc
Innovación Educativa con Recursos Abiertos. Portafolio 2. José Antonio Cc
 
Web 2.0 (1)
Web 2.0 (1)Web 2.0 (1)
Web 2.0 (1)
 
el uso de la web
el uso de la webel uso de la web
el uso de la web
 
tesis sobre diseño de pagina web
tesis sobre diseño de pagina webtesis sobre diseño de pagina web
tesis sobre diseño de pagina web
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Informe De Oficina De Calidad 29 De Abril 2009
Informe De Oficina De Calidad 29 De Abril 2009Informe De Oficina De Calidad 29 De Abril 2009
Informe De Oficina De Calidad 29 De Abril 2009
 
Presentacion de avance_configuracion curso_CANVAS
Presentacion de avance_configuracion curso_CANVASPresentacion de avance_configuracion curso_CANVAS
Presentacion de avance_configuracion curso_CANVAS
 
Citlalli g
Citlalli gCitlalli g
Citlalli g
 
Proyecto Nuv
Proyecto NuvProyecto Nuv
Proyecto Nuv
 
Presenta jornadastic
Presenta jornadasticPresenta jornadastic
Presenta jornadastic
 
La web 2 y la eduación
La web 2 y la eduaciónLa web 2 y la eduación
La web 2 y la eduación
 
EMC Basada En La Web 2.0
EMC Basada En La Web 2.0EMC Basada En La Web 2.0
EMC Basada En La Web 2.0
 

Similaire à Monografia

Portafolio de presentacion
Portafolio de presentacionPortafolio de presentacion
Portafolio de presentacion
Osmar Ramirez
 
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIOWHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
whielsennormal
 
WHIELSENNORMAL/Proyecto Oscar Malagon
WHIELSENNORMAL/Proyecto Oscar MalagonWHIELSENNORMAL/Proyecto Oscar Malagon
WHIELSENNORMAL/Proyecto Oscar Malagon
whielsennormal
 

Similaire à Monografia (20)

Tarea 3 usmp
Tarea 3 usmpTarea 3 usmp
Tarea 3 usmp
 
Proyecto
ProyectoProyecto
Proyecto
 
Tp de tic
Tp de ticTp de tic
Tp de tic
 
Analizar web (1)
Analizar web (1)Analizar web (1)
Analizar web (1)
 
Portafolio de presentacion
Portafolio de presentacionPortafolio de presentacion
Portafolio de presentacion
 
Tarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativoTarea 03 estructura y diseño de un portal educativo
Tarea 03 estructura y diseño de un portal educativo
 
Tarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal EducativoTarea 03 Estructura y Diseño de un Portal Educativo
Tarea 03 Estructura y Diseño de un Portal Educativo
 
Meneses martha act2
Meneses martha act2Meneses martha act2
Meneses martha act2
 
Pagina web (blogger)
Pagina web (blogger)Pagina web (blogger)
Pagina web (blogger)
 
Tarea 3 usmp
Tarea 3 usmpTarea 3 usmp
Tarea 3 usmp
 
Uso de Mahara / eportfolios para la evaluación de competencias
Uso de Mahara / eportfolios para la evaluación de competenciasUso de Mahara / eportfolios para la evaluación de competencias
Uso de Mahara / eportfolios para la evaluación de competencias
 
Sistema para elaborar_webquest_en_el_ittux
Sistema para elaborar_webquest_en_el_ittuxSistema para elaborar_webquest_en_el_ittux
Sistema para elaborar_webquest_en_el_ittux
 
Actividad6 humberto hu
Actividad6 humberto huActividad6 humberto hu
Actividad6 humberto hu
 
Wq De Wq Tony
Wq De Wq TonyWq De Wq Tony
Wq De Wq Tony
 
Proyecto de Capacitación Docente sobre Creación de Páginas Web en M. S. Front...
Proyecto de Capacitación Docente sobre Creación de Páginas Web en M. S. Front...Proyecto de Capacitación Docente sobre Creación de Páginas Web en M. S. Front...
Proyecto de Capacitación Docente sobre Creación de Páginas Web en M. S. Front...
 
Web quest
Web questWeb quest
Web quest
 
Web Quest Aprendizaje Proyectos
Web Quest Aprendizaje ProyectosWeb Quest Aprendizaje Proyectos
Web Quest Aprendizaje Proyectos
 
Biblioteca Virtual Webquest
Biblioteca Virtual WebquestBiblioteca Virtual Webquest
Biblioteca Virtual Webquest
 
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIOWHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
WHIELSENNORMAL/PROYECTOWHIELSENVALBUENAAGROPECUARIO
 
WHIELSENNORMAL/Proyecto Oscar Malagon
WHIELSENNORMAL/Proyecto Oscar MalagonWHIELSENNORMAL/Proyecto Oscar Malagon
WHIELSENNORMAL/Proyecto Oscar Malagon
 

Dernier

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Dernier (20)

Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 

Monografia

  • 1. INDICE TOC quot; 1-3quot; Capitulo I PAGEREF _Toc236876017 3INTRODUCCIÓN PAGEREF _Toc236876018 3OBJETIVO GENERAL PAGEREF _Toc236876019 4OBJETIVO ESPECIFICO PAGEREF _Toc236876020 4DELIMITACIÓN DE LA INVESTIGACIÓN PAGEREF _Toc236876021 5LIMITACIONES Y RESTRICCIONES PAGEREF _Toc236876022 5Capitulo II PAGEREF _Toc236876023 6RESEÑA HISTÓRICA PAGEREF _Toc236876024 6OBJETIVO DE LA INSTITUCIÓN PAGEREF _Toc236876025 7Misión PAGEREF _Toc236876026 7Visión PAGEREF _Toc236876027 7ORGANIGRAMA DE LA ESCUELA PAGEREF _Toc236876028 8Organigrama Estructural PAGEREF _Toc236876029 8ESCUELA LAS ESTRELLITAS PAGEREF _Toc236876030 8ASAMBLEA DE ASOCIACION PAGEREF _Toc236876031 8CONSEJO DIRECTIVO PAGEREF _Toc236876032 8DIRECCIÓN PAGEREF _Toc236876033 8PERSONAL ADMINISTRATIVO, SERVICIO E INTERNADO PAGEREF _Toc236876034 8PERSONAL ADMINISTRATIVO PAGEREF _Toc236876035 8ALUMNOS PAGEREF _Toc236876036 8PERSONAL DOCENTE PAGEREF _Toc236876037 8Capitulo III PAGEREF _Toc236876038 9ANTECEDENTES PAGEREF _Toc236876039 9DEFINICIÓN PAGEREF _Toc236876040 9Propuesta de diseño de la página web PAGEREF _Toc236876041 10Supuestos Generales PAGEREF _Toc236876042 10PRESENTACIÓN DE PROPUESTA DE LA PÁGINA WEB PAGEREF _Toc236876043 11Usos de la Página Web PAGEREF _Toc236876044 11OTROS PAGEREF _Toc236876045 12Capitulo IV PAGEREF _Toc236876046 13Programa utilizado PAGEREF _Toc236876047 14Especificaciones PAGEREF _Toc236876048 16Diseño paso a paso PAGEREF _Toc236876049 17Cabecera de la web PAGEREF _Toc236876050 17Menú PAGEREF _Toc236876051 17Central PAGEREF _Toc236876052 18Estructura de la Web PAGEREF _Toc236876053 18Manual de Usuario PAGEREF _Toc236876054 22Otros PAGEREF _Toc236876055 23CONCLUSIÓN PAGEREF _Toc236876056 27RECOMENDACIONES PAGEREF _Toc236876057 28Bibliografía PAGEREF _Toc236876058 29<br />Capitulo I<br />INTRODUCCIÓN<br /> Mi dedicación en el campo de la computación como estudiante de informática en el interés y curiosidad de programas me ha hecho sentir la necesidad de laborar y escoger esta monografía de página web, con el fin de contribuir al proceso de enseñanza propio y de otros interesados en el área de informática. Con todo mi esfuerzo y dedicación, he enlazado mis conocimientos académicos con el propósito de que este proceso cada vez más eficiente y a la vez este más a tono con las nuevas técnicas y con la exigencia del medio ambiente.<br />Me he propuesto que esta monografía sea mas practica, visual y concreta que teórica con el fin de facilitar la comprensión del uso de página web de una manera más amena, interesante y sencilla.<br />En este trabajo final, verán la creación de una página web con todos los datos suministrados por una empresa como su reseña histórica, objetivos, misión y visión, y un organigrama, datos personales e interconsultas, a fin de que los dueños de la empresa o usuarios autorizados mantengan esquematizados documentos importantes ofreciendo mayor facilidad y organización en su búsqueda e investigación. <br />OBJETIVO GENERAL <br />Crear la página web para de la escuela para facilitar al investigador una obtención más fácil y rápida<br />OBJETIVO ESPECIFICO<br />Crear una página web para mostrar requisitos esenciales en el proceso de inscripción y permanencia en el centro educativo.<br />Facilitar a través de la página al padre de familia documentos importantes como; impresión del formulario de matricula para agilizar los trámites de ingreso del alumno, así como visualizar de una manera didáctica actividades y función de la escuela, además de conocer la bibliografía de la misma. Ofreciéndole así a personas externas o alumnos una información actualizada de lo realizado. <br />Coordinar, monitorear y poner en ejecución el programa en el preescolar Las Estrellitas<br />Orientar y apoyar las acciones que los dueños de la empresa desean alterar.<br />DELIMITACIÓN DE LA INVESTIGACIÓN<br />La investigación tiene una fase cuyo desarrollo comprende un período de unos 4 meses, se inicia en Abril de 2009 y finalizará en Agosto de 2009, como lo señala el reglamento.<br />LIMITACIONES Y RESTRICCIONES <br />La obtención de datos escasos ofrecidas por la empresa por la confiabilidad hacia los estudiantes <br />Poco tiempo de duración del curso para crear la monografía.<br />La falta de dinero para transporte investigación, entre otros.<br />El tiempo dedicado a la ejecución de la monografía por responsabilidad ya obtenidas, como trabajo y familia.<br />Capitulo II<br />RESEÑA HISTÓRICA <br />El centro educativo particular las estrellitas ubicada en calle 4ta diagonal a la panadería santana.<br />Hace 5 años, un grupo de personas graduadas en estimulación temprana Tuvieron la iniciativa de crear el centro preescolar al cual, le pusieron el nombre de Las Estrellitas, debido a que en este centro los niños que se matricularan serian especiales.<br />Actualmente el preescolar brinda atención a niños de nivel primario de apresto.<br />Los niños reciben clases de informática con conexión a internet, ingles, valores, educación física cada uno con su maestro particular idóneo, además se brinda atención a niños con necesidades especiales y discapacidad.<br />Se realizó un cambio y la escuela ofrece un servicio de guardería para los padres de los niños que trabajan en el turno matutino. <br />OBJETIVO DE LA INSTITUCIÓN <br />Optimizar el uso de la infraestructura para mejorar la imagen de la escuela y brindar servicios de calidad.<br />Misión<br />Formar a nuestros estudiantes con una oferta educativa de vanguardia proyectada hacia el futuro, para hacer de ellos profesionales y ciudadanos responsables, capaces de atender la forma eficaz todos los aspectos de actividad humana en un contesto globalizado y de continua cambio.<br />Contribuir a proteger los valores sociales proporcionando perspectivas criticas y objetivas que proporciones opciones estratégicas para el fortalecimiento de nuestra sociedad y sus valores éticos<br />Visión <br />Hacer de la escuela una entidad educativa líder en la formación de formación integral de profesionales de cultura humanística y científica con capacidad para desempeñarse eficaz, eficiencia y cualitativamente, en los campos sociales, laboral, e investigativo, nacionales e internacionales. <br />ORGANIGRAMA DE LA ESCUELA<br />Organigrama Estructural<br />ESCUELA LAS ESTRELLITAS<br />ASAMBLEA DE ASOCIACION<br />CONSEJO DIRECTIVODIRECCIÓN<br />PERSONAL ADMINISTRATIVO, SERVICIO E INTERNADO<br />PERSONAL ADMINISTRATIVOALUMNOSPERSONAL DOCENTE<br />Capitulo III<br />ANTECEDENTES <br />Crear una página web que contenga información para el Preescolar Las Estrellitas.<br />DEFINICIÓN <br />Una página web es un documento creado en formato HTML (Hypertext Markup Language) que es parte de un grupo de documentos hipertexto o recursos disponibles en el World Wide Web. Una serie de páginas web componen lo que se llama un sitio web.<br />Los documentos HTML, que estén en Internet o en el disco duro del ordenador, pueden ser leídos con un navegador. Los navegadores leen documentos HTML y los visualizan en presentaciones formateadas, con imágenes, sonido, y video en la pantalla de un ordenador.<br />Las páginas web pueden contener enlaces hipertexto con otros lugares dentro del mismo documento, o con otro documento en el mismo sitio web, o con documentos de otros sitios web. También pueden contener formularios para ser rellenados, fotos, imágenes interactivas, sonidos, y videos que pueden ser descargados. (1)<br />Propuesta de diseño de la página web<br />Con los métodos que se han expuesto, el diseño de una página web a seguir, puede crearse tomando como punto de partida escoger y organizar los datos de los alumnos seleccionados, tomando en cuenta las restricciones al acceso de cierta información por la confidencialidad exigida por los padres de familia y profesores.<br />Por otra parte, el diseño de la pagina ofrece un formularios para facilitar el proceso de matricula, el cual puede ser impreso por cualquier usuario que tenga acceso a la internet.<br />La página web consta de siete vínculos: inicio, profesores, matricula, contacto, actividades, cursos y nosotros. En cada uno de estos vínculos podrá encontrar detalladamente la información que busque acerca de la escuela donde estudia su hijo.<br />Además presenta imágenes diseñadas e interesantes realizadas con mucha creatividad para llamar la atención del usuario y mantener su acceso, ayudando así a la institución en publicidad y a comunicarse con el mundo.<br />Supuestos Generales<br />El diseño y modelaje de Página Web cumple un papel muy importante en la tarea del manejo de información, brindándole a los usuarios y dueños de la información la capacidad de tener buena información en el momento preciso para la toma de decisiones.<br />PRESENTACIÓN DE PROPUESTA DE LA PÁGINA WEB <br />El sistema ha realizar trabajará de una forma rápida y eficaz de acuerdo a las necesidades, cumpliendo con lo ya expuesto logrando así sus objetivos principales.<br />Usos de la Página Web<br />Los alumnos de la escuela son las principales entidades de esta página web ya que resulta muy importante que la información sobre estas sea accesible y fácil de manejar. <br />A la hora de diseñar mi página web, cuadre quot; perderquot; algo de tiempo en pensar sobre estas cosas:<br />¿Qué información necesito de cada tipo de la Escuela?<br />¿Cómo quiero extraer la información una vez introducida?<br />Ya que teniendo las cosas claras estos puntos ahorraré mucho esfuerzo posterior en reformas continuas de la página web.<br />Para poder crear y presentar la información de la web tenía que familiarizarme con varias herramientas informáticas de trabajo como: Dreamweaver, Photoshop CS3 y flash CS3. Todos de Adobe <br />OTROS<br />Dentro de los programas utilizados para confeccionar y diseñar la página web también se utilizo el programa adobe photoshop CS3 ya que contiene herramientas que nos serán útiles para pintar, editar y retocar imágenes, así como un examinador que nos facilitará la organización de archivos. Photoshop CS3 dispone del potencial suficiente para el profesional y de la facilidad de uso para el principiante. Tanto para la creación diaria u ocasional de gráficos como para la creación de páginas impresas o de Web. <br />También es usado Adobe flash CS3 que es básicamente un programa que se inició para hacer animaciones, tanto para websites como para películas. Su lenguaje es el ActionScript, pero se pude realizar animaciones dibujadas sin mayores conocimientos de dicho lenguaje. Ya que se utilizò para crear el Slideshow para las imágenes que se encuentra en la pàgina de actividades en donde se utilizò un tutorial de Flash Slideshow Image Gallery (2)<br />Para ver una película/animación realizadas en este programa se necesita el FlashPlayer que es absolutamente gratuito.<br />Capitulo IV<br />DISEÑO DE LA PÁGINA WEB<br />Una página web es una cantidad de información agrupada, como, textos, fotos, que vinculados entre sí comunican a los visitantes una cantidad de datos, que pueden servir para resaltar la presencia de una Institución o Escuela, generar oportunidades de venta, aumento de matricula, interacción con los visitantes, etc.<br />Una página en Internet, diseñada y mantenida, por lo pronto genera cientos de visitas reales y comprobables mensuales. Le ayuda a generar una imagen de buena comunicación con el mundo y una oportunidad de presencia. Una página de Internet puede llevar texto, gráficas, fotos, sonidos e inclusive videos pequeños. El tramado de la página puede ser desde un texto sencillo hasta una presentación publicitaria completa utilizando cualquier combinación de estos medios.<br />Esta es un poco estática, hay que actualizar la información contenida en ella periódicamente. Estos cambios pueden reflejar ofertas sobre productos, lanzamiento de productos, promociones en la matricula y mensualidades, cambios en la estructura de la escuela o simplemente cambios estéticos para no aburrir al cliente. Y puede ser visitada ene la dirección http://lasestrellitas.webcindario.com/Inicio.htm<br />Programa utilizado<br />El programa utilizado para la confección de la página web es Dreamweaver Cs3 ya que incluye un eficaz conjunto de herramientas que ayudaran a comenzar a realizar el seguimiento de la información, a elaborar vínculos basados en la misma y a compartirla con rapidez. Además, permiten crear rápidamente atractivas y funcionales aplicaciones de seguimiento mediante la personalización de una de las muchas plantillas predefinidas. Gracias a Dreamweaver Cs3, resulta sencillo adaptar aplicaciones en página web a las cambiantes necesidades de esta. Dreamweaver nos permite ponernos manos a la obra rápidamente y nos facilita herramientas útiles para mejorar la experiencia en diseño Web. (3)<br /> La ayuda de Dreamweaver contiene información para usuarios de distintos niveles.<br />El área de trabajo de Dreamweaver puede adaptarse a distintas formas de trabajar y a diversos niveles de experiencia.<br />Las características que definen a Dreamweaver son:<br />Versatilidad. Permite realizar muchas mas operaciones que otros editores.<br />Potencia. Permite integrar elementos realizados con otras herramientas, como son imágenes procedentes de Photoshop, secuencias animadas procedentes de Flash, bases de datos, hojas de cálculo, etc.<br />Facilidad de uso. Una vez que se conoce bien su funcionamiento es muy fácil de usar, explotando los recursos que ofrece. Además de contar con una buena herramienta de ayuda y distintas opciones que facilitan aún mas su uso.<br />Dreamweaver es una herramienta imprescindible para todo webmaster que se precie. Así como a aquellos otros que, estando ya introducidos quieren poder contar con una buena herramienta de trabajo. Dreamweaver no es solo un editor de páginas web; es un completo gestor de sitios que ofrece una amplísima gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. El funcionamiento de Dreamweaver se explica aquí desde el principio, por lo que no se suponen conocimientos previos al respecto; sin embargo, si supongo que, si estás en este oficio, conoces perfectamente HTML, DHTML y JavaScript, al menos. Lógicamente también te encuentras familiarizado con los conceptos básicos del Web, así como con el uso fundamental de Windows. Dreamweaver es una herramienta que puede operar bajo entorno Windows o Macintosh pero, por ser el primero mas popular y de uso mas extendido, deberás contar con un editor de imágenes para crear las que necesites. <br />Especificaciones<br />La página web está optimizada para las siguientes características:<br />Navegador Internet Explorer o Mozilla Firefox.<br />Resolución de Pantalla de 1024x768 o superior.<br />Navegador con Plugin Macromedia Flash Player.<br />No obstante, se ha testeado con resultados óptimos en las siguientes plataformas:<br /> * Lista de Navegadores Testeados en entorno Windows<br />Internet Explorer <br />Opera <br />Mozilla <br />Lista de Navegadores Testeados en entorno Macintosh:<br />Safari<br />Netscape Navigator <br /> <br />Diseño paso a paso <br />La web consta de un marco que se llama Índice, el mismo que a la vez está dividido en tres celdas, donde esta toda la información y menús: cabecera, menú y central. <br />Cabecera de la web<br />En esta parte del marco, la utilizaremos para colocar en nombre de la web.<br />Menú<br />En esta sección esta toda la información de la web, que en este caso está presentada en un menú vertical, este menú seria como el mapa de la web que permite al usuario ver toda la información que contiene la web, cada ventana tiene un titulo específico que contiene un enlace con otro documento en el que se encuentra toda la información. Esto permite que el usuario cada vez que quiera cambiar de archivo lo haga de una manera sumamente fácil.<br />Central <br />Cada vez que el usuario presione un botón del menú de la web, la información aparecerá en esta celda, que está en el centro del marco. Esta celda es la mas grande, esto permite que el usuario pueda visualice mejor la información.<br />Estructura de la Web <br />NosotrosMatriculaActividadesContactoInicio<br />Inicio<br />La página de INICIO es el espacio para describir las funciones de la escuela.<br />Nosotros <br />Es un espacio en donde el lector puede ver la misión y la visión de la escuela<br />Matricula <br />Aquí exponemos en donde los lectores interesados en matricular a sus hijos en la escuela pueden ver los requisitos para entrar en la misma.<br />Actividades. <br />Avisos completos de las actividades realizadas y por realizar en la escuela y fuera de ella con sus respectivos padres y maestros.asi también como imágenes y fotos <br />Contacto<br />En esta página tendrán el vínculo del correo electrónico de la escuela para colocar sus sugerencias o inquietudes <br />Manual de Usuario <br />Acceso a la aplicación <br />Url: http://lasestrellitas.webcindario.com/Inicio.htm<br />Para el manejo y uso de la página web creada, se debe accesar a la página de inicio donde se encuentra el menú de desplazamiento en el lado izquierdo, que consta de inicio, nosotros, contactos, actividades y matricula.<br />Cada uno de estos se encuentra vinculado a sus respectivos enlaces para facilitar la información requerida y solicitada por el usuario.<br />Otros<br />Representación de lenguaje HTML de la página inicio<br /><HTML><HEAD><TITLE>Inicio</TITLE><br /><META content=quot; text/html; charset=iso-8859-1quot; http-equiv=Content-Type><br /><script language=quot; JavaScriptquot; ><br /><!--<br />function MM_swapImgRestore() { //v3.0<br /> var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;<br />}<br />function MM_preloadImages() { //v3.0<br /> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();<br /> var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)<br /> if (a[i].indexOf(quot; #quot; )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}<br />}<br />function MM_swapImage() { //v3.0<br /> var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)<br /> if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}<br />}<br />function MM_findObj(n, d) { //v4.01<br /> var p,i,x; if(!d) d=document; if((p=n.indexOf(quot; ?quot; ))>0&&parent.frames.length) {<br /> d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}<br /> if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];<br /> for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);<br /> if(!x && d.getElementById) x=d.getElementById(n); return x;<br />}<br />//--><br /></script><br /><BODY aLink=#330066 bgColor=#fffff0 link=#330066 text=#000000 vLink=#6699CC onLoad=quot; MM_preloadImages('Imagen Web/Nosotros_on.gif','Imagen Web/Matricula_on.gif','Imagen Web/Contacto_on.gif')quot; ><br /><P><br /><P><br /><TABLE border=0 cellPadding=0 cellSpacing=2 width=600><br /> <TBODY> <br /> <TR> <br /> <TD align=middle bgColor=#aaaaaa colSpan=2 height=70 vAlign=center <br />width=600> <br /> <TABLE bgColor=#ffffff border=0 cellPadding=0 cellSpacing=0 height=68 <br /> width=594><br /> <TBODY> <br /> <TR> <br /> <TD align=left bgColor=#ffffff height=68 vAlign=center <br /> width=594><img src=quot; Imagen Web/logo.gifquot; width=quot; 238quot; height=quot; 28quot; ></TD><br /> <TD align=right bgColor=#ffffff <br /> vAlign=center></TD><br /> </TR><br /> </TBODY> <br /> </TABLE><br /> </TD><br /> </TR><br /> <TR bgcolor=quot; #330066quot; > <br /> <P> <br /> <TD height=20 align=left vAlign=center><FONT <br /> color=#330066 face=arial size=1>&nbsp; </FONT></TD><br /> <TD height=20 align=left vAlign=center><div align=quot; rightquot; ></div></TD><br /> <p></P><br /> </TR><br /> <P> <br /> <TR> <br /> <P> <br /> <TD align=middle bgColor=#94c5c5 vAlign=top width=160> <br /> <TABLE border=0 cellPadding=5 cellSpacing=0 width=160><br /> <TBODY> <br /><TR> <br /> <TD width=quot; 160quot; >&nbsp;</TD><br /> </TR><br /> <TR> <br /> <TD width=quot; 160quot; ><img src=quot; Imagen Web/Inicio_on.gifquot; width=quot; 160quot; height=quot; 25quot; ></TD><br /> </TR><br /> <TR> <br /> <TD ><a href=quot; Nosotros.htmquot; onMouseOut=quot; MM_swapImgRestore()quot; onMouseOver=quot; MM_swapImage('Image7','','Imagen Web/Nosotros_on.gif',1)quot; ><img src=quot; Imagen Web/Nosotros_off.gifquot; name=quot; Image7quot; width=quot; 160quot; height=quot; 25quot; border=quot; 0quot; ></a></TD><br /> </TR><br /> <TR> <br /> <TD ><a href=quot; Matricula.htmquot; onMouseOut=quot; MM_swapImgRestore()quot; onMouseOver=quot; MM_swapImage('Image8','','Imagen Web/Matricula_on.gif',1)quot; ><img src=quot; Imagen Web/Matricula_off.gifquot; name=quot; Image8quot; width=quot; 160quot; height=quot; 25quot; border=quot; 0quot; ></a></TD><br /> </TR><br /> <TR> <br /> <TD ><a href=quot; Actividades.htmquot; onMouseOut=quot; MM_swapImgRestore()quot; onMouseOver=quot; MM_swapImage('Image9','','Imagen Web/Contacto_on.gif',1)quot; ><img src=quot; Imagen Web/Actividades_off.gifquot; name=quot; Image9quot; width=quot; 160quot; height=quot; 25quot; border=quot; 0quot; ></a></TD><br /> </TR><br /> <TR> <br /> <TD ><a href=quot; Contacto.htmquot; onMouseOut=quot; MM_swapImgRestore()quot; onMouseOver=quot; MM_swapImage('Image10','','Imagen Web/Contacto_on.gif',1)quot; ><img src=quot; Imagen Web/Contacto_off.gifquot; name=quot; Image10quot; width=quot; 160quot; height=quot; 25quot; border=quot; 0quot; ></a></TD><br /> </TR><br /> </TBODY> <br /> </TABLE><br /> </TD><br /> <TD align=middle vAlign=top width=440> <br /> <TABLE border=0 cellPadding=0 cellSpacing=0 width=360><br /> <TBODY> <br /> <TR> <br /> <TD height=15></TD><br /> </TR><br /> <TR> <br /> <TD align=left vAlign=top> <br /> <TABLE border=0 cellPadding=3 cellSpacing=0 width=400><br /> <TBODY> <br /> <TR> <br /> <TD align=left vAlign=top> <font color=quot; #222222quot; face=quot; arialquot; size=quot; 2quot; >- <br /> - - - - - - - - - - -</font> <br /> <ul><br /> <p>&nbsp;</p><br /> <ul><br /> <li><br /> <font size=quot; 2quot; face=quot; Arial, Helvetica, sans-serifquot; >Los ni&ntilde;os reciben clases de inform&aacute;tica con conexi&oacute;n a internet, ingles, valores, educaci&oacute;n f&iacute;sica cada uno con su maestro particular id&oacute;neo, adem&aacute;s se brinda atenci&oacute;n a ni&ntilde;os con necesidades especiales y discapacidad. Se realiz&oacute; un cambio y la escuela ofrece un servicio de guarder&iacute;a para los padres de los ni&ntilde;os que trabajan en el turno matutino.</font> <br /> </ul><br /> <p align=quot; centerquot; > <img src=quot; Imagen%20Web/ACF5507.JPGquot; width=quot; 163quot; height=quot; 176quot; ><img src=quot; Imagen%20Web/cantonales106.jpgquot; width=quot; 113quot; height=quot; 173quot; ></p><br /> <p><font color=quot; #222222quot; face=quot; arialquot; size=quot; 2quot; >- - - - - - - <br /> - - - - -</font> </p><br /> </TD><br /> </TR><br /> <TR><br /> <TD align=left vAlign=top>&nbsp;</TD><br /> </TR><br /> </TBODY> <br /> </TABLE><br /> <br><br /> <div align=quot; centerquot; ><b><font face=quot; Verdana, Arial, Helvetica, sans-serifquot; color=quot; #94c5c5quot; size=quot; 2quot; >Inicio </font> <font face=quot; Verdana, Arial, Helvetica, sans-serifquot; size=quot; 2quot; >-<a href=quot; Nosotros.htmquot; > Nosotros</a> - <a href=quot; Matricula.htmquot; >Matricula</a> <br /> - <u><a href=quot; Actividades.htmquot; >Actividades</a></u> - <a href=quot; Contacto.htmquot; >Contacto</a></font></b></div><br /> <b></b></TD><br /> </TR><br /> </TBODY> <br /> </TABLE><br /> <br><br /> <table width=quot; 100%quot; border=quot; 0quot; cellspacing=quot; 0quot; cellpadding=quot; 0quot; ><br /> <tr><br /> <td><div align=quot; centerquot; ><br /> <div align=quot; centerquot; ><font color=quot; #99CCCCquot; ><b><font face=quot; Arialquot; size=quot; 1quot; >Copyright<br /> 2009 Las Estrellitas. All Rights Reserved. <a href=quot; http://www.dreamweaver-templates.orgquot; ><br><br /> </a>Boreman</font></b></font></div><br /> </div></td><br /> </tr><br /> </table> <br /> <div align=quot; centerquot; ><font color=quot; #99CCCCquot; ><b></b></font></div><br /> </TABLE><br /><p></P></BODY><br /></HTML><br />CONCLUSIÓN<br />Al inicio tuve dificultad para escoger que datos colocar dentro de la página web, después para organizar la apariencia de la página web, deseaba una página que llamara y mantuviera la atención de los usuarios, aunque mis conocimientos de diseño sean limitados.<br />Hice uso del programa Photoshop para la creación de la plantilla web mostrada en el explorador de internet.<br /> La creación de la estructura de la página web, comenzó con un ensayo tras otro y así hasta poder crear el definitivo y el que usaría para exponer.<br />En la planificación del trabajo me encontré que no era tan fácil encontrar información para publicar en la web, por la confidencialidad exigida por los padres de familia y escuela.<br />En esta monografía espero ser de ayuda a la escuela, tanto para publicidad de la misma y para que los padres de familia obtengan la información deseada de sus acudidos.<br />RECOMENDACIONES <br />Considero de suma importancia ofrecer algunas recomendaciones e indicaciones respecto al uso de la página web con el fin de que se obtenga de él, el mayor beneficio posible.<br />Lo importante es crear una página web bien diseñada, con una cantidad de información agrupada interesante y didáctica, con una imagen que resalte la presencia de la escuela siendo una oportunidad de comunicación con el mundo y así atraer publico pare generar negocios y aumentar su matricula.<br />Es indispensable utilizar toda la imaginación y creatividad para llamar la atención del comprador y mantener activa la página web.<br />Bibliografía<br />http://www.pergaminovirtual.com.ar/definicion/Página_web.html<br />http://www.layersmagazine.com/flash-slideshow-image-gallery.html<br />http://www.pri.jovenclub.cu/jc/pr/index.php?option=com_content&task=view&id=14&Itemid=29<br />Escuela Las Estrellitas – David.<br />