Tics Educativos
Estructura de la página  
  Home
  RED y EF
  Nuevas Tecnologías
  Programas de Taller de Lenguajes
  Electiva ExeLearning
  Modelo Pedagogico en la virtualidad
  PONENCIA CONGRESO INNOVACIONES Y DESAFÍOS
  Ponencia Congreso Panamericano
  Talleres y Tutoriales
  => Taller Webquest
  => Taller Historietas
  => Tutorial blogger
  => Encuestas On Line
  => Taller de Página Web
  => Taller Movie Marker
  => Tutorial YouTube
  => Tutorial Foro
  => Taller Photoshop
  EJEM "PAGINAS WEB"
  Organizadores Gráficos
  Pow Toon
  Glogster
  Calameo
  Slideshare
  Prezi @
  Portales de Actividades Educativas
  Videos sobre TIC
  PRESENTACIONES DE INTERÉS
  Foro
  Contador de visitas
Taller de Página Web

Elaboración de Páginas Web en linea

Facilitador: Sonia Rocio Corredor
 
  

·         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.yahoo,com ,
5. www.gratisweb.com u otra altenativa que encuestre en internet
6. www.webs.com)

 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:
 
sonia rocio
mas su contraseña
Anotar esto en su cuaderno, para entrar después y poder editar y crear paginas web
 
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



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 paginas, 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
 
Realizar 5 páginas informativas sobre el tema selecionado en forma de curso en la web teniendo en cuenta los siguientes items
 
      1. Nombre del tema del curso, Justificacion del curso, objetivos de aprendizaje, introducción al curso
2.C
ontenidos de acuerdo al tema y subtemas presentado por unidades
3. Modelo pedagogico y metodologia
4. Actividades de aprendizaje, de refuerzo, de evalaucion
5. Evaluacion, conclusiones, bibliografia

Mas sus aportes sobre la educación

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 PAGINAS 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 Problemica

METODOLOGÍA

Se editará online, en los cuales se integrarán la mayor parte de los aspectos del tema seleccionado y la planeacion. 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.





Añadir comentario acerca de esta página:
Tu nombre:
Tu mensaje:

Mg. SONIA ROCIO CORREDOR CASTRO  
  Magister en Tecnología de la Información Aplicada a la Educación
Docente catedrática
Universidad Libre
Universidad Pedagógica Nacional
 
Publicidad  
   
 
  "La tecnología es sólo una herramienta. La gente usa las herramientas para mejorar sus vidas". Tom Clancy  
Hoy habia 1 visitantes (32 clics a subpáginas) ¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=