CÓDIGO: PA-01-01

GESTIÓN ACADÉMICA

VERSIÓN: 2.0

GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

FECHA: 19-06-2013 PÁGINA: 1 de 8

Nombres y Apellidos del Estudiante: Docente:

Grado: 11° Periodo: 3° Duración: 10 horas

Área: Tecnología e informática

Asignatura: Informática

ESTÁNDAR:  Evalúo las implicaciones para la sociedad de la protección a la propiedad intelectual en temas como desarrollo y utilización de la tecnología.  Identifico necesidades y potencialidades del país para lograr su desarrollo científico y tecnológico INDICADORES DE DESEMPEÑO:  Explora motores virtuales de búsqueda para seleccionar y apropiar la información de interés pedagógico investigativo. EJE(S) TEMÁTICO(S):  Lasw paginas web y los blog educativos MOMENTO DE REFLEXIÓN “Internet facilita la información adecuada, en el momento adecuado, para el propósito adecuado”. Bill Gates ORIENTACIONES       

Lectura del texto. Lecturas complementarias de otros textos. Apreciación de diapositivas con video beam. Resolución de preguntas planteadas. Pruebas orales. Pruebas escritas. Práctica frente al computador en sala de informática. EXPLORACIÓN

PALABRAS Y FRASES CLAVES PARA PÁGINAS WEB El texto de una página web se redacta basado en frases claves y términos genéricos. Por ello, antes de comenzar la redacción del texto principal se recomienda escribir una lista de frases claves, compuestas de 1 a 4 palabras cada una, que se refieren en parte o en su totalidad al propósito que persigue la página. Palabra genérica o vocablo genérico es aquel que por sí solo define un concepto y en este sentido se encuentra a la cabeza de su género. Por ejemplo: página, motor, tela, casa. Es importante dar validez a las frases claves que uno ha elegido y para ello se consultan en un buscador, con el propósito de comprobar entre los 10 primeros resultados, si emplearla resulta conducente para entrar al nicho temático en cuestión. Es decir, comprobar que los sitios que aparecen en el resultado sean del mismo rubro o tengan relación directa con el tema. Si más de cinco sitios no están relacionados investigue los 10 resultados siguientes. En muchas ocasiones, una frase que la real academia de la lengua establece como expresión gramaticalmente más correcta para definir algo, en el ámbito de la lingüística empleada por los motores de búsqueda, no es la forma más habitual para referirse a lo mismo. CONCEPTUALIZACIÓN Una visión general a cerca de las páginas web Lo primero es tener una visión general de todas las tareas que debes llevar a cabo para tener el sitio web que quieres. Preparación Trabajos previos que debes ir preparando antes de sentarte delante del teclado. Una fase muy útil si no quieres andar haciendo y deshaciendo e improvisando. La estructura del sitio Es muy importante saber cómo vas a organizar las páginas que forman tu sitio web. Ten en cuenta que esas páginas son como las habitaciones de una casa, si no las colocas bien puedes terminar construyendo un laberinto. Diseño general del sitio Presentar el contenido de forma atractiva es primordial a la hora de construir tu web, sea una web de aficionado o una

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 2 de 8

web profesional de negocios. Las imágenes en una página web.: Los formatos de imágenes ¿Qué formato me interesa? El texto en la página web. ¿Cómo distribuir el texto, y lo demás, en la página? Herramientas Para crear algo siempre se necesitan herramientas, en este caso son programas que te harán más fácil y efectivo tu trabajo a la hora de proyectar, construir y mantener tu sitio web. Recursos He aquí una selección de algunos recursos sumamente interesantes para cualquier webmaster. Básicamente se trata de lugares que te ofrecen herramientas para tu sitio: como foros, formularios de correo, contadores, estadísticas, sitios con recursos gratuitos. Manual HTML Si quieres aprender a crear buenas páginas web debes aprender los entresijos del lenguaje HTML, el código usado para escribir páginas. Comprueba que tienes todas las herramientas software que básicamente son: Un servidor web personal. Un buen programa editor HTML Un administrador para tus bases de datos Un programa editor de imágenes En todos existe una amplia variedad de productos gratuitos, aunque el shareware también es una opción. El diseño Ahora llega el momento de elegir el estilo que darás a tus páginas, una decisión para la que debes tener en cuenta las consideraciones que hayas ido haciendo hasta este momento. Para esta tarea puedes rellenar una página con algún contenido, pero con la vista puesta en la cuestión estética: colores, imágenes, barras de navegación... Procura utilizar un estilo uniforme a lo largo de todas las páginas que compongan tu sitio web. No queda nada bien que se pase de una página con fondo e color negro a otra con un fondo blanco níveo. Aparte de molesto para la vista da la sensación de que el sitio está construido a base de parches. Bien sea para ilustrar la información contenida en nuestras páginas o para integrar un largo texto o, por qué no, por cuestiones estéticas, es prácticamente imposible evitar colocar alguna que otra imagen en nuestras páginas. Al emplear las imágenes debemos guiarnos por unas cuantas reglas básicas:  Procurar que las imágenes sirvan para algo, que den información. Esta es una de las razones por las que debemos usar los atributos ALT.  No pasarnos. La página no debe pesar demasiado. Un visitante que ve como la página tarda en cargarse más de 15 o 20 seg lo más probable es que se vaya y, lo que es peor, que no vuelva.  Procurar un equilibrio entre tamaño del archivo de imagen y calidad de ésta. A veces una imagen muy grande requiere una compresión tal que al final tenemos una calidad pésima. En estos casos debemos plantearnos el tipo de imagen a usar. Tipos de imágenes Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están formadas por unos puntos muy pequeños llamados pixels. Si tu monitor fuera de aquellos en blanco y negro utilizados en la época de los pioneros, cada pixel podía estar encendido (color blanco) o apagado (color negro). En los monitores de color actuales cada pixel o punto de pantalla no representa esos dos únicos colores, como sabes pueden mostrar millones de colores y tonalidades. Pero la idea es la misma. La imagen está formada por puntos y el ordenador los maneja como bits. A la hora de codificar esta imagen para poder guardarla en un archivo existen dos técnicas básicas: los mapas de bits y las imágenes vectoriales  Mapas de bits Volvamos al monitor en blanco y negro. Cada punto de la pantalla es o blanco o negro, almacenar esa imagen en un archivo es sumamente fácil: cada punto (blanco o negro) es un bit (1 o 0). Si la imagen tiene 240 puntos ocupa 240 bits (240:8 = 30 bytes). Pero en realidad cada punto representa más de dos colores, 16 millones (si usamos 24 bits para cada pixel). En este

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 3 de 8

caso la imagen anterior ocupará algo más: 240 puntos x 24 bits : 8 son 720 bytes. Ten en cuenta que 240 puntos es una imagen pequeñita, de 15 pixels de alto por 16 pixels de ancho por ejemplo. En este método se basan los formatos JPG, PNG o GIF utilizados en las páginas web y que usan diferentes algoritmos para comprimir los archivos y ocupar así menos espacio. Si estas imágenes se escalan (se se les varía el tamaño) la calidad se ve degradada.  Imágenes JPG Usando este formato pueden almacenarse imágenes de hasta 24 bits de color. Es recomendable para fotografías o imágenes con degradados. Cualquier programa editor de gráficos permite guardar una imagen en este formato con diferentes grados de compresión. Lógicamente cuanto más comprimamos la imagen menor es su calidad. Si queremos imágenes de alta calidad debemos soportar archivos de tamaños elevados. Recientemente ha aparecido una variación de este formato denominada JP2 o JPG2000, especialmente destinado a la red. Pero aún no es admitido por todos los exploradores.  Imágenes GIF Este otro formato se usa para imágenes con hasta 256 colores ( 8 bits de color). Frente a esta limitación nos ofrece la posibilidad de definir zonas transparentes y además existe una variante que permite imágenes animadas, muy útil para llamar la atención sobre algo en concreto como puedan ser las novedades de nuestro sitio o un anuncio de algún servicio. Pero conviene no abusar de las animaciones, son archivos muy grandes y pueden llegar a resultar pesados. En nuestro sitio Gifs animados tienes una excelente colección para elegir  Imágenes PNG El formato PNG es el gran desconocido de internet, pese a su magnífico comportamiento. Realmente existen varios formatos PNG: PNG8, que almacena imágenes de hasta 256 colores, PNG24 para imágnes de 24 bits y PNG32 para imágenes de 32 bits. Permite transparencias como los GIF y transparencia graduada (colores cuya opacidad van desde el 0% hasta el 100%), aunque los exploradores no aprovechan esta utilísima propiedad. Por contra no admiten animaciones.  Imágenes vectoriales Ese otro método de almacenar imágenes se basa en encontrar funciones matemáticas para representar la imagen completa. Este método no sólo se usa para figuras regulares (rectángulos, cuadrados, círculos) tambien se puede usar para imágenes tipo fotografía. Si alguno de los que leeis estas líneas ha oido hablar de una cosa llamada figuras de Mandelbrot sabrá que es eso de encontrar una función matemática para representar la formas tan poco regulares como un paisaje de montaña y similares. Estas imágenes dan una calidad excelente y permiten ser escaladas (modificar su tamaño) sin pérdida de calidad. Un ejemplo son los archivos DXF y otros usados en programas CAD. Estos formatos no se usan en las páginas web. ¿Qué formato es el mejor? Ya has podido comparar los diferentes formatos de los que vas a disponer a la hora de colocar gráficos en tus páginas. ¿Qué formato elegir? La respuesta va a depender del tipo de gráfico, de la calidad que desees. En principio las fotografías quedan mejor en formato JPG, mientras que las imágenes con colores muy definidos y sin degradados puedes colocarlas en formato GIF o PNG. Evidentemente si lo que necesitas son imágenes animadas estas obligado a usar archivos GIF. Pero en general lo mejor es que pruebes las distintas posibilidades. En general los programas de edición de gráficos te ayudarán a la hora de exportar tus imágenes par la web. No pongas imágenes por ponerlas, sin más motivo que el hecho de que quedan bonitas. Procura que sirvan para algo, para atraer la atención sobre algo en concreto (un enlace, una novedad) o que den información, pues a fin de cuentas es lo que buscan quienes viajan por la red. En este sentido no olvides nunca rellenar el atributo ALT de los elementos img usados en HTML para colocar las imágenes. Este detalle también te ayudará a situarte en los buscadores. Debes tener muy claro lo que vas a publicar y cuál es la finalidad de tu sitio: ¿es una web de negocios? ¿o tu web es por afición. Tu quieres hacer un sitio de aspecto profesional. Puede ser divertido, informal, serio, alegre... pero ante todo debe ser atractivo. Si quieres publicar algo como mínimo es porque quieres que la gente lo lea. Realmente una web nunca está completa y habitualmente siempre le irás añadiendo cosas, y eliminando otras ya obsoletas, pero para empezar debes tener contenido suficiente. ¿Cuánto es un contenido suficiente? No hay reglas, pero ponte en el lugar del visitante. Piensa que a nadie le gusta llegar a un sitio que promete tener por ejemplo mil biografías de actores y sólo encuentra la fotografía de Brad Pitt o un magnífico cartel de sitio en construcción. Si vas a publicar un sitio de recetas de cocina, una buena idea sería tener unas páginas dedicadas a técnicas generales de la cocina y recetas suficientes para preparar los menús de un mes. Luego cada semana puedes añadir nuevos platos y nuevas secciones. Pero debes comenzar con un digamos esqueleto atractivo y completito, sobre el cual levantarás el resto de tu web. Si estas preparando una web para una librería en la red, publica un catálogo inicial que incluya los títulos más vendidos y algún sistema para que los visitantes puedan pedir los que no aparezcan en ese catálogo.

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 4 de 8

A quien va dirigida tu web. Volviendo al ejemplo de una web de cocina, piensa que el ordenador no está en la cocina luego tu sitio deberá prever que el visitante pueda imprimir fácilmente las recetas. Si tu web trata sobre un tema atractivo para jóvenes ten en cuenta que este tipo de visitante se siente muy atraído por los chats, sería buena idea que colocaras un chat en tu sitio. Y si va dirigida a niños olvídate de largos textos y barras de navegación complicadas: todo muy colorista, con animaciones y botones de navegación muy, muy intuitivos. En los casos de webs comerciales el destinatario de la web es el destinatario del producto, el cliente del producto que vendes tendrá un perfil que debes conocer, usa esos datos cuando construyas la web, y no sólo el artículo que vendas. Por ejemplo: vendes artículos relacionados con la informática destinado a un personal técnico, acostumbrado a leer tablas de datos y características de productos. Tu web deberá tener un aspecto sobrio, práctico, colores claros, con pocos elementos que distraigan al visitante y con tablas de datos y características bien visibles y accesibles, tablas comparativas no estarán de más, y por supuesto listas de precios. Si vendes literatura de misterio casi seguro que estás pensando en una estética muy diferente: colores oscuros, figuras y adornos relativos a vampiros y otros símbolos relativos a ese mundillo. Quien va a comprar estos artículos seguro que le gusta recibir algún susto desde la pantalla de su ordenador y moverse entre tinieblas. Estructura del sitio Ya has preparado el contenido de tu web, o al menos. El contenido inicial. Ahora es el momento de comenzar a pensar en cómo vas a organizar tu sitio. Esta estructura puede venirte dada por el tema que trates en tu sitio, pero al definirla debes pensar en facilitar al máximo la navegación por tu web de los visitantes. Nunca olvides que tu puedes conocer muy bien tu web, pero quienes lleguen a él por primera vez no. Te mostramos las estructuras básicas de cualquier sitio web. Ojo esta página es un poquito larga, pero sumamente útil:  Árbol En esta estructura existe una página principal (la home page en terminología inglesa) desde la que se puede llegar a otras páginas de la web. Estas otras páginas a su vez son un nodo para llegar a otro grupo de páginas. De esta manera llegaremos a tener las páginas agrupadas en niveles, de manera que para llegar desde el primero al último se deben atravesar los intermedios. Es una estructura muy jerarquizada y algo compleja y difícil para navegar. Puede ser útil para estructurar nuestro sitio en canales o grupos de páginas independientes. En cualquier caso no conviene que el número de niveles sea excesivo, nunca más de 3. Piensa que si queremos ir de una página a otra en el mismo nivel en otra rama del árbol, debemos retroceder hasta la raíz para luego alcanzar la página de destino. Esta imagen te aclarará la estructura  Listas Esta forma de organizar el sitio es totalmente opuesto al anterior. Realmente no existe una página raíz o principal, lo que tenemos es una especie de lista de páginas donde cada una tiene dos vecinas: una a la izquierda y otra a la derecha, excepto las páginas de los extremos. Una variante presentaría las páginas primera y última enlazadas. Esta forma de organizar un sitio es muy parecido a un libro donde cada página sería un capítulo del mismo. Pasamos del primer al último capítulo a través de los intermedios. Es una implementación muy adecuada para manuales o para procesos donde el usuario deba recorrer forzosamente una serie de páginas.  Mixta Esta estructura aprovecha las ventajas de las dos anteriores. Las páginas están jerarquizadas en niveles, pero dentro de cada nivel se organizan como listas, de forma que podemos recorrer todas las páginas de un mismo nivel sin sin tener que salir de él. En realidad ni el arbol puro ni las listas puros son del todo eficientes, por lo que es habitual mezclar ambas estructuras.  Red Las páginas del sitio también pueden estar totalmente interconectadas, es decir, desde cada página podemos ir a cualquier otra del sitio. Realmente la interconexión de absolutamente todas las páginas sería un caso extremo. Es una estructura de apariencia algo anárquica en la que hay que cuidar mucho de no dejar enlaces abiertos, es decir, apuntando a una página inexistente. Además debemos evitar que el usuario se pierda en una maraña de enlaces. Por todo esto ello es necesario planificarla muy bien. ¿Qué estructura escoger? Dependerá del sitio, pero esto tampoco quiere decir que tengas que elegir una de estas. Es muy probable que tu sitio presente una mezcla de estas estructuras. Por ejemplo si tienes un sitio donde se publican cursos de programación es

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 5 de 8

probable que cada curso forme una estructura tipo mixto y todos los cursos juntos estén organizados como un árbol (una rama para cada curso). Sin embargo si tienes un sitio dedicado al hardware del ordenador, donde cada página se dedica a un elemento del mismo, lo recomendable podría ser una topología de red de forma que un visitante pueda ir ir directamente a cualquier elemento del ordenador. Una regla de oro: procura que un visitante nunca esté a más de cuatro clicks de la página a la que quiera llegar. Si un visitante necesita pinchar en muchos enlaces para llegar a una página dentro de tu sitio lo más probable es que se vaya y no regrese. Estas topologías se construyen en la práctica con las llamadas barras de navegación, una lista de enlaces habitualmente alineados en horizontal o vertical. Cuando el número de enlaces pueda ser muy grande se recurre a sistemas de menús desplegables donde se agrupan las opciones, como se hace en los menús de opciones de la mayoría de los programas. Habrás visto que en algunas páginas junto a las barras de navegación o los menús se usan frames. Bueno pues lo más aconsejable es irse olvidando de ellos. No son elementos demasiado profesionales, empequeñecen el área útil de la ventana del explorador, suelen dar problemas para los contadores y son un fuerte obstáculo para los robots buscadores. El diseño de un sitio web Ya tienes elegido el contenido y la estructura de tu sitio. Ahora debes elegir como mezclar el texto y las imágenes de tu sitio para que sea atractivo. Llega el momento de diseñar las páginas. El primer paso es darse un paseo por internet y visitar fundamentalmente sitios con contenidos similares a los nuestros. No se trata, por supuesto, de copiar diseños web sino de sacar una idea de lo que podemos hacer, de cómo quedan las combinaciones de colores, del uso de imágenes, de tipografías, etc. Pero nunca olvides una cosa: el diseño es únicamente un envoltorio para presentar el contenido, que a fin de cuenta es lo que al final importa. Verás multitud de páginas con un diseño sumamente atractivo pero que luego no dicen casi nada. La palabra mágica es equilibrio. También encontrarás páginas recargadas de imágenes y archivos flash muy bonitas, pero que tardan minutos en mostrarse en el explorador si el usuario no tiene una conexión ultrarrápida. Una página que tarde más de 15 segundos en cargarse no será muy vista, el visitante se irá a otro sitio más rápido. El texto en las páginas Leer en una pantalla de ordenador no es demasiado cómodo ni recomendable para nuestros ojos. ¿Entonces si necesitamos poner un texto largo que hacemos? De entrada procura repartirlo en páginas con cierta coherencia. El periódico te servirá de ejemplo, los temas están agrupados por secciones: deportes, espectáculos, actualidad... En la web las secciones podrían ser páginas o grupos de páginas. Observa que el texto que estás leyendo está distribuido en diferentes páginas web. Pero si aún así tienes mucho texto procura trocearlo con elementos que rompan la continuidad, elementos que pueden ser simples líneas o pequeños gráficos que tengan relación con lo escrito. Si aún así queda mucha lectura en las páginas plantéate poner una versión pdf (para el visor de adobe) o un archivo de texto descargable por el visitante. Y recuerda: párrafos cortos donde destaque claramente la idea que quieras transmitir. Ampliar las imágenes Qué duda cabe de que cualquier página web va a contener imágenes y otros componentes multimedia como animaciones flash o sonidos. Dicen que una imagen vale más que mil palabras, pero en la web habría que añadir: y puede ocupar diez veces lo que ocupan esas mil palabras. Las imágenes dan peso a las páginas y por tanto las enlentecen, usarlas equilibradamente y con moderación es la regla. Usar imágenes como simples adornos debe ser la excepción. Los exploradores soportan varios tipos de imágenes y es conveniente conocer las ventajas e inconvenientes de cada formato para que las imágenes en nuestro sitio rindan al máximo. Herramientas básicas Básicamente una página web puede construirse con un simple editor de texto (como puede ser el bloc de notas de Windows) siempre que se tenga un profundo conocimiento del pseudo lenguaje HTML, o al menos seamos capaz de memorizar todas sus etiquetas. Un sitio de internet está compuesto de multitud de páginas web enlazadas entre ellas, imágenes, archivos de scripts y un sinfín de elementos que debemos controlar. Por ello es conveniente disponer de algunos programas básicos que nos faciliten la tarea. En estas páginas te indicamos algunas de las muchas opciones que existen en el mercado, algunas son de pago y otras gratuitas. Aunque dicen que por ahí existen lugares donde los programas de pago son gratis (¿será verdad?) Servidor local No es indispensable, pero puede ahorrarnos más de un dolor de cabeza con los enlaces situados en nuestras páginas. Un servidor local permitirá que podamos acceder a nuestro sitio en forma local (en nuestro ordenador) pero como si estuviéramos accediendo a él a través de internet, es decir, con una dirección tipo http://misitio/paginas.htm. Si además vas a desarrollar páginas con PHP el servidor local es imprescindible. Aunque en el mercado existen muchos programas para montar tu servidor local, el más extendido es el Apache, y también es el más barato: es gratis. No te va

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 6 de 8

a ocupar mucho espacio ni te va a pedir complicadas operaciones de instalación y configuración. Además la amplia comunidad de usuarios va a permitirte encontrar soluciones a los problemas que se te puedan plantear. Otra opción es el Personal Web Server que viene con Windows 98, o incluso el IIS que viene con el servidor Windows 2000. Editor de páginas web Aunque un editor de textos es suficiente para escribir una página web, no está de más contar con un programa específico que además te dará otras prestaciones enfocadas al mantenimiento de un sitio completo, como comprobación y actualización de enlaces, cambios en múltiples páginas, plantillas, etc. Existen muchos, pero una alternativa interesante es NVU Ampliar Editor de imágenes En otro apartado de esta guía se dice que las imágenes son prácticamente imprescindibles en las páginas web, razón por la cual no está de más disponer de un editor de imágenes. Con él podrás optimizar las imágenes, cambiar su formato o crear imágenes propias para botones o barras de navegación. Existen muchos programas que pueden serte útiles en este apartado, como por ejemplo Fireworks (Macromedia), Photo Shop (de Adobe) o Photo Paint (de Corel). Dentro de este apartado si vas a usar imágenes en formato gif animado deberás disponer de un programa al efecto, el más adecuado quizás sea el Ulead Gif Animator. Cliente FTP Si el editor HTML no lo posee, necesitaras un cliente FTP, es decir, un programa que te permita enviar las páginas que hayas creado a donde hayas alojado tu sitio web. Habitualmente es un programa que te conecta a tu alojamiento mostrándote lo que allí tienes almacenado (directorio remoto), al mismo tiempo te muestra lo que tienes en tu sitio local. Mediante algún botón o comando sencillo te permite como mínimo enviar ficheros a tu directorio remoto o recogerlos para traerlos a tu disco local. Hay algunos gratuitos como coffeCup FTP, FileZilla FTP o smartFTP (existe versión española). Como sabes no todo lo caro es sinónimo de calidad, y viceversa no todo lo barato es sinónimo de mala calidad. Internet va más allá: no todo los recursos gratuitos son inferiores a los de pago. Y aquí tienes una muestra de herramientas gratuitas que superan las prestaciones de muchos similares por las que cobran sus buenos cientos de euros. Apostemos por el software libre frente a los intentos monopolizadores. También puedes comprar herramientas si crees que las gratuitas no son suficientes para tu proyecto. En este caso no dejes de visitar estos catálogos donde seguro que encuentras productos para el diseño web. Esta lista, como puedes ver, no es exhaustiva (necesitaríamos un giga servidor para listar todo lo que existe en la red), pero creemos que recoge productos de calidad y útiles para quienes os dedicáis a esto de publicar páginas web. Como puedes suponer esta lista irá creciendo y actualizándose periódicamente. Sitios con recursos varios Fotos Gratuitas Un enorme catálogo de imágenes gratis para tu web. Está en inglés pero es muy simple de encontrar la imagen que necesites. Van categorizadas incluso por colores. Imágenes gratis Un servicio enteramente gratis para que puedas compartir tus imágenes y creaciones con tus amigos y contactos. Si te gusta usar programas gráficos como photoshop, gimp, corel, paint shop pro, fireworks, y demás? Subelos de forma totalmente gratuita y compártelos con todo el mundo. Sin límites. Gestores de banners locales Banner Plus Es un rotador de banners enfocado al intercambio. Existen versiones de pago, pero la gratuita parece que funciona bien en sistemas medianos - grandes. OpenX Un excelente programa para rotar banners en tu sitio. Necesitas que tu sitio soporte PHP y algún gestor de base de datos (MySql, Postgre,...) Gestión de bases de datos JavaMyAdmin JavaMyAdmin es un herramienta basada en java destinada a administrar bases de datos MySQL. Tiene las mismas funciones que phpMyAdmin, pero al parecer menos problemas de seguridad. PhpMyAdmin Quizás el administrador de bases de datos MySql más extendido de la red. Te permite administrar totalmente tus bases de datos MySQL a través de un sencillo interfaz HTML con el que accedes al servidor. PhpPgAdmin Un administrador vía web para acceder a servidores de bases de datos PostgreSQL. Es un programa válido para funciones básicas y algunas avanzadas como procedimientos o vistas.

GESTIÓN ACADÉMICA GUÍA DIDÁCTICA ¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

CÓDIGO: PA-01-01 VERSIÓN: 2.0 FECHA: 19-06-2013 PÁGINA: 7 de 8

Buscadores locales HTDig Paquete de software que permite añadir a nuestra web la funcionalidad de un potente motor de búsqueda. Se trata de software libre con una amplia red de usuarios. Aquí tienes un tutor en español Search Maker Pro Es un software gratuito que crea un motor de búsqueda para tu web. Este software indexará todas las páginas de tu web y a continuación creará el código HTML y Javascript que posibilitará las búsquedas. Foros para todos V Bulletin Un foro de pago para tu web con numerosas características que la hacen un producto bastante atractivo: personalización, avisos via email, multi idioma, emoticos... PhpBB Sistema de foros basado en PHP y Mysql. Se administra via web y puede manejar foros privados y públicos, soporta emoticons, registro de usuarios, personalizable, soporte multi idioma.... W-Agora Otro foro tan sencillo o tan complejo como quieras. Muy sencillo de personalizar, soporta varios idiomas y es capaz de administrar múltiples foros y comunidades. Soporta una lista de correo, moderadores e incluso puede servir para crear libros de visitas. Noticias en tu web Ofrece noticias frescas en tu web. Los enlaces abren las páginas donde están publicadas las noticias que ofrecen se abren en una página de tu propio sitio. Ganar dinero Pues si: Google te paga por tu página. Los anuncios de Google son muy efectivos, se adaptan al contenido de tu página y por supuesto la empresa cumple con los pagos. Te pagan a partir de 100$ y lo hacen por cheque o por transferencia bancaria, además te pagan en tu moneda, no pierdas dinero pagando comisiones al banco. Puedes poner anuncios o incluso un buscador en tu sitio web, en ambos casos puedes ganar bastante dinero por esos espacios. Ah y tienes la posibilidad de personalizar los colores de los anuncios, que por otra parte son mayoritariamente de texto, con lo que no enlenteces tus páginas. ¿A qué esperas? Pincha el botón de la izquierda y pruébalo ACTIVIDADES DE APROPIACIÓN

Responda adecuadamente, el siguiente cuestionario como complemento a esta guía, para su respectiva valoración. 1.- ¿Cuánto tiempo toma crear un Sitio Web? 2.- ¿Qué tan costoso es un Sitio Web? 3.- Tengo algunas ideas para el diseño, ¿Qué debo hacer al respecto? 4.- ¿Cuál será mi participación en el proyecto de diseño de las páginas? 5.- ¿Qué cosas debo incluir en un Sitio Web? 6.- ¿Debo aprender todos esos términos técnicos raros como DHTML? 7.- ¿Puedo presentar las imágenes contenidas en manuales y catálogos de la empresa? 8.- ¿Qué calidad tendrán las imágenes al ser presentadas en las páginas Web? 9.- El texto de mis documentos, ¿Tiene que estar escrito en inglés? 10.- La mayoría de mi producción va para exportación, ¿El Sitio Web de mi negocio podría estar en inglés? 11.- He visto páginas Web muy llamativas, ¿Puedo incluir este tipo de cosas en mi Sitio Web? 12.- Tengo unas fotografías excelentes de mis productos, ¿Puedo usarlas? 13.- He observado algunos anuncios publicitarios en los Sitios Web, ¿Las páginas web de mi negocio deberán tenerlos? 14.- Visité un Sitio Web en el que me solicitaron llenar un formulario, ¿Puedo incorporar este tipo de facilidades a nuestro Sitio Web? 15.- ¿Puedo hacer ventas a través de mi Sitio Web? 16.- Si acepto órdenes de compra por Internet, ¿Cómo pueden constatar nuestros clientes que están siendo atendidos? 17.- ¿Puedo definir ciertas secciones de mi Sitio Web al que ingresen sólo personas autorizadas? 18.- Si requiero algún cambio al contenido de mi Sitio Web, ¿Cómo puedo realizarlo? 19.- ¿Qué tan fácil es hacer cambios a los Sitios Web? 20.- En caso de ser necesario, ¿Quién deberá hacer las modificaciones a las páginas Web? 21.- ¿Qué tan costoso es hacer las modificaciones a un Sitio Web? SOCIALIZACIÓN

CÓDIGO: PA-01-01

GESTIÓN ACADÉMICA

VERSIÓN: 2.0

GUÍA DIDÁCTICA

FECHA: 19-06-2013

¡HACIA LA EXCELENCIA… COMPROMISO DE TODOS…!

I.E. COLEGIO ANDRÉS BELLO

PÁGINA: 8 de 8

Mediante mesa redonda se socializará la guía para revisar las actividades, y aclarar las dudas que se hayan encontrado en el desarrollo de los temas.

COMPROMISO

 El cuestionario de actividades de apropiación debe enviarse por correo electrónico según se indique.

ELABORÓ

REVISÓ

NOMBRES

MISAEL MOYANO CARRASCAL

MISAEL MOYANO CARRASCAL

CARGO

Docentes de Área

Jefe de Área

16

06

2014

18

APROBÓ

06

Coordinador Académico 2014

DD

MM

AAAA