Taller Pagina Web

 

Título:

Taller para elaborar Páginas Web con enfoque educativo 

Nombre del tema

 Páginas Web, herramientas de la web 2.0 aplicadas a la educación. 

Facilitador:

Fanny López Valek- 
Magister en Educaciòn con ènfasis en docencia universitaria
Docente en pregrado y posgrado- Universidad Libre en Bogotà- Colombia
e-mail:fannylopezvalek@yahoo.es

 Objetivo de aprendizaje

Elaborar un curso virtual utilizando como medio tecnológico la página web y algunas herramientas que ofrece la WEB 2.0 

Contenidos tematicos:

Lecturas

1. DISEÑO WEB (ETAPAS)
2. CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB

Actividad: 

Realizar las páginas informativas que requiera sobre el tema selecionado para presentar el curso virtual en la web teniendo en cuenta los siguientes items:
 
      1. En la pagina de Home (inicio o pagina principal) escriba el nombre del tema del curso,  una bienvenida a su página, una presentacion explicando por que es importante el tema que selecciono e invite a los usuarios a que la consulten. Agrege imagenes y texto.

2. Escriba la introducción, los objetivos (general y especificos) y la justificacional curso. 

3. Describa: el Modelo pedagogico y metodologia que se utilizara en este curso, asi mismo que tipos de Actividades de aprendizaje, de refuerzo, de evalaucion se realizaran es este curso.
En la Evaluacion Indique los parametros a tener en cuenta y como se llevarà a cabo

4. Esciba los C
ontenidos (indice) de acuerdo al tema y subtemas que requiera, presentadolo por unidades. Presentar el contenido por mdedio de un organizador grafico (ej. en un mapa mental).  

5. Selecccionar los recursos: imagenes, fotografias, animaciones, videos, textos (guiones), bibliografia, enlaces.

6. Servivios de Comunicaciòn, (crear comunidades, enlaces a redes sociales, miembros, blog, etc)
 
- 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.
-Subir la dirección URL de su sitio web al grupo de yahoo en sección marcadores en la carpeta pagina web estudiantes

Ejemplos

Por medio de este taller creara una página web en línea. Ver ejemplo

Paradigma constructivista ver aqui (https://constructivismo.webnode.es/paradigma-constructivista/)

Curso de objetos virtales de parendizaje ver aquí
Ejemplos de páginas elaboradas por los estudiantes de la Universidad Libre:

http://amandaacoh.wixsite.com/aleewaa

lilian-valenzuela8.webnode.com.co

http://rincones-virtuales-de-aprendizaj.webnode.com.co/ 

http://scienceworldforkids1.simplesite.com/417794843

http://lilymoreno9.webnode.com.co/

http://restless-and-wild.webnode.es/contenidos/semana-1/


Foro de Comunicaciónes

http://foro-de-comunicacion2.webnode.es/

Luis Eduardo Ospina Profesor de Educación Fisica Universidad Libre

http://educacion-fisica4.webnode.es/

Alvaro Galvis
https://sites.google.com/site/galvaro50/publications 

Frances y sus tiempos
http://www.everyoneweb.com/lorenarodriguez/

Las nuevas tecnologiasTIC aplicadas a la educación física
http://everyoneweb.com/educacion-fisica-y-las-tics/ 

Preparacion fisica
http://jcbrandmos.es.tl/PREPARACION-FISICA.htm

La educacion fisica en preescolar
http://efenpreescolar.es.tl/

El circo y la educacion fisica
http://www.everyoneweb.es/circoyeducacionfisica

Club de matematicas
http://www.everyoneweb.es/misingos/

La redacción
http://www.everyoneweb.es/marcelamora

Actividad fisica
http://www.everyoneweb.es/afadultomayor

Gramatica Español
http://www.everyoneweb.es/naciraalmanzaguerra/ 

Science World

http://scienceworldforkids1.simplesite.com/417794843

Materiales y recursos

Bajar el Objeto de Aprendizaje "Elaborar una pagina web educativa" Autoras: Sonia Rocio Corredor y Fanny Lopez Valek.    https://docs.google.com/open?id=0B-GshDTOGvrFN2I3MzQwMzgtZGI1NS00MTQwLTkzNjgtZjhhYmU3N2Y4OTVj 

Planeación 
http://fannylopezvalek.es.tl/Planeacion.htm
http://www.expert2business.com/Docs/NELTOC2.htm#_Toc28247014


Mas información en: http://peremarques.pangea.org/disoft.htm


Procedimiento para realizar el Taller

Seleccione de la lista el hosting con el cual desea trabajar para la creación de pagina web en linea que muestre la estructura de un curso virutal: 
1.http://www.paginawebgratis.es/  tutorial en video
(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:
2. www.actiweb.com ,
3. www.google.com : en la opción mas y luego en sites; o por el correo directamente sites
Tutorial ver aquí
4. www.everyoneweb.es , Tutorial
5. www.jimdo.com , ver  tutotrial , video
6. www.gratisweb.com u otra altenativa que encuestre en internet
7. www.webs.com , video
8. http://es.wix.com/ video en ingles, video en español
9. Mas opciones y definiciones de hostinhg (tualojamientoweb)
10. siteja.com , turorial videovideo para modificar
11.www.
edu20.org ver ejemplo http://fannylopezvalek.edu20.org/
12. https://ko-su.com/  cursos para mobiles
13.Webnode
14.LYcos
15. http://www.hostinger.es/ 
16.http://www.simplesite.com/
17.Más opciones en http://www.buscasdeweb.com/hosting.html

18. Articulo de Guru 99 Lista de Hostings, Descripción, ventajas y desventajas: 23 Best WYSIWYG Web (Website) Builder in 2021 ver en  https://www.guru99.com/best-website-builder.html

Pàgina para crear cursos para mobiles:
https://ko-su.com/?gclid=CMyRwq-Wk78CFSxo7AodJAsAiw



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



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

Criterios para evaluar un sitio Web

http://www.historiasiglo20.org/curso/tema5.htm 

 


EJEMPLO 


 Estructura

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




Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis