Ficha BT en Informática - Tercera Semana - Quinto

Colegio de Bachillerato Internacional
“26 de Noviembre”
Zaruma – El Oro
SEGUNDO TÉCNICO INFORMÁTICA
Elaborada por: Docentes del Área Técnica de la Figura Profesional de Informática:
 Mgs. Pablo Largo Asanza  Mgs. Omar Ordóñez Ruilova

 Ing. Glenda Toro  Mgs. Stalin Basurto Lozano
 Mgs. Geovanny Armijos Ligua – Director del Área
FIGURA PROFESIONAL: Informática
MÓDULO FORMATIVO: Diseño y Desarrollo Web
CURSO: Segundo
SEMANA 3: Del 15 al 19 de junio del 2020
DOCENTE: Mgs. Omar Ordóñez
CONTENIDOS:
Señores estudiantes, reciban un cordial saludo de parte de su profesor Omar Ordoñez Ruilova, en la asignatura de
Diseño y Desarrollo web , trabajaremos en esta tercera semana con los siguientes contenidos:
PROGRAMACIÓN EN HTML
*¿Qué es y para que sirve el html?
*HTML ¿un lenguaje de programación?
*¿Cuáles son las versiones de HTML? Diferencias entre HTML 4 y HTML 5.
¿QUÉ ES Y PARA QUE SIRVE EL HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de
etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes,
hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de
código HTML podría ser:
<html>
<body>
Esto es un párrafo. Bienvenidos a esta página web.
</body>
</html>
Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar
con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con
</body> y la etiqueta con .
Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que
abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien
formado y que los navegadores puedan interpretar sin ambigüedad.
Este sencillo ejemplo mostraría por pantalla lo siguiente.
¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? Digamos que se trataría de un
código HTML mal construido, y los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos
muestren la página tal y como esperábamos sin aparente error. Quizás nos muestren una página de error o se quede
en blanco el navegador. Nuestro objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin
ambiguedades, es decir, hacer un correcto uso del lenguaje para que los navegadores puedan saber exactamente
qué es lo que pretendemos mostrar.
ALGO DE HISTORIA
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en
Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial
y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de
usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han
existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML
estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a
prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprender los
fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta.
¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión
básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En
cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para
comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito de los
desarrollos web.
HTML ¿UN LENGUAJE DE PROGRAMACIÓN?

En principio diremos que HTML no es un lenguaje de programación, aunque de forma coloquial muchas veces se
oigan referencias a HTML como si lo fuera. HTML es un lenguaje de etiquetas. Estas etiquetas (tag) HTML comunican
al navegador cuál es la información a mostrar por pantalla, además del formato de dicha información.
Es por ello que no puede definirse como un lenguaje de programación, sino como un sistema de etiquetas.
Veámoslo con un ejemplo.
EJEMPLO PARA ENTENDER EL CONCEPTO DE LENGUAJE DE ETIQUETAS FRENTE A LENGUAJE DE PROGRAMACIÓN
Si analizamos el siguiente algoritmo realizado el lenguaje de programación Java, podremos observar cómo una cosa
tan simple como es ejecutar un proceso para escribir los números del 1 al 10, no es posible en HTML. Esto es debido
a que HTML no es un lenguaje de programación y no dispone de las sentencias básicas de la programación, como
instrucciones para repetir un proceso o, elegir si realizar un proceso u otro en función de una circunstancia que se
esté produciendo.
Lenguaje Código Salida por pantalla
1
2
public class MuestraDelUnoAlDiez {
3
public static void main (String[] args) {
4
for(int i=1; i <= 10; i++) {
5
Java System.out.println(i);
6
}
7
}
8
}
9
10
<html>
<body>
1 1
2 2
3 3
4 4
5 5
HTML
6 6
7 7
8 8
9 9
10 10
</body>
</html>
Como podemos observar, en el ejemplo anterior, HTML no tiene la capacidad de contar y debemos escribir
nosotros todo lo que queremos que salga por pantalla. Sin embargo, vemos cómo en Java podemos indicar que
cuente del 1 al 10 y que lo muestre por pantalla sin escribir elemento a elemento lo que queremos visualizar.
Clásicamente se dice que los lenguajes de programación incluyen tres capacidades básicas de generar flujos de
procesos: la secuencial (secuencias de instrucciones), la condicional (capacidad para tomar decisiones o ejecutar un
proceso u otro en función del valor de uno o varios parámetros) y la de repetición (capacidad para repetir un proceso
un cierto número de veces). Los lenguajes clásicos como C, C++, Java, C#, Visual Basic, Fortran, etc. cuentan con
estas capacidades. HTML no cuenta con ellas, no porque sea mejor ni peor sino porque es una cosa distinta.
En resumen, podríamos decir que HTML no es un lenguaje de programación, es un lenguaje de maquetación web o
lenguaje de etiquetas destinado a crear estructuras de documentos HTML.
¿CUÁLES SON LAS VERSIONES DE HTML?
El HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al rápido crecimiento de la web, surgió la
necesidad de crear un estándar para que tanto los programadores como los navegadores pudieran basarse en unas
mismas normas para escribir HTML. Cada versión de HTML establece unas normas respecto a cuáles son las
etiquetas válidas y cómo se deben escribir.
Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el HTML 5. El HTLM 5 es
la última especificación oficial y se espera que continúe evolucionando a lo largo de los próximos años. El XHTML,
una forma más avanzada del HTML que se suponía iba a sustituir a éste, podemos considerar que ha quedado
integrado dentro del HTML 5.
La siguiente tabla resume la evolución de HTML:
En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer
estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no
HTML 2.0 soportaba tablas.
Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la
declaración explícita de los elementos body, html y head es opcional.
La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada

por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las
HTML 3.2
páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de
las imágenes.
La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML

4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar
XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su
preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva
HTML 4.01 asociación llamada WHATWG (Web Hypertext Application Technology Working Group) que
comenzó el desarrollo del HTML 5, cuyo primer borrador oficial se publicó en enero de 2008.
Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los
borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad
estandarizadora de HTML, dentro del cual decidió integrar el XHTML.
El consorcio internacional W3C, después de una evolución de varios años, liberó el HTML 5
como estándar oficial a finales de octubre de 2014. HTML 5 incorpora nuevos elementos no
HTML 5,
contemplandos en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas
HTML 5.1,
etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web
HTML 5.2
sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá
lanzando progresivamente nuevas evoluciones del HTML 5.
Hasta hace poco la versión de HTML más utilizada ha venido siendo la 4.01, que es admitida por todos los
navegadores. Esta versión fue definida por la W3C (Comité Internacional que define los estándares web) hace
varios años. Actualmente ya está utilizándose la nueva versión de HTML, denominada HTML 5, aunque esta no es
soportada por navegadores antiguos. HTML 5 se ha ido introduciendo progresivamente en los desarrollos web
pero aún quedan muchos años en que existirá una “convivencia” con navegadores y webs que usan HTML 4.01.
HTML 4.01 contemplaba, además de la versión en sí, distintas variantes (digamos que “distintas formas” o doctypes)
que es interesante conocer. En HTML 4.01 en un documento HTML se debe indicar en una línea inicial qué versión
y variante es la que estamos usando de forma que cualquier persona que lea ese documento HTML sepa qué versión
y variante se ha empleado. Las variantes del HTML 4.01 son:
En este tipo de documentos podemos usar etiquetas HTML 4.01, pero no se aceptan etiquetas
HTML 4.01 obsoletas, es decir, etiquetas propias de versiones más antiguas. Es la versión que si usamos en
Strict teoría nos debería dar un resultado óptimo en los navegadores más modernos. Esto no siempre
es así, como explicaremos un poco más adelante.
En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML.
Usar esta variante de HTML plantea el interrogante de si es correcto permitir el uso de etiquetas
HTML 4.01 obsoletas que podrían dejar de funcionar en las próximas versiones de los navegadores. Sin
Transitional embargo, este es el estándar más usado, porque combina la posibilidad de usar etiquetas más
antiguas y etiquetas más modernas, de forma que podamos aspirar a una mejor visualización en
la mayor parte de los navegadores.
Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de
pequeñas subventanas dentro de una misma página web que se usaban mucho hace unos años
HTML 4.01
pero que hoy en día se usan cada vez menos. Este tipo de HTML podemos considerarlo
Frameset
anticuado, porque hay otras formas de diseñar páginas web sin frames más modernas y útiles
que nos permiten obtener el mismo resultado de forma más eficiente.
En la figura podemos ver cómo el ser más estricto supone que tengamos que usar un menor número de etiquetas.
Con HTML 5 esta situación ha cambiado: HTML 5 simplifica la situación, al definir una única variante con lo cual
desaparecen las variantes Strict, Transitional y Frameset.
¿CUÁL ELIJO, Y CÓMO CREO WEBS?
No te preocupes demasiado por utilizar una versión “correcta y concreta” sino por crear páginas web que se vean
bien. Para ello debes aprender cómo se construye y cuál es la lógica del HTML, más que una versión concreta de
éste. Ten en cuenta que hay diversidad de versiones y que no todos los navegadores se ciñen a los estándares, con
lo cual no tiene demasiado sentido preocuparse por ceñirse a una versión. Te puede resultar un poco extraño, pero
cuando adquieras experiencia en desarrollos web comprobarás que las normas para los desarrollos web no están
100 % claras.
Si ya sabías HTML pero nunca has separado contenido y diseño, o todos estos estándares te suenan a chino, usa el
HTML 5.
Si lo deseas tampoco hay problema en que uses HTML 4.01, que es la versión que fue más usada a lo largo de los
últimos años. Elige la rama Strict si necesitas cumplir el estándar Strict por algún motivo (por ejemplo porque te lo
pida un cliente así específicamente). Usar la variante Strict puede resultar un poco más complicado porque tenemos
más limitaciones. Por ello si vas a usar HTML 4.01 te recomendamos seguir 4.01 Transitional que ha sido la variante
más utilizada y podemos decir que intermedia: ni demasiadas restricciones ni demasiada libertad. El XHTML es un
lenguaje que puedes considerar queda integrado dentro de HTML 5.
En un archivo HTML debemos indicar qué versión y variante estamos usando. Para indicar ésto hay que poner una
línea al principio de la página web (del archivo donde está el contenido). No es una etiqueta, por tanto es algo rara
y no hay que cerrarla ni ponerla en minúsculas. Eso sí, debemos ponerla en todos nuestros documentos.
Para HTML 5 escribiríamos:
<!DOCTYPE html>
Para HTML 4.01 Strict escribiríamos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Para HTML 4.01 Transitional (recomendado dentro de HTML 4.01) escribiríamos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
En este curso usaremos HTML 5 para conseguir documentos HTML 5 pero tendremos en cuenta los estándares
anteriores para ser capaces de comprender y analizar código HTML que nos podemos encontrar con frecuencia.
EJEMPLO QUE USA HTML 5
<!DOCTYPE html">
<html>
<body>
Esto es una prueba de web creada con HTML 5
</body>
</html>
Vista en el navegador Mozilla Firefox que obtendríamos para el documento HTML anterior.
EJEMPLO QUE USA HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
Esto es una prueba de página HTML 4.01 Transitional
</body>
</html>
Vista en el navegador Google Chrome que obtendríamos para el documento HTML anterior.
CREACIÓN Y VISUALIZACIÓN DE DOCUMENTOS HTML
Con este sencillo ejemplo creamos una página HTML. Para visualizar esta simple página web procedemos de la
siguiente manera: creamos un archivo con el editor de texto que tengamos a nuestra disposición, en nuestro caso
utilizaremos el bloc de notas de Windows pero puede ser cualquier editor de texto.
Para abrirlo nos vamos a Inicio -> Todos los programas -> Accesorios -> Bloc de notas:
Escribimos en el bloc de notas el código del ejemplo anterior como un simple texto.
A continuación, en el menú Archivo elegimos la opción Guardar como… e indicamos que queremos guardar el
archivo en el directorio raíz de la unidad C con el nombre ejemplo.html
Una vez realizado todos estos pasos, abrimos el archivo creado haciendo doble click sobre él desde el explorador
de archivos de Windows. Si tenemos un navegador web instalado se nos abrirá automáticamente la página web que
hemos creado en el ejemplo.
Repetimos una cosa importante. No te preocupes por las versiones ahora, todo lo que aprendas sobre HTML te
servirá para cualquier versión porque nos vamos a centrar en conocer y comprender los conceptos más que los
detalles de las versiones.
También es normal que no comprendas bien el significado de todos los términos en el archivo HTML que hemos
puesto como ejemplo, pues los iremos explicando poco a poco. De momento, nuestro objetivo es irnos
familiarizando con los distintos aspectos que iremos estudiando.
FUENTE:
https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192
ACTIVIDADES DE APRENDIZAJE:
COLEGIO DE BACHILLERATO “26 DE NOVIEMBRE”
SEGUNDO Y TERCERO DE BACHILLERATO TÉCNICO
INFORMÁTICA
ACTIVIDAD #3
Nombre:
Asignatura:
Curso:
Fecha:
Conteste las siguientes preguntas:

*Indique un breve concepto de lo que es el html:_____ _____________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
*Redacte una breve reseña histórica del html_____________________________________________________

___________________________________________________________________________________________
___________________________________________________________________________________________
*Hable de dos versiones de html, indique cuál sería su/sus nuevas características
1)_________________________________________________________________________________________
_________________________________________________________________________________________
2)_________________________________________________________________________________________
_________________________________________________________________________________________
*Guiándose en las instrucciones finales, creación y visualización de documentos html, siga las instrucciones ahí
descritas y realice 3 documentos html, que muestren la siguiente información:
 Archivo uno, debe mostrar el siguente mensaje:
 Archivo dos, debe mostrar el siguente mensaje:
 Archivo tres, debe mostrar el siguente mensaje, en vez del nombre del profesor, ponga sus nombres completos:
TENER EN CUENTA LO SIGUIENTE:
 Utilizar como nombre de los documentos html el siguiente formato.
Numero de documento Nombre del estudiante
Pagina_1_omar.html Todos llevan esta extensión
Al finalizar el trabajo deben tener 3(tres archivos en formato html, con los siguientes nombres:
Este ejemplo esta indicado con mi nombre, en su tarea será con su nombre.
Pagina_1_omar.html
Pagina_2_omar.html
Pagina_3_omar.html
 Esta activad debe adjuntar a su portafolio de estudiante (imprimirla o escribirla en hojas recicladas)
 Almacenar los archivos generados.
 Por cada nueva línea a presentar se debe indicar el texto entre las etiquetas y como se muestra a
continuación:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
COLEGIO DE BACHILERATO "26 DE NOVIEMBRE"
ESPECIALIDAD INFORMATICA"
ALUMNO: OMAR ORDONEZ RUILOVA"
</body>
</html>
NOTA:
El color rojo es solo para resaltar la etiqueta en mención, no influye en nada al crear el documento html
RECURSOS:
*Computador
*Adobe reader
*Bloc de notas
*Navegador web
MÓDULO FORMATIVO: Programación y Bases de Datos
CURSO: Segundo
DOCENTE: Mgs. Geovanny Armijos Ligua
CONTENIDOS:
Tema: Estructuras de Control
Subtema: Estructuras de control repetitivas While y Do While
Objetivo de la clase:
 Explicar para que se usan las estructuras repetitivas.
 Explicar las diferentes clases de estructuras repetitivas.
 Dar ejemplos de estructuras repetitivas.
Introducción
En las estructuras secuenciales y de decisión estudiadas anteriormente, las instrucciones que conforman el algoritmo
se ejecutan una, y sólo una vez, en el mismo orden en que aparecen. Sin embargo, existen problemas que requieren
que un grupo de instrucciones no se aplique sólo a un caso específico, sino que estas mismas instrucciones se apliquen
a muchos otros casos.
Las estructuras de control iterativas o repetitivas son aquellas estructuras que sirven para ejecutar un bloque de
instrucciones un determinado número de veces, dependiendo del cumplimiento de unas ciertas acciones o condiciones.
Esto permite realizar varias operaciones indefinidamente sin la necesidad de volver a estructurar o crear dicha
operación. Existen tres tipos básicos de estructuras repetitivas:
 Hacer mientras (Do While) - Mientras hacer (While)

 Repetir hasta (Repeat until)
 Para (For to Next)
Ciclos While y Do While
While y Do While son bucles, su contenido "puede" ejecutarse repetidamente, en función de una condición.
Básicamente en uno primero se ejecuta la comprobación, mientras que el otro se ejecuta el código dentro de él y
después la comprobación.
 Usando la estructura while sólo

se pasa a ejecutar su contenido
si se comprueba una condición
lo que puede ocurrir 0, 1 o más
veces.
 Do While funciona de forma

similar, solo que nos
aseguramos de que el
contenido sea ejecutado al
menos una vez, es decir que,
aunque su condición no se
cumpla, su contenido se
ejecuta.
Do-While (Hacer - Repetir mientras)
Estructura (Do While) Características

Se lee de la siguiente forma:
 Haga la secuencia de acciones mientras la expresión lógica sea verdadera.

 Esto significa que la primera vez la secuencia de acciones se realiza sin haber
verificado la expresión lógica.
 Si luego de realizar UNA VEZ la secuencia de
acciones, se obtiene un resultado verdadero (true)
se repite la secuencia de acciones, y si se obtiene un
falso, continúa con las instrucciones fuera de la
estructura repetitiva.
Gráficamente se vería así:
Ejemplo 1: Diagrama de flujo

Enunciado: Imprimir los primeros cinco números
naturales (1,2,3, 4 y 5).
Análisis del problema: Los números naturales son

aquellos que permiten contar los elementos de un
conjunto y se incrementan de 1 en 1
Pasos que se deben realizar:

Entradas: los números del 1 al 5 que se pueden generar
en el proceso.
Salidas: Los cinco primeros números.
Procesos: Multiplicar los números del rango
Definición de Variables:
Num= Variable para generar los números del 1 al 5.
También sirve para controlar con condición del ciclo.
Ejemplo 2: Diagrama de flujo
Enunciado: Realice un programa que permita obtener la
factorial de un número dado por el usuario, utilizando la
instrucción do-while.
Análisis del problema: Comprender. La factorial de un

entero positivo n, se define como el producto de todos
los números enteros positivos desde 1 hasta n.

Entradas: Num número calcular factorial.
Salidas: Fact El resultado: factorial.
Procesos: Multiplicar los números del rango
Num= número ingresado por el usuario
Cont = Va desde 1 hasta el número ingresado por el
usuario de 1 en 1
Fact= variable que acumula los productos
Resolver los siguientes problemas utilizando la estructura do while, siguiendo los pasos para la resolución de problemas
y elaborando el diagrama de flujo respectivo.
Enunciado: Escribir un programa donde se puedan ingresar tantos

números como se quiera hasta que se ingrese un cero, entonces
de deberá mostrar la sumatoria de los números ingresados.
Análisis del problema:

Salidas:
Entradas:
Procesos:
Enunciado: Visualizar los primeros 30 múltiplos de un número

ingresado.
Análisis del problema:

Salidas:
Entradas:
Procesos:
RECURSOS:
Explicación de la estructura repetitiva Do While: https://www.youtube.com/watch?v=aEyEcH7SEmE
Ejemplo de Diagrama de flujo que imprime la tabla de multiplicar. [Usando Do While]
https://www.youtube.com/watch?v=auFvIvYH6Do
Computador o celular con internet o el video enviado vía wasap, cuaderno, lapiceros y regla.
MÓDULO FORMATIVO: Soporte Técnico
CURSO: Segundo
DOCENTE: Mgs. Pablo Largo
CONTENIDOS:
Tema: La electricidad
Introducción
La electricidad es una de las formas de energía más empleada por el hombre, hasta
tal punto que hoy en día es difícil pensar en nuestra sociedad sin la electricidad.
Con ella iluminamos nuestras viviendas, hacemos funcionar nuestros
electrodomésticos, medios de transporte, sistemas de comunicación, máquinas,
procesos industriales, etc. La electricidad se encuentra presente en nuestra vida cotidiana desde que suena el
despertador hasta que apagamos la luz al acostarnos. El éxito de la electricidad como fuente de energía se encuentra
en la facilidad para obtenerla, trasportarla y transformarla en otros tipos de energía.
La corriente eléctrica
La electricidad es un fenómeno originado por el movimiento que experimentan los electrones, partículas de masa muy
pequeña que se encuentran entorno al núcleo del átomo.
Decimos que los electrones tienen carga eléctrica negativa (-), mientras que
los protones, situados en el núcleo del átomo, tienen carga positiva (+). Los
cuerpos pueden estar cargados positiva o negativamente como
consecuencia del exceso de protones o electrones.
En determinados materiales,
que denominamos
conductores, es posible hacer
fluir los electrones de un
extremo al otro de los mismos, estableciéndose entonces una corriente
eléctrica.
El camino por el que se desplazan los electrones es lo que denominamos

circuito eléctrico, que podemos definir también como el un conjunto de
elementos interconectados que permiten el paso de la corriente eléctrica.
Para dar inicio al mantenimiento de computadores es esencial conocer y manejar las unidades eléctricas, conocer la
forma de tomar las medidas, e identificar los puntos básicos de entrada y salida de la alimentación eléctrica del PC.
Las tres medidas básicas para realizar un primer análisis eléctrico son:
El Voltaje ( V ) Unidad: Voltios Símbolo unidad : V

La Corriente ( I ) Unidad: Amperios Símbolo unidad : A
La Resistencia ( R ) Unidad: Ohmios Símbolo unidad : W
La fórmula para relacionar estas tres cantidades es llamada la ley de Ohm: V = R x I
Existe una tercera cantidad eléctrica que es resultado de la combinación de las tres primeras, la Potencia. Esta es
nombrada muy a menudo como característica principal de las fuentes de voltaje del PC, ya que entre más circuitos
y dispositivos constituyan al PC más potencia de salida de la fuente necesitaremos. Las actuales Placas o Mainboard
necesitan fuentes con una salida de por lo menos 450 W y tiende a aumentar.
La Potencia ( P ) Unidad: Watios Símbolo unidad: W
Formulas: P = I² * R que también puede expresarse como P = V * I
Elementos de los circuitos eléctricos.
En cualquier circuito eléctrico sencillo podemos distinguir diferentes tipos de elementos que cumplen una
función determinada y que estudiamos a continuación:
Generadores:
Son los elementos encargados de suministrar la energía al circuito, creando una diferencia de
potencial entre sus terminales que permite que circule la corriente eléctrica.
Los elementos que se encargan de esta función son: las pilas, baterías, dinamos y
alternadores.
Conductores:
Son materiales que permiten el paso de la corriente eléctrica, por lo que se utilizan como
unión entre los distintos elementos del circuito.
Generalmente son cables formados por hilos de cobre trenzado y recubiertos por un aislante
plástico.
Receptores:
Son los componentes que reciben la energía eléctrica y la transforman en otras formas
más útiles para nosotros como: movimiento, luz, sonido o calor.
Algunos receptores muy comunes son: las lámparas, motores, estufas, altavoces,
electrodomésticos, máquinas, etc.
Elementos de control
Estos e l e m e n t o s n o s p e r m i t e n m a n i o b r a r c o n e l c i r c u i t o c o n e c t a n d o y
desconectando sus diferentes elementos según nuestra voluntad.
Los elementos de control más empleados son los interruptores, pulsadores y conmutadores.
Elementos de protección
Estos elementos tienen la misión de proteger a la instalación y sus usuarios de cualquier
avería que los pueda poner en peligro.
Los más empleados son los fusibles y los interruptores de protección.
Simbología
Dibujar los componentes eléctricos de un circuito con su

figura real sería muy laborioso e incluso podría dar lugar
a confusiones. Por ello, se ha establecido un sistema de
símbolos convencionales a fin de facilitar la
representación de esquemas de circuitos eléctricos y
electrónicos. En la siguiente imagen se muestran los
símbolos utilizados en esta unidad. Un esquema de un
circuito eléctrico es una representación gráfica en la que
se utilizan los símbolos de los elementos que se
componen un circuito. De este modo, los elementos y el funcionamiento del circuito se comprenden con facilidad.
Magnitudes eléctricas
Las magnitudes eléctricas básicas son la tensión o voltaje, la intensidad de la corriente y la resistencia eléctrica.
Intensidad de corriente (I):
La intensidad de corriente, también llamada corriente eléctrica, se define

como la cantidad de carga eléctrica (electrones) que pasa por un conductor
por unidad de tiempo. Su unidad de medida es el amperio (A) y el aparato
con que se mide se llama amperímetro.
Voltaje o tensión (V):
El voltaje o tensión representa la diferencia de potencial existente entre dos puntos del circuito eléctrico. La carga o
electrones siempre circulan desde los puntos donde la energía es más alta hasta los puntos en los que es más baja.
La tensión se mide en voltios (V) y su aparato de medida es el voltímetro.
Resistencia eléctrica (R):
Se define la resistencia eléctrica como la mayor o menor dificultad que

opone un cuerpo al paso de la corriente eléctrica. Los materiales que
presentan mucha dificultad al paso de la electricidad reciben el nombre
de aislantes y en consecuencia tienen una resistencia eléctrica elevada.
Por el contrario, reciben el nombre de conductores a q u e l l o s
m a t e r i a l e s q u e apenas oponen resistencia al paso de la corriente.
La unidad de medida de la resistencia es el ohmio (Ω) y su aparato
de medida es el Ohmímetro. La resistencia de un conductor
depende de varios factores: la naturaleza del material, la longitud y la
sección según la siguiente expresión:
𝑳
𝐑 = 𝛒
𝑺
Dónde:
ρ Es la resistividad que es una característica propia de cada material.

L Es la longitud del conductor.
S Es la sección.
Como puede apreciarse, a mayor sección menor resistencia
Ley de Ohm
El primer científico que estudió la relación entre el voltaje, la intensidad y la
resistencia fue Georg Ohm, descubriendo la ley que lleva su nombre y cuyo
enunciado es:
“La diferencia de potencial o voltaje entre dos puntos de un circuito es igual al
producto de la intensidad que lo recorre por la resistencia eléctrica entre
dichos puntos.”
V=Rxi
La Ley de Ohm también puede expresarse de la siguiente forma, en función de la magnitud que se despeje.
R= V/i i= V/R
Dónde:
Circuito en serie. - Es un circuito en el que solo se observa un recorrido para la

corriente, que va desde la fuente abastecedora de energía que corre por
todos los componentes del circuito, hasta volver de nuevo al punto de inicio. La
forma en la que funciona este circuito apunta que la misma corriente circula por
todos los elementos del circuito, o que en todos los espacios del circuito la
corriente permanece inalterable.
Circuitos Paralelos. - Son los circuitos donde las conexiones entre los
generadores permanecen conectados y coinciden entre sí. El voltaje que
suele pasar por el generador puede variar con la carga manteniendo su
práctica constante en el generador. Este tipo de circuito diversos conductores
o componentes se encuentran enlazados de forma paralela, con sus
determinados extremos. En la categoría también conocida c o m o d ivis o ra
d e corriente, cada receptor está vinculado con la fuente de
alimentación, no es dependiente del resto. Cada receptor posee su propia
recta, pese a que en alguna fracción de la línea se puedan encontrar todos.
RESULEVA LA SIGUIENTE SOPA DE LETRAS SOBRE TERMINOS DE ELECTRICIDAD
RECURSOS:
 Computadora/celular, cuaderno, esferos.
 Calculadora
 Internet y navegador web
 WhatsApp como recurso educativo

Ficha BT en Informática - Tercera Semana - Quinto

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

Ficha BT en Informática - Tercera Semana - Quinto

Cargado por

Copyright:

Formatos disponibles

Colegio de Bachillerato Internacional

SEGUNDO TÉCNICO INFORMÁTICA

Elaborada por: Docentes del Área Técnica de la Figura Profesional de Informática:

 Mgs. Pablo Largo Asanza  Mgs. Omar Ordóñez Ruilova

¿QUÉ ES Y PARA QUE SIRVE EL HTML?

Este sencillo ejemplo mostraría por pantalla lo siguiente.

HTML ¿UN LENGUAJE DE PROGRAMACIÓN?

EJEMPLO PARA ENTENDER EL CONCEPTO DE LENGUAJE DE ETIQUETAS FRENTE A LENGUAJE DE PROGRAMACIÓN

Lenguaje Código Salida por pantalla

¿CUÁLES SON LAS VERSIONES DE HTML?

La siguiente tabla resume la evolución de HTML:

La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada

La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML

¿CUÁL ELIJO, Y CÓMO CREO WEBS?

Para HTML 5 escribiríamos:

Para HTML 4.01 Strict escribiríamos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Para HTML 4.01 Transitional (recomendado dentro de HTML 4.01) escribiríamos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

EJEMPLO QUE USA HTML 5

EJEMPLO QUE USA HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

CREACIÓN Y VISUALIZACIÓN DE DOCUMENTOS HTML

Conteste las siguientes preguntas:

*Redacte una breve reseña histórica del html_____________________________________________________

 Archivo uno, debe mostrar el siguente mensaje:

 Archivo dos, debe mostrar el siguente mensaje:

TENER EN CUENTA LO SIGUIENTE:

 Utilizar como nombre de los documentos html el siguiente formato.

Numero de documento Nombre del estudiante

Pagina_1_omar.html Todos llevan esta extensión

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

 Hacer mientras (Do While) - Mientras hacer (While)

Ciclos While y Do While

 Usando la estructura while sólo

 Do While funciona de forma

Estructura (Do While) Características

 Haga la secuencia de acciones mientras la expresión lógica sea verdadera.

Gráficamente se vería así:

Ejemplo 1: Diagrama de flujo

Análisis del problema: Los números naturales son

Pasos que se deben realizar:

Análisis del problema: Comprender. La factorial de un

Pasos que se deben realizar:

Enunciado: Escribir un programa donde se puedan ingresar tantos

Análisis del problema:

Pasos que se deben realizar:

Enunciado: Visualizar los primeros 30 múltiplos de un número

Análisis del problema:

Pasos que se deben realizar:

El camino por el que se desplazan los electrones es lo que denominamos

El Voltaje ( V ) Unidad: Voltios Símbolo unidad : V

La Resistencia ( R ) Unidad: Ohmios Símbolo unidad : W

La fórmula para relacionar estas tres cantidades es llamada la ley de Ohm: V = R x I

La Potencia ( P ) Unidad: Watios Símbolo unidad: W

Formulas: P = I² * R que también puede expresarse como P = V * I

Elementos de los circuitos eléctricos.

Dibujar los componentes eléctricos de un circuito con su

Intensidad de corriente (I):

La intensidad de corriente, también llamada corriente eléctrica, se define

Voltaje o tensión (V):

Resistencia eléctrica (R):

Se define la resistencia eléctrica como la mayor o menor dificultad que