Este documento presenta el plan de una clase sobre el desarrollo de páginas web mediante HTML. La clase introducirá conceptos básicos de HTML y enseñará a los estudiantes a crear su primera página web. Los objetivos son que los estudiantes comprendan la estructura básica de una página web y aprendan a utilizar etiquetas HTML básicas. La clase combinará explicaciones conceptuales con actividades prácticas de codificación.
0 calificaciones0% encontró este documento útil (0 votos)
58 vistas4 páginas
Este documento presenta el plan de una clase sobre el desarrollo de páginas web mediante HTML. La clase introducirá conceptos básicos de HTML y enseñará a los estudiantes a crear su primera página web. Los objetivos son que los estudiantes comprendan la estructura básica de una página web y aprendan a utilizar etiquetas HTML básicas. La clase combinará explicaciones conceptuales con actividades prácticas de codificación.
Este documento presenta el plan de una clase sobre el desarrollo de páginas web mediante HTML. La clase introducirá conceptos básicos de HTML y enseñará a los estudiantes a crear su primera página web. Los objetivos son que los estudiantes comprendan la estructura básica de una página web y aprendan a utilizar etiquetas HTML básicas. La clase combinará explicaciones conceptuales con actividades prácticas de codificación.
Este documento presenta el plan de una clase sobre el desarrollo de páginas web mediante HTML. La clase introducirá conceptos básicos de HTML y enseñará a los estudiantes a crear su primera página web. Los objetivos son que los estudiantes comprendan la estructura básica de una página web y aprendan a utilizar etiquetas HTML básicas. La clase combinará explicaciones conceptuales con actividades prácticas de codificación.
Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
Descargar como docx, pdf o txt
Está en la página 1/ 4
Plan de clase.
HTML Planificación de clase - 03 de noviembre de 2015
Desarrollo de paginas web mediante el lenguaje HTML.
Justificación
Es necesario que el alumno sepa navegar en Internet con efectividad así
como con los cuidados y recaudos de seguridad apropiados.
El tener conocimientos básicos apropiados para poder administrar una pagina
web, un blog, una red social, es de importancia dado que tiene que poder interactuar tanto a nivel social como, en un futuro, quizá a nivel laboral. Por lo expuesto es oportuno que el alumno adquiera nociones generales de conceptos de diseño, siendo HTML una muy buena herramienta a tal efecto. Los alumnos serán capaces de crear, de aplicar nociones básicas de diseño y administrar paginas web.
HTML. Este lenguaje le va a otorgar, a quien lo estudie, la posibilidad de conocer
la totalidad del código que usa, o sea, el único código que va a presentar su pagina web, va a ser el creado por el estudiante. Esta ventaja va a permitir tener el control acerca de los elementos que van a interactuar de acuerdo a sus intereses y necesidades sin generar código innecesario.
Diaz Barriga y Hernandez Rojas definen analogía: “Proposición que indica que una cosa o evento (concreto y familiar) es semejante a otro, (desconocido y abstracto o complejo)”
Mediante el uso de una analogía: “comparación lógica de dos entidades para
establecer sus puntos de igualdades y diferencias, para construir sobre esa base, un saber posterior” se busca que el alumno comprenda conceptos que le son nuevos, pero partiendo de conceptos particulares que le son conocidos.
Objetivos generales
Brindar al estudiante herramientas que le permitan desarrollar paginas web
mediante el lenguaje HTML. El alumno podrá manejar conceptos de diseño así como tener la libertad (previa profundización en el tema) de elegir el código que va a utilizar al momento de crear su pagina web o blog.
Objetivos específicos.
Conocer y entender la estructura básica de una pagina web.
Crear una pagina web usando el lenguaje Html. Manejar etiquetas básicas del lenguaje Html.
Contenidos
Contenidos conceptuales:
Que es una pagina web.
Lenguaje Html. Uso de etiquetas: HTML, HEAD, TITLE, BODY
Contenidos procedimentales: Pasos para crear una pagina web.
Metodología y Desarrollo de Actividades
Relevar conocimientos previos mediante el uso de una técnica de Lluvia de
ideas. Exposición de conceptos relevantes. Desarrollo de una actividad de índole practica. Puesta en común de ideas vistas en clase.
Inicio: se comienza la clase con una pregunta referida a:
¿qué es HTML? ¿qué es una pagina web?
Se discuten las preguntas formuladas a partir de una lluvia de ideas.
Desarrollo del tema:
Se parte de lo conocido (una pagina web: Facebook) para llegar a lo desconocido,
esto es, el código fuente de dicha pagina.
Introducción al concepto de etiquetas en base a un ejemplo utilizando una
analogía: obsequios que son traídos por diferentes amigos al cumpleaños, como hacer para identificar quien trajo cual regalo. (Concepto de etiqueta).
Exposición de un concepto de HTML, el cual es un lenguaje basado en etiquetas,
que es interpretado por los navegadores.
Creación de nuestra primer pagina web, insumo necesario:
Un editor de texto: gedit en entorno Linux y Bloc de notas en entorno
Windows. Un navegador. La escritura de nuestro código. Explicación acerca de la necesidad de utilizar etiquetas y la importancia de abrir y cerrar dichas etiquetas. (Usaremos las etiquetas: HTML, HEAD, TITLE, y BODY)
Cierre: Puesta en común de ideas vistas en clase a efectos de tener elementos
para evaluar si el tema ha sido comprendido, así como a los efectos de recibir insumo para la mejora en nuestras practicas.
Evaluación. Evaluación oral mediante la observación directa, a la vez que van resolviendo el ejercicio grupal propuesto. Se evaluará la comprensión y resolución de la situación problemática así como la participación, y si entienden y resuelven el problema en forma adecuada.
Recursos.
Equipos de Sala de Informática.
Equipo Proyector. Hoja de resumen para el estudiante.
Tiempo. Una hora de clase (45')
Bibliografía.
Diaz Barriga, Frida y Hernandez Rojas, Gerardo. Estrategias docentes para un aprendizaje significativo. Una interpretacion constructivista. Mexico, McGraw-Hill (1988)
Medaura, Olga y Montfarrel de la Falla, Alicia. Técnicas grupales y aprendizaje efectivo. Hacia un cambio de actitudes.
Universidad Politecnica de Madrid, España. Escuela Superior de Ingenieros de
Telecomunicación. Martinez Echevarria, Alvaro. Manual practico de HTML. (http://www- app.etsit.upm.es/~alvaro/manual/manual.html)
HTML: Es un lenguaje basado en Etiquetas que es Interpretado por los navegadores. Es un lenguaje para realizar paginas web, compuesto de etiquetas que se deben abrir y con posterioridad cerrar.
EJERCICIOS:
1. Mi primer pagina web.
1. Creamos una carpeta llamada Web_Apellido. 2. Abrir gedit y escribir el siguiente código:
<HTML> <HEAD> <TITLE> MI PRIMER PAGINA </TITLE> <HEAD/> <BODY> Este es mi primer texto en una pagina web </BODY> </HTML>
3. Guardarlo con el nombre Primer_Pagina.
4. Hacer doble clic en el archivo recién creado. 1. Que programa se encarga de abrir nuestro archivo? 2. Cual es el titulo de mi archivo? 3. Cual es el cuerpo de mi archivo?
2. Realizar una pagina web con el contenido siguiente:
Abrir gedit y crear nuestra segunda pagina con el siguiente contenido:
Ayer se realizo la segunda edicion de la Zombie Walk, una caminata por 18 de Julio: cientos de personas marcharon por la principal avenida vestidos y maquillados como “muertos vivientes”. 1. Guardar esta pagina con el nombre Zombie. 2. Cual es el titulo de esta segunda pagina web? 3. Que te parece que le podríamos agregar?
Para seguir mejorando nuestra pagina web:
(buscar como colocar establecer estas características para el sábado)
como centrar un texto.
Como realizar una linea horizontal. Como colocar un texto en negrita Como subrayar un texto.
