UNIVERSIDAD LIBREFACULTAD DE CIENCIAS DE LA EDUCACIÓNNUCLEO FOMATIVO BÁSICO COMÚNEJE TEMATICO: NUEVAS TECNOLOGIA DE LA INF...
TallerElaboración de Páginas Web en líneaFacilitadores: Mauricio Buitrago, Sonia Rocio Corredor, Elkin Betancourth y Fanny...
Preambulo: a continuación encontrará los enlaces de algunas páginas de internet que le permitirán    crear paginaweb de fo...
·    Editar diseño: le permite escoger en esta sección una plantilla de colores y forma de    presentación de la pagina·  ...
objetivos, definición          dibujos,   introducción  de los             figuras               objetivos de             ...
Ejercicio para elaborar y diseñar páginaS WEB utilizando en lenguaje de codigo   HTMLOBJETIVO:Aprender a diseñar, elaborar...
INTRODUCCIÓN         Las páginas Web son documentos de hipertexto y multimedia. Son documentos            multimedia porqu...
COLOR DE FONDO   FONDOS CON UNA IMAGENINSERTAR IMÁGENES   ALINEACIÓN DEL TITULO DE LA IMAGEN   ALINEACION DE LA IMAGEN   D...
Próxima SlideShare
Cargando en…5
×

Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)

516 visualizaciones

Publicado el

fICHAS DE TRABAJO AUTONOMO

Publicado en: Educación, Viajes, Deportes
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
516
En SlideShare
0
De insertados
0
Número de insertados
3
Acciones
Compartido
0
Descargas
5
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)

  1. 1. UNIVERSIDAD LIBREFACULTAD DE CIENCIAS DE LA EDUCACIÓNNUCLEO FOMATIVO BÁSICO COMÚNEJE TEMATICO: NUEVAS TECNOLOGIA DE LA INFORMACIÓN Y LA COMUNICACIÓN (NTIC)NIVEL: 1 Intermedio I: COMPETENCIA I HABILIDAD: COMPRENSION SOBRE ELMANEJO DE SERVIDORES GRATUITOS PARA DESARROLLAR PAGINA WEBTIEMPO: 6 horasActividades:(pueden enumerarse). Se presenta la 0 las actividades teniendo en cuenta el objetivo aalcanzar. Deben ser secuenciales. Las instrucciones y las actividades como tal deben brindarc1aridad, coherencia y autosuficiencia.Clave de respuestas (fichas cognoscitivas): Se deben dar las respuestas de la actividad propuestapara que el estudiante sienta mas confianza con 10 quedesarrolla. Se debe recordar que la ficha debeser autosuficiente y por esta raz6n las respuestas se deben incluir. Si hay dudas al respecto, elasesor que se encuentre en el lugar de la tutoria aclarara dudas.Reflexion: Es la reflexi6n metacognitiva del desarrollo de las actividades. Se dan pautas sobrealgunas 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 elasesor (tutor) en el que se Ie brindara orientaci6n respecto de las dudas que hayan quedado, por 10cual, previa al encuentro, debera tener c1aridad sobre dichas dudas.Comentarios (aprendiente y asesor): En elespacio de comentariosel estudiante anotara supercepci6n 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 continuarcon el aprendizaje. Tambien se sugieren recursos y/o fuentes adicionales de consulta.
  2. 2. TallerElaboración de Páginas Web en líneaFacilitadores: 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 webteniendo en cuenta los siguientes ítems: 1. En la página de Home escriba el nombre del tema del curso, una bienvenida a supágina, una presentación explicando por qué es importante el tema que selecciono e invite alos usuarios a que la consulten. Inserte imágenes.2. Escriba la Justificación del curso, los objetivos de aprendizaje, introducción al curso3. Escriba los Contenidos de acuerdo al tema y subtemas presentado por unidades4. Describa el Modelo pedagógico y metodología que se utilizara en este curso5. Describa que tipos de Actividades de aprendizaje, de refuerzo, de evaluación que serealizaran es este curso6. Indique los parámetros de Evaluación que se van a tener en cuenta, las conclusiones, labibliografía necesaria.
  3. 3. Preambulo: a continuación encontrará los enlaces de algunas páginas de internet que le permitirán crear paginaweb de forma gratuita· IntroducciónPor medio de este taller creara una página web en línea a través dehttp://www.paginawebgratis.es/(si este vinculo anterior no le funciona o da error por el nombre de usuario, puede tener encuenta 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.com6. www.webs.com, u otra altenativa que encuentre en internet Pasos a seguir en www.paginawebgratis.es1.- Inscribirse con el nombre de la información del tema seleccionadoEn darse de alta, y llenar el formularioLuego le indica el nombre o URL que tendrá su páginaEjemplo:fannylopezvalekmas su contraseñaAnotar esto en su cuaderno, para entrar posteriormente y después poder editar o crear laspaginas web que se requieran2. 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. 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ónLECTURAS 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 webSon 4 fases1. 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. 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 preguntasDesarrollo de materiales Etapas Determinar de estrategias instruccionales Diseño que se implementara EstandaresProducción de materialesEvaluació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 EJEMPLOTEMA
  6. 6. Ejercicio para elaborar y diseñar páginaS WEB utilizando en lenguaje de codigo HTMLOBJETIVO: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. 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 WebDiseñoManual para Elaborar Págianas WebETIQUETASLISTAS Listas ordenadas Listas de definiciónSEPARADORES HORIZONTALES
  8. 8. COLOR DE FONDO FONDOS CON UNA IMAGENINSERTAR IMÁGENES ALINEACIÓN DEL TITULO DE LA IMAGEN ALINEACION DE LA IMAGEN DIMENSIÓN DE LA IMAGENTABLAS 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 CELDASENLANCES 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 EMAILPUBLICACIÓ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.

×