Está en la página 1de 3

Asignatura: Programación Web I

Clase 1-2 Semana

Unidad 3: Tecnología de lado del cliente.


Asunto: Tecnología de lado del cliente.
Sumario: ¿Qué es HTML?
Objetivo: Declarar la estructura interna de una web html, desarrollar la independencia, la
estética y la creatividad de los estudiantes aplicando buenas prácticas de programación web I
Medios: Computadoras y celulares
Método: Heurísticos y Elaboración Conjunta
Bibliografía: HTML YA
Introducción:
Se comenzará con la Organización del laboratorio, revisión del uniforme escolar antes de
comenzar con la clase, pase de lista y revisión del estudio individual.

Preparación del nivel de partida.


El profesor explicará que existen diversos aspectos en las declaraciones de etiquetas de
lenguaje de marcado.

Orientación hacia el objetivo


¿Por qué necesitamos las tags html?

Desarrollo

1er Turno

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.


Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en
la pantalla de acuerdo a su objetivo. Veremos que hay elementos para disponer imágenes
y videos sobre una página, hipervínculos que nos permiten dirigirnos a otra página, listas,
tablas para tabular datos etc.
Para poder crear una página HTML se requiere un simple editor de texto (en nuestro caso
emplearemos este sitio para aprender pero luego puede descargarse un editar a su
computadora para almacenar las páginas en forma local, alguno de dichos editores puede
ser el Notepad++ o el Visual Studio Code)

2do turno

Luego para probar las páginas que desarrolla debe emplear un navegador de internet
(Chrome, IExplorer, FireFox, Safari, Microsoft Edge etc.), utilizaremos el navegador que en
este preciso momento está utilizando (recuerde que usted está viendo en este preciso
momento una página HTML con su navegador).
Lo más importante es que en cada concepto desarrolle los ejercicios propuestos y
modifique los que se presentan ya resueltos.
Este curso lo que busca es acercar el lenguaje HTML a una persona que nunca antes
trabajó con el mismo. No pretende mostrar todas los elementos HTML en forma alfabética.
Como veremos, de cada concepto se presenta una parte teórica, en la que se da una
explicación completa, luego se pasa a la sección del ejercicio resuelto donde podemos ver
el contenido de la página HTML y cómo la visualiza el navegador. Por último y tal vez la
sección más importante de este tutorial es donde se propone que usted haga páginas en
forma autónoma (donde realmente podrá darse cuenta si el concepto quedó firme)

Norma y Clave de la pregunta oral


1-¿Por qué las etiquetas son de apertura y de cierre?
2-Desenvolvimiento en la realización del contenido y conocimiento del mismo.
2-Tener contestada la pregunta lo más asequible posible al ejercicio impartido.
3-Tener en cuenta los pasos a seguir del mismo.

1R/ Enfoque del porque=3


etiqueta de apertura = 4
etiqueta de cierre =3

Se evaluaran a los siguientes estudiantes:


I-21: # 1,2
I-22: # 1,2
I-23: # 1,2

Estudio Individual

Confeccionar La estructura básica de una página HTML

Conclusiones
Se recomienda dar a conocer las sintaxis de Salto de línea <br> para comenzar en la
realización de ejercicios con mayor profundidad y complejidad.

Respuestas EI

<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
<meta charset="UTF-8">
</head>
<body>
Cuerpo de la página.
</body>
</html>

Clave y Norma del estudio Independiente

1R/ Tags bien declaradas=2


menor que bien declarado = 1
head, body y html =3
Utilización del slash=3

cierre html;=1
Se evaluaran a los siguientes estudiantes:
I-21: # 3,4
I-22: # 3,4
I-23: # 3,4

También podría gustarte