Documentos de Académico
Documentos de Profesional
Documentos de Cultura
“26 de Noviembre”
Zaruma – El Oro
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.
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>
<p>Esto es un párrafo. Bienvenidos a esta página web.</p>
</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 <p> con </p>.
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.
¿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.
Es por ello que no puede definirse como un lenguaje de programación, sino como un sistema de etiquetas.
Veámoslo con un ejemplo.
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.
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>
<p>1</p> 1
<p>2</p> 2
<p>3</p> 3
<p>4</p> 4
<p>5</p> 5
HTML
<p>6</p> 6
<p>7</p> 7
<p>8</p> 8
<p>9</p> 9
<p>10</p> 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.
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.
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.
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.
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.
<!DOCTYPE html>
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.
<!DOCTYPE html">
<html>
<body>
<p>Esto es una prueba de web creada con HTML 5</p>
</body>
</html>
Vista en el navegador Mozilla Firefox que obtendríamos para el documento HTML anterior.
Vista en el navegador Google Chrome que obtendríamos para el documento HTML anterior.
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:
*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 tres, debe mostrar el siguente mensaje, en vez del nombre del profesor, ponga sus nombres completos:
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 <p> y </p> como se muestra a
continuación:
RECURSOS:
*Computador
*Adobe reader
*Bloc de notas
*Navegador web
FIGURA PROFESIONAL: Informática
MÓDULO FORMATIVO: Programación y Bases de Datos
CURSO: Segundo
SEMANA 3: Del 15 al 19 de junio del 2020
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:
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.
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.
Definición de Variables:
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
ACTIVIDADES DE APRENDIZAJE:
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.
Entradas:
Procesos:
Definición de Variables:
Entradas:
Procesos:
Definición de Variables:
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.
FIGURA PROFESIONAL: Informática
MÓDULO FORMATIVO: Soporte Técnico
CURSO: Segundo
SEMANA 3: Del 15 al 19 de junio del 2020
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.
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:
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.
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
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.
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.
𝑳
𝐑 = 𝛒
𝑺
Dónde:
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:
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.
ACTIVIDADES DE APRENDIZAJE:
RESULEVA LA SIGUIENTE SOPA DE LETRAS SOBRE TERMINOS DE ELECTRICIDAD
RECURSOS:
Computadora/celular, cuaderno, esferos.
Calculadora
Internet y navegador web
WhatsApp como recurso educativo