Taller Pagina Web
Título:Taller para elaborar Páginas Web con enfoque educativo Nombre del temaPáginas Web, herramientas de la web 2.0 aplicadas a la educación. |
 |
Facilitador:Fanny López Valek- |
|
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:
Lecturas1. DISEÑO WEB (ETAPAS)
2. CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB
Actividad:
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 Contenidos (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)
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 video , video 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
En darse de alta, y llenar el formulario
Criterios para evaluar un sitio Web
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.
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.
Manual para Elaborar Páginas Web
ETIQUETAS
LISTAS
Listas ordenadasListas 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?
MODELO PEDAGOGICO Y METODOLOGIA
Por Descubrimiento y Educación Problemica
METODOLOGÍASe 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.