Contenido P - 2e

INSTITUCIÓN EDUCATIVA PEDRO LUIS VILLA
MEDELLÍN – ANTIOQUIA
NÚCLEO DE DESARROLLO EDUCATIVO N° 916 Fecha:
“Humanismo, ciencia y tecnología para el ascenso a la formación integral del hombre” 26-03-2020
Contenido Periodo_2 VER.1
Grado 11º 2
Docente: iduar Vélez Fernández
Contenido
SEMANA 11 ........................................................................................................................................3
RECORDEMOS LAS UNIDADES ELÉCTRICAS .......................................................................................3
1. Ley de Ohm ................................................................................................................................3
2. Ley de Watts ..............................................................................................................................4
3.Leyes de Kirchhoff ...........................................................................................................................5
3.1 Primera ley de Kirchhoff .....................................................................................................5
Ejemplo ......................................................................................................................................6
1
Contenido Periodo_2
VER.1
Grado 11º 2
Aplicar la ley de ohm,

Tiene pleno conocimiento
Propiedades eléctricas y watt y de Kirchhoff en el Tiene curiosidad por la Sabe aplicar las leyes de ohm. Kirchhoff y
Teórico S1103 de las leyes de los
electrónicas análisis de circuitos temática propuesta watt
circuitos
eléctricos y electrónicos
Resolver circuitos en
serie y en paralelo, Analiza circuitos eléctricos
Solución de circuitos Teórico - Trabaja con responsabilidad Resuelve ejercicios de circuitos eléctricos y
haciendo cálculos de S1103 con ayuda de las leyes de
eléctricos practico y entrega las actividades electrónicos
sus propiedades circuitos
eléctricas.
Sabe manipular
2 Realizar montajes de
Montaje de circuitos herramientas y monta Es cumplido con los
circuitos serie y paralelo Practico S1103 Entrega circuitos montados en dc y en ac
eléctricos circuitos eléctricos y materiales pedidos
para su análisis.
electrónicos
Analizar el sistema de Conoce el

Robótica Teórico - Muestra interés y es curioso
microcontrolador S1104 microcontrolador Arduino y Programa mc Arduino
practico con el tema
Arduino su programación
Utilizar las herramientas

tecnológicas para la Teórico - Empieza el diseño del Es responsable con esta
Trabajo de grado S1104 Entrega el diseño del proyecto de grado
solución de una practico proyecto de grado actividad
necesidad real.
2
Grado 11º 2
SEMANA 11 x/04/2020
Repaso Leyes de Ohm, Watt y de Kirchhoff en el análisis de circuitos eléctricos y electrónicos
RECORDEMOS LAS UNIDADES ELÉCTRICAS

Parámetro Eléctrico Unidad de medida Símbolo Descripción
Voltaje Voltio VóE Potencial eléctrico,
Tensión eléctrica
Corriente Amperios Iói Amperios
Corriente
Intensidad
Potencia Watts W Potencia
Watts
Resistencia Ohm RóΩ Unidad R en CD
Impedancia Ohm Z Unidad R en CA
impedancia
frecuencia Hertz Hz Unidad de la frecuencia
1. Ley de Ohm
2. Encuentra los valores de I de la siguiente tabla

empleando la Ley de Ohm (solo dos decimales en el
resultado de la operación, ej.: 4.83)
Voltaje Intensidad Resistencia

3.0 VDC 0.849 3.53 Voltaje Intensidad Resistencia
3.5 VDC 4.12 3 0.85 3.53
3.5 0.85 4.12
4.5 VDC 4.50
4.5 1 4.50
5.0 VDC 5.00 5 1 5.00
5.5 VDC 5.50 5.5 1 5.50
6.0 VDC 3.00 6 2 3.00
6.5 VDC 4.33 6.5 1.5 4.33
9.0 VDC 6.00 9 1.5 6.00
12.0 VDC 8.00 12 1.5 8.00
12.5 VDC 6.25 12.5 2 6.25
14 VDC 7.00 14 2 7.00
18.5 VDC 7.40 18.5 2.5 7.40
19 VDC 7.60 19 2.5 7.60
19.5 VDC 7.09 19.5 2.75 7.09
20 VDC 6.67 20 3 6.67
24 VDC 12.00 24 2 12.00
3
Grado 11º 2
2. Ley de Watts
1. Encuentra los valores de P de la siguiente tabla

empleando la Ley de Watts, el valor de la I, es el
hallado en la tabla anterior (solo dos decimales en el
resultado de la operación, ej.: 4.83)
Voltaje Intensidad Potencia

Voltaje intensidad Potencia
3.0 VDC 0.85
3 0.85 2.55
3.5 VDC 0.85 3.5 0.85 2.98
4.5 VDC 1 4.5 1 4.50
5.0 VDC 1 5 1 5.00
5.5 VDC 1 5.5 1 5.50
6.0 VDC 2 6 2 12.00
6.5 VDC 1.5 6.5 1.5 9.75
9 1.5 13.50
9.0 VDC 1.5
12 1.5 18.00
12.0 VDC 1.5
12.5 2 25.00
12.5 VDC 2 14 2 28.00
14 VDC 2 18.5 2.5 46.25
18.5 VDC 2.5 19 2.5 47.50
19 VDC 2.5 19.5 2.75 53.63
19.5 VDC 2.75 20 3 60.00
20 VDC 3 24 2 48.00
24 VDC 2
4
Grado 11º 2
SEMANA 12 05/05/2020
3.Leyes de Kirchhoff
3.1 Primera ley de Kirchhoff
Esta ley también es conocida como Ley de nodos. Se basa en la ley de la conservación de la
carga. Tiene un enunciado bastante sencillo. Hay que tener en cuenta que se entiende por
nodo cualquier punto de un circuito eléctrico donde convergen tres o más líneas o
conductores. La ley expresarlo siguiente:
“En cualquier nodo de un circuito eléctrico, ocurre que la suma de las corrientes que entrena
dicho nudo es idéntica a la sumatoria de las corrientes que salen. Lo que quiere decir, que la
suma de todas las corrientes que pasan
es importante advertir que esta primera ley únicamente es válida si la densidad de carga
eléctrica siempre es constante. Es decir, si aumenta el voltaje, u otras variables, no se cumple
lo establecido en la primera ley de Kirchhoff. para probar esta ley es necesario mantener
controlado el circuito eléctrico sin altibajos.
Esta ley se cumple debido a que la electricidad no es otra cosa que la circulación de
electrones. En última instancia, lo que ocurre es la ley de la conservación de la energía. Se
sabe que la energía no se crea ni se destruye, simplemente pasa de una forma a otra. Esta
aseveración simplemente se corrobora en la primera ley de Kirchhoff.
5
Grado 11º 2
Ejemplo
A continuación, tenemos un montaje eléctrico sencillo en el cual se tiene la siguiente

configuración:
Los elementos que componen al circuito son:
 V: fuente de voltaje de 10 V (corriente continua).

 R1: resistencia de 10 Ohmios.
 R2: resistencia de 20 Ohmios.
Ambas resistencias se encuentran en paralelo, y la corriente insertada en el sistema por la fuente

de tensión se bifurca hacia las resistencias R1 y R2 en el nodo denominado N1.
Aplicando la Ley de Kirchhoff se tiene que la suma de todas las corrientes entrantes en el nodo N1
debe ser igual a la suma de las corrientes salientes; de ese modo, se tiene lo siguiente:
De antemano se conoce que, dada la configuración del circuito, el voltaje en ambos ramales
será el mismo; esto es, el voltaje proporcionado por la fuente, ya que se trata de dos mallas
en paralelo.
6
Grado 11º 2
En consecuencia, podemos calcular el valor de I1 e I2 aplicando la Ley de Ohm, cuya

expresión matemática es la siguiente:
Entonces, para calcular I1 se debe dividir el valor de la tensión proporcionada por la fuente
entre el valor de la resistencia de este ramal. Así, se tiene lo siguiente:
Análogo al cálculo anterior, para obtener la corriente circulante a través de la segunda

derivación se divide la tensión de la fuente entre el valor de la resistencia R2. De este modo
se tiene que:
Entonces, la corriente total suministrada por la fuente (IT) es la suma de las magnitudes
halladas previamente:
7
Grado 11º 2
En circuitos en paralelo, la resistencia del circuito equivalente viene dada por la siguiente
expresión matemática:
Así, la resistencia equivalente del circuito es la siguiente:
Finalmente, la corriente total se puede determinar a través del cociente entre la tensión
de la fuente y la resistencia total equivalente del circuito. Así:
El resultado obtenido por ambos métodos coincide, con lo cual queda demostrado un uso
práctico de la primera ley de Kirchhoff.
8
Grado 11º 2
3.2 Segunda ley de Kirchhoff
La primera ley es de gran utilidad. Sin embargo, rara vez se utiliza de manera
independiente. Por eso, se usa frecuentemente una segunda ley de Kirchhoff. Esta segunda
ley también recibe el nombre de la Ley de las tensiones. Esto se debe a que su misión es
esclarecer un aspecto relativo a la tensión en circuitos eléctricos.
Importante dejar en claro el concepto de tensión en electricidad. Se entiende por tensión
eléctrica (también denominada diferencia de potencial) hace referencia la diferencia de
potencial eléctrico entre dos puntos. Igualmente, hay quienes la definen como el trabajo
por unidad de carga de un determinado campo eléctrico.
“En todo circuito eléctrico cerrado, ocurre que la suma de las tensiones de una
batería siempre es igual a la suma de las caídas de tensión de cada una de las
resistencias de dicho circuito”.
Esta ley se explica por el hecho de que una carga no regresa a su punto de inicio por la
disipación de la energía. Dicho de otra manera, la energía emitida por una batería en un
circuito se va consumiendo entre sus distintas resistencias o cargas. La pérdida de ésta
energía, es equivalente a la suma de diferencia de potencial de todas las resistencias.
9
Grado 11º 2
Una importante reducción de las leyes de Kirchhoff es que permiten hacer un balance de un
circuito eléctrico. Igualmente, permiten tener un control tanto de la intensidad como de la
corriente que circula por el mismo. De ahí su notable importancia a la tecnología actual.
Incluso, llega tener importantes repercusiones en el campo de la electrónica.
Ejemplo
Análogo al ejemplo anterior, tenemos la misma configuración de circuito:
Los elementos que componen al circuito son:
– V: fuente de voltaje de 10 V (corriente continua).
– R1: resistencia de 10 Ohmios.
– R2: resistencia de 20 Ohmios.
Esta vez se enfatizan en el diagrama los bucles cerrados o mallas del circuito. Se trata de dos lazos
complementarios.
El primer lazo (malla 1) está conformado por la batería de 10 V ubicada al lado izquierdo del montaje,
la cual se encuentra en paralelo con la resistencia R1. Por su parte, el segundo lazo (malla 2) se
encuentra constituido por la configuración de las dos resistencias (R1 y R2) en paralelo.
En comparación con el ejemplo de la primera ley de Kirchhoff, para efectos de este análisis se
supone que existe una corriente para cada malla.
A su vez, se asume como referencia el sentido de circulación de la corriente pautado por la polaridad
de la fuente de voltaje. Es decir, se considera que la corriente circula desde el polo negativo de la
fuente hacia el polo positivo de esta.
10
Grado 11º 2
Sin embargo, para los componentes el análisis es opuesto. Esto implica que asumiremos que la
corriente entra a través del polo positivo de las resistencias y sale por el polo negativo de la misma.
Si se analiza cada malla por separado se obtendrá un corriente de circulación y una ecuación para
cada uno de los lazos cerrados del circuito.
Partiendo de la premisa de que cada ecuación se deriva de una malla en la cual la suma de los
voltajes es igual a cero, entonces es factible igualar ambas ecuaciones para despejar las
incógnitas. Para la primera malla, el análisis por la segunda ley de Kirchhoff supone lo siguiente:
La resta entre Ia e Ib representa la corriente real que circula a través del ramal. El signo es
negativo dado el sentido de circulación de la corriente. Luego, en el caso de la segunda malla,
se deduce la siguiente expresión:
La resta entre Ib e Ia representa la corriente que fluye por dicha ramificación, considerando el
cambio en el sentido de circulación. Vale destacar la importancia de los signos algebraicos en este
tipo de operaciones.
Así, al igualar ambas expresiones —ya que las dos ecuaciones son iguales a cero— se tiene lo
siguiente:
11
Grado 11º 2
Una vez despejada una de las incógnitas, es factible tomar cualquiera de las ecuaciones de malla y
despejar la variable restante. Así, al sustituir el valor de Ib en la ecuación de la malla 1 se tiene
que:
Al evaluar el resultado obtenido en el análisis de la segunda ley de Kirchhoff, se puede apreciar

que la conclusión es la misma.
Partiendo del principio de que la corriente que circula a través del primer ramal (I1) es igual a la
sustracción de Ia menos Ib, se tiene que:
Como es posible apreciar, el resultado obtenido mediante la implementación de las dos leyes de
Kirchhoff es exactamente el mismo. Ambos principios no son excluyentes; por el contrario, son
complementarios entre sí.
Calcular y Resolver circuitos en serie y en paralelo
12
Grado 11º 2
Circuito en serie
1. ¿Qué es un circuito en serie?
Se llama circuito en serie a un tipo de circuito eléctrico provisto de un único camino para
la corriente, que debe alcanzar a todos los bornes o terminales conectados en la red de
manera sucesiva, es decir uno detrás de otro, conectando sus puntos de salida con el de
entrada del siguiente.
Los circuitos en serie suministran a los terminales la misma cantidad de corriente en la

misma idéntica intensidad, y provee al circuito de una resistencia equivalente igual a la
suma de las resistencias de cada terminal conectado, pero siempre más alta que la mayor
de ellas; esto significa que a medida que añadimos terminales, la resistencia incrementa
(en vez de disminuir, como en los circuitos en paralelo).
Los circuitos en serie son útiles porque permiten la suma del voltaje, sobre todo en lo
referido a generadores; esto es, permiten acumular la potencia de la red. Por eso ciertos
aparatos emplean un número determinado de baterías para alimentarse: porque sólo así
pueden alcanzar el voltaje requerido. Caso contrario requeriríamos una sola pila más
potente y costosa.
Los materiales o elementos que pueden estar presente en estos circuitos pueden ser, la
Fuente de alimentación (red o baterías), los conductores o cables y todo componente
eléctrico o electrónico presente en el funcionamiento del circuito.
13
Grado 11º 2
La ilustración nos muestra un

circuito en serie, en el que
intervienen los siguientes
componentes. Una batería,
cables, un fusible protector,
una resistencia y un diodo
LED. Claramente se puede
observar que un
componente esta seguido o
continuo del otro y cada uno
de esos componentes tiene
una resistencia determinada
al paso de los electrones y
cada una se suma, dando
como resultado una
resistencia total y para esto
partimos de la siguiente formula:
RT= R1 + R2 + R3 + R4 + … + Rn
Vamos a suponer unos valores que pueden tener los diferentes componentes así:
COMPONENTE RESISTENCIA EN Ω OBSERVACIÓN
Cable 0.0172 Ω Medición metro lineal
Switch 0.0015 Ω
Fusible 0.0600 Ω
Resistor 300 Ω
Diodo LED 1 Ω
Son trescientos un ohmios y una fracción que se
RT = acerca a un (1) mas, son casi 302 Ω
301,0787 Ω
Nota: estos valores son aproximados a los reales
RT = 0.0172 + 0.0015 + 0.0600 + 300 + 1
RT = 301,0787 Ω
Esta operación, es simplemente sumar cada resistencia
14
Grado 11º 2
Circuito en paralelo
1. ¿Qué es un circuito en paralelo?
cuando hablamos de un circuito en paralelo o una conexión en paralelo,

nos referimos a una conexión de dispositivos eléctricos (como bobinas,
generadores, resistencias, condensadores, etc.) colocados de manera tal
que tanto los terminales de entrada o bornes de cada uno, como sus
terminales de salida, coincidan entre sí.
El circuito en paralelo es el modelo empleado en la red eléctrica de

todas las viviendas, para que todas las cargas tengan el mismo voltaje. Si
lo entendemos usando la metáfora de una tubería de agua, tendríamos dos
depósitos de líquido que se llenan simultáneamente desde una entrada
común, y se vacían del mismo modo por un desagüe compartido.
Este tipo de circuitos permiten reparar alguna conexión o dispositivo sin que
se vean afectados los demás, y además mantiene entre todos los
dispositivos la misma exacta tensión, a pesar de que mientras más
dispositivos sean más corriente deberá generar la fuente eléctrica. Además,
la resistencia obtenida de esta manera es menor que la sumatoria de las
resistencias del circuito completo: mientras más receptores, menor
resistencia.
La gran ventaja de los circuitos en paralelo es esa: la independencia de

cada estación de la red, cuya posible falla no alteraría en absoluto la
diferencia de potencial que hay en los extremos del circuito. Esta es su
principal diferencia de uso con los circuitos en serie.
1
Rt = _______________________
1/R1 + 1/R2 + 1/R3 + …1/Rn
15
Grado 11º 2
Solución: en
este ejemplo
solo
tomaremos
las cuatro
(4)resistencia
propuestas en
el ejemplo y
aplicamos la
fórmula para
circuitos en
paralelo así:
1
1. Rt = _______________________
1/330 + 1/390 + 1/510 + 1/560
2. Realizamos cada división ordenadamente iniciando 1/330 =0.003030 y así

sucesivamente
1
Rt = ____________________________________
0.003030 + 0.002564 + 0.001960 + 0.001785
3. Al realizar la sumatoria el resultado sería:
1
Rt = ____________________________________
0.009339
4. Realizamos la división y obtendremos como resultado el valor 107,07Ω
16
Grado 11º 2
Nota: todas las operaciones bajo esta fórmula siempre el resultado final será un valor
de resistencia inferior a la resistencia de menor valor presente en el circuito, en este
caso, la menor es 330 Ω.
Actividad Nº2
Circuitos serie y paralelo
1. Basados en la tabla anterior e individualmente realiza dos (2) circuitos en serie y aplica
a cada uno, la formula paso a paso. Monta evidencia de la actividad al Drive tecnoidwar
y Drive Institucional.
2. Basados en la tabla anterior e individualmente realiza dos (2) circuitos en paralelo y
aplica a cada uno, la formula paso a paso. Monta evidencia de la actividad al Drive
tecnoidwar y Drive Institucional.
Nota importante: desarrolla la actividad sin afán y lee muy bien los ejemplos.
17
Grado 11º 2
Actividad Nº3
1. Investiga si es posible realizar programación en el bloc de notas y si es beneficioso

en comparación con otros editores para programar.
2. En la actualidad existe gran cantidad software especializado para digitar y editar

código en diferentes lenguajes de programación, elabora una tabla donde se
evidencie al menos 8 de estos programas en una tabla con los siguientes
requisitos.
Libre
Versión Link de
Programa Fabricante Ventajas Desventajas o
actual descarga
Paga
3. Investiga la función que cumple cada uno de los siguientes lenguajes de

programación dentro de la estructura de una página Web así:
Lenguaje de Función Cinco comandos del

Programación lenguaje
HTML
CSS
PHP
JAVA
JAVASCRIPT
C
C++
C#
PYTHON
SQL
18
Grado 11º 2
4. Realiza en bloc de notas la siguiente estructura en el lenguaje HTML5, guarda el

archivo con el nombre prueba_1.html (es muy importante que lo guardes con la
extensión .html) en el escritorio o ubicación que elijas con el siguiente código
como se observa en la siguiente imagen:
4.1 ¿Dónde aparece el TITLE o título de la página? Captura y anexa la imagen
<!DOCTYPE html>
<html>
<head>
<title> PRUEBA_1 </title>
</head>
<body>
</body>
</html>
4.2 Complementa el código anterior adicionando las líneas nuevas de código así:
<!DOCTYPE html> Reemplaza el texto en

<html> ingles del color por Red,
<head> Green, silver, blue
<title> PRUEBA_1 </title>
</head>
<body bgcolor=”yellow”>
</body>
</html>
Nota: posiblemente al copiar el código debemos borrar y reescribir las comillas dobles
ubicada en la tecla del número 2
5. Investiga la sintaxis del comando background y adiciónalo a la estructura

anterior
19
Grado 11º 2
Editores de texto para programación
Existe una gran variedad de editores, entre ellos están Sublime Text, Visual Studio Code, Notepad
plus++, Dreamweaver, NetbeansBrackets
Nota importante: Descarga siempre estas aplicaciones desde la página oficial,

así evitamos software malicioso.
1. Sublime text 3 https://www.sublimetext.com/

Muy empleado en el ambiente de desarrolladores web por su simplicidad
2. Visual Studio Code VSC https://code.visualstudio.com/download
Debemos de tener en cuenta que al instalarlo en inglés, en los menús, no

aparecerá la opción de cambiar en idioma, por lo que debemos recurrir a
algunos comandos de teclado, en el caso para cambiar el idioma hay varias
opciones y una de ellas es oprimiendo la combinación de teclas
Ctrl+Shift+P sobre el programa VSC.
20
Grado 11º 2
Posiblemente en hay que instalar una extensión y nos

vamos al icono EXTENSIONS el cual también llamamos
con Ctrl+Shift+X, como se observa en la ilustración.
icono EXTENSIONS
3. Brackets pagina oficial http://brackets.io/

Presentado por primera vez en noviembre de 2014, por lo podemos decir que es uno de
los editores mas recientes, el cual entrega una especie de ventana navegadora LLAMADA
LIVE PREVIEW para observar el resultado y lo activamos haciendo clic en el siguiente icono
21
Grado 11º 2
Guía http://www.manualweb.net/html/colores-html/
Los colores en CSS y HTML
Existen 16.777.216 combinaciones distintas en el sistema RGB de 24 bits, anteriormente
solo eran 256 colores a 8 bits, acá vemos el gran avance en cuanto a este tema de los
colores.
Los colores se pueden expresar mediante varios sistemas de unidades: RGB, RGBA, HSL y
HSLA, así como mediante nombre en inglés los colores (básicos o extendidos)
En esta lección se explica únicamente cómo se hace referencia a un color en una hoja de
estilo. Para encontrar combinaciones de colores visualmente atractivas, se puede recurrir a
sitios como Paletton o Coolors, entre otros muchos, donde podemos ver diferentes colores
y/o tonalidades.
Ejercicios practicos
Los siguientes ejercicios los debes montar en el editor sublime text 3, Visual estudio
Code o Brackets en el de tu preferencia. Los que emplean celular pueden descargar
anWriter free editor.
Posiblemente se necesiten algunos pluggins en los editores
22
Grado 11º 2
Viernes, 15 de mayo 2020
Actividad Nº4
De estas actividades ya debieron haber realizado la practica1,2 y 3. La 4 y 5 son las
que deben desarrollar
Practica Nº1
< ! -- Colores en ingles con la etiqueta o comando bgcolor-- >
Practica Nº2
<! --Colores RGB código Hexadecimal con la etiqueta o comando bgcolor-->
23
Grado 11º 2
Practica Nº3
<! – Fondo con Imagen utilizando la etiqueta o comando background-- >
Practica Nº4
<! --Icono FAVICON para identificar nuestra página -- >
<! --Tener en cuenta la ruta donde se encuentra la imagen .ico -- >

<! --Si observamos bien al copiar la ruta donde está la imagen, las carpetas o archivos están
separados por el backslash, barra invertida, inversa u oblicua, también funciona cambiándolo
por el slash-- >
Para copiar rápidamente la ubicación de la imagen la seleccionamos así: clic derecho del mouse
sobre la imagen y en propiedades hacemos clic y en LOCATION (Localización) seleccionamos toda
la ruta como se observa en la siguiente ilustración
A esta ruta solo le añadimos el nombre de la imagen

tipo .ico(En color azul llamada alien1.ico para este
caso.
La ruta completa es:P_1/CONTENIDO
PERIODO/HTML/IMÁGENES/ico/alien1.ico
Es una buena práctica si van a trabajar y guardar en

una memoria o en el HDD los trabajos crear una
carpeta llamada PROYECTO y dentro de esta, otras
carpetas llamadas TEXTO, VIDEO, IMAGEN y en ellas
guardar los respectivos
24
Grado 11º 2
25
Grado 11º 2
Practica Nº5
<! – Insertar una tabla y en ella insertar un texto -- >
En el anterior código ya empezamos a sumar comandos o etiquetas (background y table)
Como muchas otras estructuras de HTML, las tablas son

construidas utilizando elementos. En particular, una tabla básica
puede ser declarada usando tres elementos, a saber:
table (el contenedor principal)
tr (representando a las filas contenedoras de las celdas) y
td (representando a las celdas).
Veamos este ejemplo, replícalo en tu editor de texto y observa el

resultado
26
Grado 11º 2
Etiqueta <meta charset="utf-8"/>

<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8"/>
<title>Título de la web</title>
</head>
<body>
<body>
<p>Contenido de la web donde habrán caracteres especiales como la ñ, á,é,í,ó,ú entre otros
mas
</p>
</body>
</html>
27
Grado 11º 2
Martes, 26 de mayo 2020
Etiquetas semánticas para HTML5
 En el <body> es donde se colocan todos los elementos que sí se van a mostrar y que
forman el contenido de la página.
 La versión anterior HTML sólo permitía una caja llamada <div>, por lo que una caja podía
contener cualquier tipo de contenido.
Lo mas reciente de HTML5, aparte de disponer de la caja genérica <div>, existen otros tipos
de cajas destinadas para algo especifico en su contenido como
<header>, <nav>,<main>, <section>, <article>, <aside> y <footer>. Así el Browser procesa
mejor la información.
La siguiente etiqueta era la única para insertar cajas antes del HTML5
<div> caja genérica </div>

<div> es el tipo de caja genérica, que, aunque no identifica qué tipo de contenido contiene,
sigue siendo la más utilizada. No obstante, suele estar ubicada dentro de cajas que sí tienen
un significado semántico concreto como las que siguen...
Ya en HTML5
<main> contenido principal de la página </main>

<main> es la caja que contiene todo el contenido principal de la página, con las siguientes
características:
Sólo puede existir un único <main> por página.
No puede estar dentro de ninguna otra caja.
Dentro contendrá aquel contenido que no se repita en cada página
(conteniendo <div>, <section>, <article> o incluso <aside>), pero nunca cajas
como <header>, <nav> o <footer>).
28
Grado 11º 2
<header> encabezado </header>

Dentro de la caja <header> ubicamos el contenido que estaría destinado al encabezado de
la página, los vínculos de navegación, los formularios de búsqueda, los logos, las
tablas de contenidos, las introducciones, el nombre de la página y suele estar ubicado
al inicio.
<footer> pie de página </footer>

La caja <footer> contiene la información que figura al pie de la página (normalmente es la
última caja de todas) y es donde se ubica el ©, e información como el mapa de la página,
autor, fecha y otros datos finales.
Actualmente existe la tendencia de hacer <footer> enormes donde figura todo lo que se
puede encontrar en el sitio.
<nav> enlaces, link </nav>

La caja <nav> contiene todos los enlaces de la página, ya sea a otras secciones de nuestro
mismo sitio web o a páginas externas. Por ello, en algunos casos pueden existir
varios <nav>, como por ejemplo el del principio de la página y otro final ubicado dentro
del <footer>
<section> sección de información </section>

Las cajas <section> contienen el contenido genérico de la página.
Se pueden utilizar varios <section> al mismo tiempo en la misma página.
Pueden contener múltiples <div> y otras cajas relacionadas, como <article>.
Normalmente se utilizan para grandes cantidades o secciones de información de
tipo similar.
29
Grado 11º 2
<article> artículo </article>

Las cajas <article> también están destinadas a contener el contenido de la página, aunque
normalmente suelen utilizarse para mostrar información más reducida y concreta y que
puede ser independiente del resto.
<aside> contenido </aside>

Dentro de las cajas de tipo <aside> se ubican los contenidos que no tienen relación directa
con el contenido, como por ejemplo información sobre vacunas o pasaportes en una web
de viajes, calendario de eventos de una entidad, publicidad o la biografía del autor de un
blog.
<figure> imagen </figure>

Aunque <figure> no tiene las mismas funcionalidades ni características que el resto de
cajas, tiene como objetivo contener imágenes que opcionalmente pueden tener vinculadas
un pie de imagen (información más detallada en el tema figure y figcaption).
La siguiente distribución de las etiquetas pueden sufrir algunas variantes, dependiendo de
la maquetación realizada por el diseñador, pero la mas acertada seria la propuesta en este
apartado de html5
30
Grado 11º 2
Una estructura HTML5 con todo lo explicado hasta el momento sería la siguiente:
<HEADER> </HEADER>
<NAV> </NAV>
<MAIN> <ASIDE>
<ARTICLE> <ARTICLE>
</ARTICLE> </ARTICLE>
</ASIDE>
</MAIN>
<FOOTER> </FOOTER>
31
Grado 11º 2
Hora: 3:00pm
Fecha: martes 2 y Jueves 4 de junio /2020
Medio TIC: Reunión Google meet
Plantilla HTML básica con <HEADER> Actividad Nº5

Practica Nº1:
<!DOCTYPE html> Al código básico (Plantilla) debemos
<html> anexar el C y en el colocaremos una
<head> imagen que identifique y haga
<meta charset="utf-8"/> referencia al contenido desarrollado
<title>Título de la web</title> en la página.
</head> <! --El <HEADER> va dentro del
<body> <BODY> -->
<p>Contenido de la web</p> Solución:
</body>
<header>
<h1>podemos colocar el nombre de
</html>
la página<h1> h va hasta 6
o una imagen </header>
Plantilla HTML básica con <HEADER> + <FOOTER> Practica Nº2:

Al código básico (Plantilla) Ya
<!DOCTYPE html> con el <HEADER> incorporado
<html> al código, probado y funcional.
<head>
Realizamos la inserción de la
<meta charset="utf-8"/>
etiqueta <FOOTER>
<title>Título de la web</title>
</head> <! --El <HEADER> y
<body> <FOOTER>van dentro del
<p>Contenido de la web</p> <BODY> -->
</body>
</html>
32
Grado 11º 2
Actividad Nº6
INICIAR LA CONSTRUCCIÓN CONTINUA DE UNA TABLA E IR ANEXANDO LAS ETIQUETAS

VISTAS EN CADA REUNIÓN VIRTUAL, OBSERVA EL EJEMPLO.
Etiqueta HTML5 Descripción Ejemplo

Etiqueta empleada para colocar fondo de la <body bgcolor=”#FF0000″></body>
página Web
<bgcolor> </bgcolor>
<body bgcolor=”blue″></body>
Etiqueta empleada para colocar imagen de fondo

<background> </background>
de la página Web
Nota: si observa algún error en la sintaxis, por favor informar al docente
33
Grado 11º 2
Organización de las carpetas para la página Web
Orden de la reunión
1. Saludo
2. Video recomendaciones iniciales: https://silicodevalley.com/carpetas-archivos-
pagina-web/
3. Explicacion la etiqueta <a></a>
El Elemento HTML <a> crea un enlace o hiperenlace a otras páginas de internet,

archivos o ubicaciones dentro de la misma página, direcciones de correo, o cualquier
otra URL. Paginas externas y paginas internas
4. ejemplos
34
Grado 11º 2
Hora: 3:00pm
Medio TIC: Reunión Google meet
Fecha: martes 9/junio/2020 Enlace: https://meet.google.com/eas-neqf-zbz
jueves 11/junio /2020
Orden de la reunión
1. Saludo
2. Asignación de etiquetas a los estudiantes del grado 11º2 Media Técnica Sistemas,
para exposición virtual bajo los siguientes parámetros.
2.1 Realizar presentación en Ms Power Point explicando la etiqueta asignada

2.2 Debe realizar una explicación de la utilidad de la etiqueta en el campo
Descripción
2.3 Debe contener un ejemplo práctico y que haya sido probado en un editor para
código (Sublime, Bracket, Atom, VSC…)
2.4 En la casilla Observación puede escribir las notas que considere pertinentes a la
etiqueta descrita
3. Los estudiantes que reportaron al docente no tener disponibilidad de ordenador,

pueden descargar Ms Power Point al Dispositivo Móvil o aplicaciones similares y
realizar la actividad.
4. Cuando el estudiante termine la actividad Nº7 debe montarla inmediatamente a su
carpeta dispuesta en el Google Drive, lo cual debe realizar máximo hasta el día 15
de junio/2020 a las 11:59pm, a partir de la hora mencionada queda bloqueada la
carpeta.
5. Se debe entregar la presentación Ms PPT con la tabla diligenciada y adicionalmente
el ejemplo funcional en el editor.
6. Exposición Google meet Junio 16/2020 aleatoriamente
7. Explicación etiqueta <article><article> con ejemplo ilustrativo en Editor Bracket
8. Explicación diferencia HTML4 con etiqueta <div> y las etiquetas nuevas para
reemplazar el <div> con etiquetas exclusivas como <header>, <nav>, ,main>,
<section> entre otras
35
Contenido Periodo_2
VER.1
Grado 11º 2
Estudiante Etiqueta HTML5 Descripción Ejemplo Observación

ana.arango@pedroluisvilla.edu.co <EM>
dajhiana.benitez@pedroluisvilla.edu.co <DL>
juan.cardona@pedroluisvilla.edu.co <EMBED>
camilo.diaz@pedroluisvilla.edu.co <MARK>
angelica.giraldo@pedroluisvilla.edu.co <DT>
juan.gomez@pedroluisvilla.edu.co <AREA>
jhodrailyn.hurtado@pedroluisvilla.edu.co <DIV>
juan.jimenez@pedroluisvilla.edu.co <CAPTION>
yorladis.lopez@pedroluisvilla.edu.co <DD>
juan.ospina@pedroluisvilla.edu.co <IFRAME>
mariana.parra@pedroluisvilla.edu.co <COLGROUP>
kevin.presiga@pedroluisvilla.edu.co <KEYGEN>
jhonny.puerta@pedroluisvilla.edu.co <FORM>
brahian.rios@pedroluisvilla.edu.co <OPTION>
santiago.rivera@pedroluisvilla.edu.co <CANVAS>
paola.rojo@pedroluisvilla.edu.co <BUTTON>
santiago.serna@pedroluisvilla.edu.co <STRONG>
anderson.serna@pedroluisvilla.edu.co <SUP>
sara.suarez@pedroluisvilla.edu.co <SPAN>
julian.vargas@pedroluisvilla.edu.co <DIALOG>
duvan.villa@pedroluisvilla.edu.co <STYLE>
36
Contenido Periodo_2
VER.1
Grado 11º 2
37
Grado 11º 2
38

Contenido P - 2e

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Contenido P - 2e

Cargado por

Copyright:

Formatos disponibles

INSTITUCIÓN EDUCATIVA PEDRO LUIS VILLA

Aplicar la ley de ohm,

Analizar el sistema de Conoce el

Utilizar las herramientas

RECORDEMOS LAS UNIDADES ELÉCTRICAS

2. Encuentra los valores de I de la siguiente tabla

Voltaje Intensidad Resistencia

1. Encuentra los valores de P de la siguiente tabla

Voltaje Intensidad Potencia

3.1 Primera ley de Kirchhoff

A continuación, tenemos un montaje eléctrico sencillo en el cual se tiene la siguiente

Los elementos que componen al circuito son:

 V: fuente de voltaje de 10 V (corriente continua).

Ambas resistencias se encuentran en paralelo, y la corriente insertada en el sistema por la fuente

En consecuencia, podemos calcular el valor de I1 e I2 aplicando la Ley de Ohm, cuya

Análogo al cálculo anterior, para obtener la corriente circulante a través de la segunda

Así, la resistencia equivalente del circuito es la siguiente:

3.2 Segunda ley de Kirchhoff

Análogo al ejemplo anterior, tenemos la misma configuración de circuito:

Los elementos que componen al circuito son:

– V: fuente de voltaje de 10 V (corriente continua).

– R1: resistencia de 10 Ohmios.

– R2: resistencia de 20 Ohmios.

Al evaluar el resultado obtenido en el análisis de la segunda ley de Kirchhoff, se puede apreciar

Calcular y Resolver circuitos en serie y en paralelo

1. ¿Qué es un circuito en serie?

Los circuitos en serie suministran a los terminales la misma cantidad de corriente en la

La ilustración nos muestra un

RT = 0.0172 + 0.0015 + 0.0600 + 300 + 1

Esta operación, es simplemente sumar cada resistencia

1. ¿Qué es un circuito en paralelo?

cuando hablamos de un circuito en paralelo o una conexión en paralelo,

El circuito en paralelo es el modelo empleado en la red eléctrica de

La gran ventaja de los circuitos en paralelo es esa: la independencia de

2. Realizamos cada división ordenadamente iniciando 1/330 =0.003030 y así

3. Al realizar la sumatoria el resultado sería:

4. Realizamos la división y obtendremos como resultado el valor 107,07Ω

1. Investiga si es posible realizar programación en el bloc de notas y si es beneficioso

2. En la actualidad existe gran cantidad software especializado para digitar y editar

3. Investiga la función que cumple cada uno de los siguientes lenguajes de

Lenguaje de Función Cinco comandos del

4. Realiza en bloc de notas la siguiente estructura en el lenguaje HTML5, guarda el

4.1 ¿Dónde aparece el TITLE o título de la página? Captura y anexa la imagen

<!DOCTYPE html> Reemplaza el texto en

5. Investiga la sintaxis del comando background y adiciónalo a la estructura

Editores de texto para programación

Nota importante: Descarga siempre estas aplicaciones desde la página oficial,

1. Sublime text 3 https://www.sublimetext.com/

2. Visual Studio Code VSC https://code.visualstudio.com/download

Debemos de tener en cuenta que al instalarlo en inglés, en los menús, no

Posiblemente en hay que instalar una extensión y nos

3. Brackets pagina oficial http://brackets.io/

Viernes, 15 de mayo 2020

<! --Tener en cuenta la ruta donde se encuentra la imagen .ico -- >

A esta ruta solo le añadimos el nombre de la imagen

Es una buena práctica si van a trabajar y guardar en

En el anterior código ya empezamos a sumar comandos o etiquetas (background y table)

Como muchas otras estructuras de HTML, las tablas son

table (el contenedor principal)

tr (representando a las filas contenedoras de las celdas) y

td (representando a las celdas).

Veamos este ejemplo, replícalo en tu editor de texto y observa el

Etiqueta <meta charset="utf-8"/>