UNIVERSIDAD LIBRE

FACULTAD DE CIENCIAS DE LA EDUCACIÓN

NUCLEO FOMATIVO BÁSICO COMÚN

EJE TEMATICO: NUEVAS TECNOLOGIA DE LA INFORMACIÓN Y LA COMUNICACIÓN (NTIC)

NIVEL: 1 Intermedio I: COMPETENCIA I HABILIDAD: COMPRENSION SOBRE EL

MANEJO DE SERVIDORES GRATUITOS PARA DESARROLLAR PAGINA WEB

TIEMPO: 6 horas

Actividades:(pueden enumerarse). Se presenta la 0 las actividades teniendo en cuenta el objetivo a

alcanzar. Deben ser secuenciales. Las instrucciones y las actividades como tal deben brindar

c1aridad, coherencia y autosuficiencia.

Clave de respuestas (fichas cognoscitivas): Se deben dar las respuestas de la actividad propuesta

para que el estudiante sienta mas confianza con 10 quedesarrolla. Se debe recordar que la ficha debe

ser autosuficiente y por esta raz6n las respuestas se deben incluir. Si hay dudas al respecto, el

asesor que se encuentre en el lugar de la tutoria aclarara dudas.

Reflexion: Es la reflexi6n metacognitiva del desarrollo de las actividades. Se dan pautas sobre

algunas especificidades a tener en cuenta de las actividades de la ficha (contextos de use,

respuestas obtenidas, estrategias alternativas que USa para el desarrollo de las actividades, etc.).

Ademas, se Ie aclarara al aprendiente que luego del desarrollo de la' ficha habra un encuentro con el

asesor (tutor) en el que se Ie brindara orientaci6n respecto de las dudas que hayan quedado, por 10

cual, previa al encuentro, debera tener c1aridad sobre dichas dudas.

Comentarios (aprendiente y asesor): En elespacio de comentariosel estudiante anotara su

percepci6n frente al desarrollo de la ficha. Ademas, la retroalimentaci6n que haga el asesor.

Bibliografia: Son las fuentes bibliografica y/o virtuales que el estudiante debe consultar con la.

ayuda del tutor para el desarrollo de la ficha.

Sugerencias: Se ofrecen alternativas de actividades de extensi6n que contribuyan a continuar

con el aprendizaje. Tambien se sugieren recursos y/o fuentes adicionales de consulta.

Taller

Elaboración de Páginas Web en línea Facilitadores: Mauricio Buitrago, Sonia Rocio Corredor, Elkin Betancourth y Fanny López Valek

Objetivos:

Plantear y elaborar una página web en línea con énfasis educativo sobre una temática especifica

(especialmente de su saber disciplinar).

Realizar 5 páginas informativas sobre el tema seleccionado en forma de curso para la web

teniendo en cuenta los siguientes ítems:

1. En la página de Home escriba el nombre del tema del curso, una bienvenida a su

página, una presentación explicando por qué es importante el tema que selecciono e invite a

los usuarios a que la consulten. Inserte imágenes.

2. Escriba la Justificación del curso, los objetivos de aprendizaje, introducción al curso

3. Escriba los Contenidos de acuerdo al tema y subtemas presentado por unidades

4. Describa el Modelo pedagógico y metodología que se utilizara en este curso

5. Describa que tipos de Actividades de aprendizaje, de refuerzo, de evaluación que se

realizaran es este curso

6. Indique los parámetros de Evaluación que se van a tener en cuenta, las conclusiones, la

bibliografía necesaria.

Preambulo: a continuación encontrará los enlaces de algunas páginas de internet que le permitirán

crear paginaweb de forma gratuita

· Introducción

Por medio de este taller creara una página web en línea a través de

http://www.paginawebgratis.es/

(si este vinculo anterior no le funciona o da error por el nombre de usuario, puede tener en

cuenta alguna de las siguientes alternativas como otra opción:

1. www.actiweb.com ,

2. www.google.com : en la opción mas y luego en sites; o por el correo directamente sites;

3. www.everyoneweb.es ,

4. www.jimdo.com ,

5. www.gratisweb.com

6. www.webs.com, u otra altenativa que encuentre en internet

Pasos a seguir en www.paginawebgratis.es

1.- Inscribirse con el nombre de la información del tema seleccionado

En darse de alta, y llenar el formulario

Luego le indica el nombre o URL que tendrá su página

Ejemplo: fannylopezvalek mas su contraseña Anotar esto en su cuaderno, para entrar posteriormente y después poder editar o crear las

paginas web que se requieran

2. Luego en identifícate usa la dirección y la contraseña para empezar a hacer tu paina web allí

aparece la siguiente pantalla que le presenta las opciones de manejo de este servicio

· Editar diseño: le permite escoger en esta sección una plantilla de colores y forma de

presentación de la pagina

· Controlar imágenes: en este sitio se cargan las imágenes que se usaran en la pagina en agregar

imágenes

· Controlador de páginas: aquí se agregan páginas, se editan y se administran. La pagina inicial

o principal se denomina home.html

· Agregar página le permite adicionar titulo e información sobre el tema, encontrara un editor

de texto que le permitirá manipular texto, enlaces, imágenes, colores, fuentes etc. Guardar los

cambios

· Controlador de extras; manejo de correo y visitas

· Mensajes

· Preferencias

· Salir de la sesión

LECTURAS COMPLEMETARIAS AL TALLER

1. DISEÑO WEB (ETAPAS)

2. CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB

3. Fases para realizar la página web

Son 4 fases

1. Recolección de información

- Recolectar información sobre el tema de su proyecto (texto, imágenes, audio, videos, aportes sobre educación entre otros) para incorporar a su página web.

Partes Textos Imágenes Videos Audios Enlaces Otros

Bienvenida Redacción Representativa del tema,

fotos

De youtube, listengo

Listengo Externos internos

Flash

Justificación, Redacción y Sobre el tema, Fliker

objetivos, introducción

definición de los

objetivos de aprendizaje

dibujos, figuras

Contenidos Presentar Cuales son

Animadas, fotos, figuras

Propios Externos Bibliografía

Modelo Pedagógico

Redacción y Explicación

Fotos Flash

Metodología Descripción Fotos

Actividades Talleres, guías,

Autoestudio

Animadas Propios Externos, internos, archivos propios

aprendizaje, refuerzo,

evaluación

Evaluación Redacción preguntas

Cuestionarios

Desarrollo de materiales

Etapas

Determinar de estrategias instruccionales

Diseño que se implementara

Estandares

Producción de materiales

Evaluación

-Subir la dirección URL de su sitio web al grupo ciberdocentesulibre de yahoo en sección marcadores en la carpeta pagina web estudiantes

EJEMPLO

TEMA

Ejercicio para elaborar y diseñar páginaS WEB utilizando en lenguaje de codigo

HTML

OBJETIVO:

Aprender a diseñar, elaborar una pagina WEB utilizando el lenguaje HTML.

JUSTIFICACION

Aplicación: Con el manual que encuentra a continuación, podrá construir y diseñar

una pagina por medio de los códigos de HTML utilizando el programa Bloc de

notas, para ir aprendiendo y aplicando los diferentes conceptos y etiquetas.

INTRODUCCIÓN

Las páginas Web son documentos de hipertexto y multimedia. Son documentos

multimedia porque incorporan imágenes, vídeos, animaciones, sonidos, textos

de todo tipo, y son documentos de hipertexto, porque incorporan enlaces con

otras páginas. Cuando pulsamos sobre un enlace de una página Web,

visualizamos la página a la que llama ese enlace, esa página puede estar en el

mismo servidor o en otro situado a mucha distancia, este proceso de ir de una página a otra es lo que se denomina navegar por Internet.

Los programas que sirven para visualizar páginas Web son los navegadores de

Internet, son gratuitos y actualmente los dos más utilizados son: Microsoft

Internet Explorer (vamos por la versión 6.0) y Netscape (también la última

versión es la 6.0).

El lenguaje utilizado para crear páginas Web es el HTML, se trata de un lenguaje de

etiquetas que define el aspecto de las páginas. Una página Web está compuesta

por un archivo de texto plano, con extensión htm o html, escrito en lenguaje HTML, y todos los archivos multimedia relacionados con él.

Para crear páginas Web necesitamos un editor de texto simple como el Bloc de Notas

y muchos conocimientos de lenguaje HTML, o muy pocos conocimientos de este

lenguaje y aprender el manejo de programas de diseño Web gráficos como

FrontPage o Dreamweaver. Estos programas traducen en segundo plano a código HTML todas las actuaciones del usuario.

En esta lección crearemos una página Web muy simple empleando el Bloc de Notas,

el objeto es adquirir unos conocimientos básicos de HTML, así como una visión

general, de qué es una página Web, cómo se crea y se publica en Internet.

CONTENIDOS

Página Web. Conceptos Generales. Estructura de una página Web

Diseño

Manual para Elaborar Págianas Web

ETIQUETAS

LISTAS Listas ordenadas

Listas de definición

SEPARADORES HORIZONTALES

COLOR DE FONDO

FONDOS CON UNA IMAGEN

INSERTAR IMÁGENES

ALINEACIÓN DEL TITULO DE LA IMAGEN

ALINEACION DE LA IMAGEN DIMENSIÓN DE LA IMAGEN

TABLAS VARIANDO EL ESPESOR DE LOS BORDES CELDAS DE CABECERA POSICIONAMIENTO DEL CONTENIDO DENTRO DE LA CELDA VARIANDO LAS DIMENSIONES DE LA TABLA SEPARACIÓN ENTRE EL BORDE Y EL CONTENIDO DENTRO DE LAS CELDAS

ENLANCES ESTRUCTURA DE LOS ENLACES ENLACES DENTRO DE LA MISMA PÁGINA

ENLACES CON OTRA PÁGINA NUESTRA ENLACES CON UNA PÁGINA FUERA DE NUESTRO SISTEMA ENLACES CON UNA DIRECCIÓN DE EMAIL

PUBLICACIÓN Y PROMOCIÓN DE UNA PÁGINA PUBLICACIÓN DE UNA PÁGINA ¿CÓMO SE PUBLICAN LAS PÁGINAS EN EL SERVIDOR?

PROMOCIÓN DE UNA PÁGINA

MODELO PEDAGOGICO Y METODOLOGIA

Por Descubrimiento y Educación Problémica

METODOLOGÍA Se editará online, en los cuales se integrarán la mayor parte de los aspectos del tema seleccionado y la planeación. Los contenidos con los cuales pondremos a funcionar esta herramienta tecnológica aplicada a la educación, en esta etapa se vera uan breve introducción a los sentidos y usos de dichas herramientas.