Este documento presenta una guía para desarrollar una página web educativa utilizando servicios gratuitos de alojamiento. Propone crear 5 páginas informativas sobre un tema seleccionado, incluyendo una página de inicio con presentación del tema, objetivos del curso y llamado a participar; una página de justificación y objetivos; una página de contenidos organizados en unidades; una página describiendo el modelo pedagógico y metodología; y una página de actividades, evaluación y bibliografía. Se prove

1. 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.

2. 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.

3. 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

4. · 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 De Listengo Externos Flash
del tema, youtube, internos
fotos listengo
Justificación, Redacción y Sobre el tema, Fliker

5. objetivos, definición dibujos,
introducción de los figuras
objetivos de
aprendizaje
Contenidos Presentar Animadas, Propios Externos Bibliografía
Cuales son fotos, figuras
Modelo Redacción y Fotos Flash
Pedagógico Explicación
Metodología Descripción Fotos
Actividades Talleres, Animadas Propios Externos, aprendizaje,
guías, internos, refuerzo,
Autoestudio archivos evaluación
propios
Evaluación Redacción Cuestionarios
preguntas
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

6. 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.

7. 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

8. 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.