tag:blogger.com,1999:blog-60813303718671901942024-03-05T04:22:29.050-08:00CERIATENCIÓN: AL FINALIZAR CADA PERIODO, REVISO LA CARPETA DE PERIODO CON TODAS LAS ACTIVIDADES AL DÌA, LO MISMO QUE EL CUADERNO EN COMPLETO ORDEN, ESTO DA LA NOTA FINAL.wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.comBlogger85125tag:blogger.com,1999:blog-6081330371867190194.post-71802637839548930382019-10-21T10:39:00.002-07:002019-10-21T10:39:34.496-07:00HARDWARE ELEMENTOS<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;">Vamos a realizar un recorrido por todos los </span><span class="negrita" style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; font-weight: bold; orphans: 2; text-align: justify; widows: 2;">Elementos de hardware</span><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> que puede tener un sistema informático para poder comprender la llamada arquitectura de los ordenadores. Una vez estudiado puedes ir al juego:</span><a href="https://www.areatecnologia.com/informatica/partes-de-computador.html" style="color: red; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" target="_blank" title="partes del computador">Partes del Computador</a><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;">.</span><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> Para ello </span><span class="negrita" style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; font-weight: bold; orphans: 2; text-align: justify; widows: 2;">empezaremos explicando algunos conocimientos básicos</span><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> imprescindibles para entender las características de los diferentes componentes, como son los conceptos de velocidad, capacidad almacenamiento, etc.</span><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> En un sistema informático u ordenador se introducen datos, ahora bien para que este puede entenderlos los datos deben ser traducidos al lenguaje eléctrico, ya que es el único que el ordenador conoce. No debemos olvidar que el ordenador es una máquina eléctrica, actúa de una forma o de otra en función de si hay o no hay corriente en determinados sitios.</span><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> </span><span class="negrita-subrayado" style="color: blue; display: inline; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; font-weight: bold; orphans: 2; text-align: justify; text-decoration: underline; widows: 2;">¿Cómo nos Entendemos con el Ordenador?</span><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><br style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;" /><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> </span><span class="negrita" style="color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; font-weight: bold; orphans: 2; text-align: justify; widows: 2;">El microprocesador</span><span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"> del ordenador está formado por millones de interruptores que son accionados eléctricamente cuando les llega corriente eléctrica y están sin accionar cuando no les llega corriente. Estos interruptores están todos integrados en un microchip.</span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><br /></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="microprocesador" height="79" longdesc="https://www.areatecnologia.com/TUTORIALES/microprocesador" src="https://www.areatecnologia.com/informatica/imagenes/microprocesador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="120" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Los dos estados posibles de estos interruptores integrados en el micro para nosotros serán “0” y “1”, que corresponden a los estados de un interruptor “abierto” y “cerrado”.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="estados interruptores" height="76" longdesc="https://www.areatecnologia.com/TUTORIALES/estados%20interruptores%20microprocesador" src="https://www.areatecnologia.com/informatica/imagenes/estados-interruptor.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="192" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Cada uno de estos dígitos o estados se denomina </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">bit</span><span style="font-variant-ligatures: normal;">: unida más pequeña de representación de información en un ordenador, que se corresponde con un dígito binario, un 0 o un 1.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Es decir la información más pequeña que podemos representar en un ordenador es un 0 o un 1, es decir </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">un bit</span><span style="font-variant-ligatures: normal;">.</span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><br /></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Del Lenguaje Humano al Lenguaje del Ordenador</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> En el sistema de codificación utilizado por los ordenadores es el </span><a href="https://www.areatecnologia.com/sistema-binario.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="sistema binario">sistema binario</a><span style="font-variant-ligatures: normal;">, cada carácter (símbolo o letra) y número se representa por un </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">byte: conjunto de 8 bits</span><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="bit y byte" height="145" longdesc="https://www.areatecnologia.com/TUTORIALES/bit%20y%20byte" src="https://www.areatecnologia.com/informatica/imagenes/bit-byte.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="466" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Es decir cada carácter (letra o símbolo) o número está formado por una combinación de 8 ceros y unos = 1 byte. Lógicamente cada uno con una combinación diferente.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Por ejemplo, la letra A en este código (ASCIL) se expresa con 8 bits, que son: 10100001</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">1 byte=8bits (un carácter, número o espacio en blanco)</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">1Kilobyte=1024Bytes</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">1Megabyte=1024Kilobytes</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">1Gigabyte=1024Megabytes</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Si tenemos 8 interruptores y accionamos el primero, el cuarto y el octavo (fíjate en el código del a letra A anterior), le estamos diciendo al ordenador que saque en pantalla la letra A. Esto pasa cuando apretamos la letra A en el teclado del ordenador. ¡Ya nos hemos comunicado con nuestro ordenador!.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Almacenamiento y Velocidad</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Un byte ya sabemos que es un carácter o un número. 1Kb (kilobyte) son 1024 caracteres o números. Ojo no son 1.000, son 1.024.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Un documento que ocupa 1Kb estará formado por 1024 números, letras, símbolos o espacios en blanco</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El Byte es la </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">unidad de almacenamiento o capacidad</span><span style="font-variant-ligatures: normal;"> utilizada en informática. Cuantos más bytes podamos meter en un almacén mayor capacidad tendrá ese almacén.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El byte es una unidad muy pequeña, por eso se utilizan sus múltiplos como el Kb, Mb (megabyte), Gb (gigabyte), etc.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">La unidad de velocidad de transmisión de datos</span><span style="font-variant-ligatures: normal;"> (los bytes son los datos) de un sitio a otro se expresará en Bytes/segundo (B/s), KB/s, MB/s o GB/s. En algunas ocasiones se representa por bits por segundo en lugar de bytes (sobre todo en internet). En este caso se diferencia por que la abreviatura es b (minúscula) en lugar de la B (mayúscula) usada para los bytes.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Ejemplo Mb/s (Mbps) (megabits por segundo) “Es una unidad 8 veces menor que en MB/s”. No confundir.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Otra unidad de </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">velocidad o medida de la rapidez</span><span style="font-variant-ligatures: normal;"> usada en informática es la unidad de </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">frecuencia que se mide en Hz</span><span style="font-variant-ligatures: normal;"> (hertzios, veces por segundo que algo se repite) o Mhz (MegaHertzios más común).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Cuando un componente tiene una velocidad de 1Mhz quiere decir que ese componente realiza algo un millón de veces por segundo. Lo que realice depende del componente.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Resumiendo </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">las unidades de velocidad más usadas</span><span style="font-variant-ligatures: normal;"> en informática serían Kbps o Kb/s, KBps o KB/s y Mhz o Ghz (mil millones de veces por segundo).</span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Las unidades de almacenamiento</span><span style="font-variant-ligatures: normal;"> Byte, KB, MB, GB o TB (terabytes).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Ejemplos de Conexiones a internet: RTB (56Kbps) RDSI (64Kps, 128Kbps) . ADSL (256Kbps, 512Kbps, 1000Kbps, 8Mbps, etc.). Cable (128 o 256 Kbps….).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Velocidad del ordenador</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">La velocidad de un ordenador depende de varios factores</span><span style="font-variant-ligatures: normal;">. El más importante es la frecuencia y después el numero de bits interno. También es importante la capacidad de la memoria Ram que veremos más adelante.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Cada microprocesador puede trabajar simultáneamente con un número determinado de bits a la vez, es decir, un dato importante que debemos conocer es el </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">número de bits internos</span><span style="font-variant-ligatures: normal;"> del microprocesador (o ancho de banda).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Es semejante a una cosechadora que es capaz de segar varias filas de maíz en cada vuelta que da al campo. Cuantas más filas de maiz sea capaz de segar a la vez en cada vuelta, antes acabará de cosechar el campo. Mas ancha la hoja con la que siega implica que tarda menos en segar.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> También pasa esto en el microprocesador. Cuanto mayor sea el número de bits internos del micro con los que pueda trabajar a la vez, menos tardará en procesar los datos.</span></span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;">Valores típicos para los microprocesadores son 16 (ya en desuso), 32 ó 64 bits internos. Esto nos da una idea de la rapidez del micro.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">El ciclo de la máquina o frecuencia</span><span style="font-variant-ligatures: normal;"> es la serie de operaciones requerida para procesar una instrucción. Dentro de los ordenadores hay un reloj que va marcando el ritmo de trabajo. Es el número que acompaña al microprocesador en la propaganda e indica la velocidad en Megahertzios (millón de instrucciones por segundo) Cuanta más alta es la frecuencia, mayor es la velocidad del ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Un ordenador que tiene un ciclo o frecuencia de 2Mhz significa que es capaz de realizar 2 millones de instrucciones en cada segundo.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">bus de datos</span><span style="font-variant-ligatures: normal;"> es la autopista por la que se transporta o viaja la información (los bits) de un sitio a otro del ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Los datos viajan por cables llamados buses o por el interior de la placa base por la llamadas pistas.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="buses y pistas" height="347" longdesc="https://www.areatecnologia.com/TUTORIALES/buses%20y%20pistas" src="https://www.areatecnologia.com/informatica/imagenes/buses-pistas.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="829" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La placa base envía los datos a su exterior por medio de los cables o buses. Es decir utiliza buses para enviar la información desde la placa base al resto de componentes, como por ejemplo al disco duro.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Siguiendo con nuestro ejemplo de la cosechadora, una vez que tiene el grano almacenado, lo deposita en los remolques de los camiones para transportarlo. De nada sirve disponer de una gran cosechadora, si luego perdemos mucho tiempo transportándolo en los camiones, por que estos son pequeños o muy lentos.</span></span></span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;">A mayor ancho de los buses mas información puede mandar a la vez y por tanto es más rápido el envío de información.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Por lo tanto en el ordenador, cuanto mayor sea el número de bits del bus de datos, más fluido y rápido será el tráfico de un sitio a otro del ordenador. Para saber más vete al siguiente enlace: </span><a href="https://www.areatecnologia.com/informatica/tipos-de-buses.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="cable bus">Cable Bus y Tipos de Buses</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Velocidad bus datos y ancho de banda del bus</span><span style="font-variant-ligatures: normal;">: Normalmente el ancho de banda de los bus ahora es de 32 o 64 bits (datos que transporta a la vez) y la velocidad a la que transporta estos datos también se puede representar por MHz (millones de veces por segundo que transporta su ancho de banda). Esta puede variar mucho en función del bus del que se trate( cables, pistas, interior del componente ,etc.). Por ejemplo 533MHzbr</span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Como conclusión diremos que </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">en la rapidez de un ordenador influyen varios factores</span><span style="font-variant-ligatures: normal;">:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> - Número de bits que puede procesar por cada instrucción: </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Nº de bits internos</span><span style="font-variant-ligatures: normal;"> o ancho de banda del micro.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> - El número de instrucciones que puede procesar por segundo: </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Frecuencia de trabajo</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> - La velocidad a la que pueden circular los datos de un sitio a otro: </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Velocidad bus datos y ancho de banda del bus.</span><span class="texto" style="font-stretch: normal; line-height: normal; margin: 0px 345px 0px 0px; padding: 10px;"><br /></span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">COMPONENTES DE UN ORDENADOR</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="componentes de un ordenador" height="535" longdesc="https://www.areatecnologia.com/TUTORIALES/componentes%20de%20un%20ordenador" src="https://www.areatecnologia.com/informatica/imagenes/componentes-de-un-ordenador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="818" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">La "caja" o torre</span><span style="font-variant-ligatures: normal;"> es determinante para la buena ventilación del sistema. El tamaño de la torre es directamente proporcional al número de las bahías que dispondremos para poder colocar diversos componentes tales como unidades de almacenamiento.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="torre ordenador" height="312" longdesc="https://www.areatecnologia.com/TUTORIALES/torre%20ordenador" src="https://www.areatecnologia.com/informatica/imagenes/torre-ordenador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="333" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">La Fuente de Alimentación</span><span style="font-variant-ligatures: normal;">, es un montaje eléctrico/electrónico capaz de transformar la corriente de la red eléctrica en una corriente que el ordenador pueda soportar. Tensión de entrada 220V-Tensiones de salida de +-5 y +-12 voltios.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="fuente de alimentacion" height="209" longdesc="https://www.areatecnologia.com/TUTORIALES/fuente%20de%20alimentacion" src="https://www.areatecnologia.com/informatica/imagenes/fuente-de-alimentacion.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="278" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Si quieres saber más sobre las fuentes te recomendamos este enlace: </span><a href="https://www.areatecnologia.com/electronica/fuente-alimentacion.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="fuente de alimentacion">Fuente de Alimentación</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">La "placa base" (mainboard)</span><span style="font-variant-ligatures: normal;">,, o "placa madre" (motherboard), es el elemento principal de todo ordenador, en el que se encuentran o al que se conectan todos los aparatos y dispositivos. Debe ser compatible con el micro. Aquí puedes saber más: </span><a href="https://www.areatecnologia.com/elementos-placa-base.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="placa base">Placa Base</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Más abajo tienes la imagen de una placa base.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Tarjetas de expansión</span><span style="font-variant-ligatures: normal;"> : elementos que hacen posible la comunicación con algunos periféricos. Se conectan en las ranuras de expansión o slots, y a ellas se conectan los periféricos. La función principal es transformar la señal enviada por el ordenador (microprocesador) en señales que pueden reconocer y trabajar los periféricos y viceversa. Tarjeta de vídeo, de audio, de red, etc.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Slots ó ranuras de expansión</span><span style="font-variant-ligatures: normal;"> : Ranuras de plástico con conectores eléctricos, dónde se insertan y controlan las tarjetas de expansión. Van unidas a la placa base y conectadas por los buses de la placa base (pistas) al micro.</span></span></span></span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Ranuras PCI</span><span style="font-variant-ligatures: normal;">: el estándar actual. En estas ranuras se suelen conectar casi todas las tarjetas excepto quizá algunas tarjetas de vídeo 3D. Generalmente son blancas.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Ranuras AGP</span><span style="font-variant-ligatures: normal;">: o más bien ranura, ya que se dedica exclusivamente a conectar tarjetas de vídeo 3D, por lo que sólo suele haber una.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Ranuras ISA</span><span style="font-variant-ligatures: normal;">: son las más veteranas, un legado de los primeros tiempos del PC. Suficiente para conectar un módem o una tarjeta de sonido, pero la transmisión es muy lenta para una tarjeta de vídeo.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Ranuras SIMM y DIMM</span><span style="font-variant-ligatures: normal;"> : Para módulos de ampliación de memoria RAM. Los módulos SIMM están en desuso.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="slots" height="226" longdesc="https://www.areatecnologia.com/TUTORIALES/slots%20o%20ranuras%20de%20expansi%C3%B3n" src="https://www.areatecnologia.com/informatica/imagenes/slots.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="293" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> En los ordenadores es tan grande el tráfico de datos por todos sus buses que se necesita alguien que dirija ese tráfico, y no solo valdrá con un elemento que lo dirija sino que hará falta varios especializados, por ejemplo una para que dirija el tráfico de salida y llegada de los datos al disco duro (controladora del disco duro), otro para decir por donde viajan los datos al llegar a un punto hasta que llegar a la RAM, otro para controlar el flujo entre la RAM y el micro, otro para definir cuando salen y por donde van los datos que salen del micro a la pantalla, otro para definir que datos tienen preferencia, etc. Esto lo hacen las llamadas </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">controladoras</span><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Controladoras (interface)</span><span style="font-variant-ligatures: normal;"> : controlan el flujo de datos entre el sistema (micro) y un componente de hardware.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Son elementos incorporados en la placa base, a veces lo incorpora el propio componente, y que tienen como objetivo la conexión (el control) de dispositivos como discos duros, unidades de CD-Rom, unidades DVD o las tarjetas de expansión con la memoria. Las controladoras son de dos tipos:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">IDE/EIDE/ATA/SerialATA/ultraDMA</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Controlan dispositivos IDE conectados en las ranuras o conectores IDE y SCSI/Fireware.. Un dispositivo IDE tiene un conector IDE, cable IDE (tarjeta para el dispositivo IDE si hace falta) y debe conectarse a una ranura IDE para trabajar bajo un controlador IDE. Los EIDE, ATA ó ultraDMA valen las controladoras IDE y un cable IDE, ya que solo son controladoras IDE mejoradas.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Un </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">dispositivo SCSI</span><span style="font-variant-ligatures: normal;"> tiene un conector SCSI, cable SCSI, tarjeta controladora SCSI (algunos la traen incorporada) y conectarse a una ranura SCSI para trabajar bajo un controlador SCSI. Lo mismo para el Fireware que es un SCSI avanzado.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="conectores" height="482" longdesc="https://www.areatecnologia.com/TUTORIALES/conectores" src="https://www.areatecnologia.com/informatica/imagenes/conectores.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="818" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">El "chipset“</span><span style="font-variant-ligatures: normal;">: mediante este elemento se han integrado en un solo componente los que antes se encontraba en varias controladores. Se trata de agrupar en un solo componente controladoras que todos los ordenadores necesitan. Dirige el tráfico de bits en la placa base, como la forma en que interacciona (se comunica) el microprocesador con la memoria o la caché, o el control de los puertos y slots ISA, PCI, AGP, USB. Viene insertado en la placa base.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Las </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">características del chipset</span><span style="font-variant-ligatures: normal;"> y su grado de calidad marcarán los siguientes factores a tener en cuenta:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">1. Que obtengamos o no el máximo rendimiento del microprocesador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">2. Posibilidades de actualizar el ordenador (por ejemplo cantidad máxima de memoria).</span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">3. Poder utilizar ciertas tecnologías más avanzadas de memorias y periféricos.</span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">4. Compatibilidades: Tarjetas, micros y memorias. (con el micro elegido).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="chipset" height="212" longdesc="https://www.areatecnologia.com/TUTORIALES/chipset" src="https://www.areatecnologia.com/informatica/imagenes/chipset.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="284" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Ojo no confundir con el micro. El micro no se ve por que lleva encima el ventilador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">MEMORIA ROM</span><span style="font-variant-ligatures: normal;">: Su nombre viene del inglés Read Only Memory que significa Memoria de Solo Lectura ya que la información que contiene puede ser leída pero no modificada.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> En ella se encuentra toda la información que el sistema necesita para poder funcionar correctamente ya que los fabricantes guardan allí las instrucciones de arranque y el funcionamiento coordinado del ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Al encender nuestro ordenador automáticamente comienza a funcionar la memoria ROM. Por supuesto, aunque se apague, esta memoria no se borra. Esta configuración se guarda y se mantiene sin borrar cuando se apaga la PC gracias a una pila que hay en la placa principal. No se usa, actualmente se usa la Bios.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">LA BIOS</span><span style="font-variant-ligatures: normal;"> de un ordenador (Basic Input Operative System) es una memoria ROM, pero con la facultad de configurarse según las características particulares de cada máquina (hay datos que se pueden modificar no todos). Es un programa instalado en un chip de la placa base, que se encarga del arranque y la configuración del ordenador. Sustituye a la ROM.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="bios" height="176" longdesc="https://www.areatecnologia.com/TUTORIALES/bios%20del%20sistema" src="https://www.areatecnologia.com/informatica/imagenes/bios.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="422" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">La pila del ordenador</span><span style="font-variant-ligatures: normal;">, o más correctamente el acumulador, se encarga de conservar los datos de la BIOS cuando el ordenador está apagado. Sin ella, cada vez que encendiéramos tendríamos que introducir las características del disco duro, del chipset, la fecha, la hora, el inicio de Windows al arrancar, etc. El acumulador acaba de descargarse por completo (como las baterías del móvil) y debe de cambiarse (por ejemplo cuando no cambia la fecha en el ordenador).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="pila del ordenador" height="128" longdesc="https://www.areatecnologia.com/TUTORIALES/pila%20del%20ordenador" src="https://www.areatecnologia.com/informatica/imagenes/pila-ordenador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="150" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">La memoria principal o RAM</span><span style="font-variant-ligatures: normal;"> (Random Access Memory, Memoria de Acceso Aleatorio) es donde el ordenador guarda los datos de los programas que se están ejecutando en ese momento y de donde coge las órdenes el micro.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> A la hora de elegir una RAM tendremos en cuenta dos datos, la capacidad de almacenamiento (32Mb, 64Mb, 128Mb, 256Mb, 512MB, 1GB, 3GB…) y también la velocidad de transferencia de datos entre la RAM y el micro (en MHz millones de veces que manda un bloque de información (ancho de banda del bus de la placa por segundo).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El almacenamiento es considerado temporal por que los datos y programas permanecen en ella mientras que el ordenador este encendido. Al apagarse los datos que hay en ella se pierden.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La RAM se puede ampliar con módulos de memoria (solo si escasea, ya que sino no servirá para nada), pero si ponemos dos RAM con diferentes velocidades de transmisión las 2 trabajarán a la velocidad de la más baja. Existen varios tipos de RAM:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> - DRAM : es "la original", y por tanto la más lenta (las hay para ranuras DIMMs o SIMMs pero este tipo está obsoleto.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- DDRAM: A doble velocidad que la DRAM. Muy usada todavía.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- SDRAM: están sincronizadas con la velocidad de los buses de la placa, es decir los Mhz del bus de la placa es a la velocidad que trabaja la RAM, por eso su velocidad se mide en Mhz. Solo las hay módulos para ranuras DIMM. Hay muchas Ram derivadas de esta DDR-SDRAM, PC100, PC133, etc.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- RIMM:. Es la gran rival de la SDRAM,, funcionan en un rango de 900 MHz y 1GHz. Está por ver si será el modelo estándar de memoria, ya que sus fabricantes, obligan a los que quieran utilizar su tecnología a pagar cuantiosas cantidades.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Aquí puedes saber más: </span><a href="https://www.areatecnologia.com/TECNOLOGIA%20EN%20IMAGENES/TIPOS%20DE%20MEMORIAS%20RAM.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="tipos de RAM">Tipos de Memoria RAM</a><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Memoria caché</span><span style="font-variant-ligatures: normal;"> : Desde el punto de vista del hardware, existen dos tipos de memoria caché; interna y externa (L1 o primaria y L2 o secundaria). La memoria caché interna esta incorporada en la CPU (micro) del ordenador, mientras que la externa se encuentra fuera de la CPU entre el micro y la RAM.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La memoria Caché es una clase de memoria RAM especial de alta velocidad.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La CPU puede obtener las instrucciones y los datos ubicados en la memoria caché mucho más rápidamente que las instrucciones y datos almacenados en la memoria principal (RAM). En la caché se almacenan los datos que más utilizamos normalmente. El micro mira primero en la caché y si no tiene los datos los obtiene de la RAM. La RAM no es capaz de trabajar a la velocidad del micro, la Caché sí. Son de tamaño mucha más pequeño que la RAM por que son mucho más caras. Su capacidad de almacenamiento suele ser de Kbytes.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La memoria caché es como un tablero de anuncios en el que se colocan los papeles que se utilizan con mayor frecuencia. Cuando se necesita la información del tablero de anuncios (CACHE), simplemente se mira al tablero; si hay no están se buscará en el archivador donde cabe más información pero es más lento encontrarla (RAM). La Ram no es capaz de trabajar a la velocidad del micro la caché sí.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="memoria cache" height="226" longdesc="https://www.areatecnologia.com/TUTORIALES/memoria%20cache" src="https://www.areatecnologia.com/informatica/imagenes/memoria-cache.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="719" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Memoria Virtual</span><span style="font-variant-ligatures: normal;">: Es una ayuda a la memoria RAM. Sirve como una ampliación auxiliar de memoria cuando las cosas se ponen feas, es decir, cuando el sistema escasea de memoria RAM. Cuando tenemos muchas aplicaciones abiertas y el tamaño de todas ellas supera el total de memoria RAM física instalada, Windows mueve parte del contenido de la memoria al disco duro, para dejar espacio libre para nuevas aplicaciones.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Lógicamente el ordenador se ralentiza, por que el disco duro en un almacén que transmite los datos al micro mucho más lentos que la RAM. El archivo que especifica el tamaño usado de memoria virtual se llama archivo de paginación (tamaño memoria virtual).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">El Microprocesador</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Microprocesador (CPU)</span><span style="font-variant-ligatures: normal;">: es el verdadero ordenador, ya que se encarga de realizar todas las operaciones de cálculo, y de controlar todo lo que sucede en el ordenador recibiendo información y enviando órdenes (solo de la cache y de la RAM) para que los otros componentes trabajen. Consta internamente de dos partes:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Unidad aritmetica_logica(UAL)</span><span style="font-variant-ligatures: normal;">: esta unidad realiza todos los cálculos matemáticos de la CPU (le ayuda el coprocesador en las aritméticas). Se compone de un circuito complejo. El ALU, puede sumar, restar, multiplicar, dividir, y realizar otros cálculos u operaciones con los números binarios (función lógica SI por ejemplo).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;">- </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Unidad de control</span><span style="font-variant-ligatures: normal;">: este componente es responsable de dirigir el flujo (en qué orden deben ir, y cuando) de instrucciones y de datos dentro de la CPU. Ordena lo que se hace en el micro en cada momento.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="trabajo del micro" height="305" longdesc="https://www.areatecnologia.com/TUTORIALES/trabajo%20del%20microprocesador" src="https://www.areatecnologia.com/informatica/imagenes/trabajo-micro.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="792" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> A la hora de elegir un micro tendremos en cuenta lo primero el tipo (Intel Pentium o AMD Athlon) que sea compatible con la placa base elegida y el chipset, el tipo de zócalo (donde se inserta en la placa base).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Suelen se tipo socket LGA 775 (para los pentium 4) con mecanismo ZIF que es una palanca para introducir y sacar el micro, o del tipo socket 939 (para Athlon 64) y la frecuencia o velocidad. También es importante saber el número de bits (32 o 64) y el tamaño de la memoria caché.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La CPU o micro se calienta y para ello se le pone un </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">disipador del calor (ventilador).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Aquí puedes saber más: </span><a href="https://www.areatecnologia.com/tipos-de-micros.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="tipos de microprocesadores">Tipos de Microprocesadores</a><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Ventilador</span><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El Micro (también llamado CPU) se calienta y para ello se le pone un disipador con un ventilador, si nosotros le aumentamos la frecuencia de trabajo, la temperatura aumentará en mayor medida y puede afectar en el rendimiento del equipo e incluso puede producir cuelgues y mal funcionamiento. El ventilador queda en contacto con la CPU.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="ventilador del ordenador" height="313" longdesc="https://www.areatecnologia.com/TUTORIALES/ventilador%20del%20ordenador" src="https://www.areatecnologia.com/informatica/imagenes/ventilador-ordenador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="530" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Los Puertos</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Un puerto es por donde se recibe o envía información al ordenador desde el exterior. Por ejemplo el ratón es un periférico, no pertenece propiamente al ordenador, por eso la información que se envía desde el ratón al ordenador debe pasar por un puerto (conexión), que será el puerto donde se conecta el ratón con el ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El puerto más usado actualmente para conectar casi todos los periféricos es el puerto USB. De todas formas vamos a ver los tipos de puertos que nos podemos encontrar en un ordenador mediante la siguiente imagen:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="puertos del ordenador" height="536" longdesc="https://www.areatecnologia.com/TUTORIALES/puertos%20del%20ordenador" src="https://www.areatecnologia.com/informatica/imagenes/puertos-ordenador.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="689" /><span style="font-variant-ligatures: normal;"> </span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Los puertos serie (COM)</span><span style="font-variant-ligatures: normal;"> : Ya en desuso aunque el PC incluye dos puertos serie.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Los puertos paralelos (LPT)</span><span style="font-variant-ligatures: normal;">: Las impresoras recuerdan inmediatamente la imagen mental del puerto paralelo.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Puertos PS/2</span><span style="font-variant-ligatures: normal;">: son un tipo de puerto serie, y a ellos se conectan el teclado y el ratón.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Puerto USB</span><span style="font-variant-ligatures: normal;"> (Universal Serial Bus): es un estándar en los ordenadores de última generación. Es totalmente Plug & Play, es decir, con sólo conectar el dispositivo y en caliente (con el ordenador encendido), el dispositivo es reconocido e instalado de manera inmediata. USB 1.0, 1.1, 2.0 cuanto mas grande es el número mayor es la velocidad de transferencia de datos entre el periférico conectado al puerto y el ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Puerto Fireware</span><span style="font-variant-ligatures: normal;">: Entrada y salida de datos a gran velocidad. Suele emplearse para trasferir datos entre cámaras o video cámaras y el ordenado.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Conectores (puertos) VGA</span><span style="font-variant-ligatures: normal;">: se usan para conectar los monitores y son de color azul.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">Puerto HDMI</span><span style="font-variant-ligatures: normal;">: Es el puerto mejor y más usado para conectar los monitores o pantallas. Es un puerto que transmite audio y video a la vez (multimedia). Tienen un ancho de banda (velocidad de transmisión) de hasta 5 gigabytes por segundo, por eso se utiliza para enviar señales de alta definición HD. Puedes saber más sobre la alta definición en el siguiente enlace: </span><a href="https://www.areatecnologia.com/tecnologia%20interesante/tv%20lcd%20full%20hd.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="tv lcd full hd">TV LCD FULL HD</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Aquí puedes ver el conector y puerto HDMI:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="hdmi" height="140" longdesc="https://www.areatecnologia.com/TUTORIALES/puerto%20y%20conector%20hdmi" src="https://www.areatecnologia.com/informatica/imagenes/hdmi.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="537" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Tampoco hay que olvidar otro tipo de conectores que son ya habituales en los ordenadores portátiles como los </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">puertos infrarrojos</span><span style="font-variant-ligatures: normal;"> que transmiten los datos sin cables físicos y los transmisores </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">bluetooth</span><span style="font-variant-ligatures: normal;"> inalámbricos que generalmente se insertan en un puerto USB o en tarjeta pcmcia que es otro puerto de comunicaciones.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La tecnología </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">wíreless</span><span style="font-variant-ligatures: normal;"> es para transmisión inalámbrica (por ondas como las de la radio) entre ordenadores (redes) y usan </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">transmisores wi-fi</span><span style="font-variant-ligatures: normal;"> (antenas, router,etc) para la transmisión de los datos. En los ordenador modernos viene el transmisor-receptor wi-fi, o bluetooh incorporado para poder conectar a él componentes con esta tecnología inalámbrica.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Lo último en transmisión de datos es por medio de la luz. Aquí tienes más información: </span><a href="https://www.areatecnologia.com/nuevas-tecnologias/li-fi.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="lifi">LI-FI</a><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Podemos como conclusión decir que tenemos 3 tipos de transmisiones inalámbricas: infrarrojos, bluetooth y wi-fi.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Para saber más sobre los puertos visita este enlace: </span><a href="https://www.areatecnologia.com/informatica/puertos-de-comunicacion.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="puertos de comunicacion">Puertos de Comunicacion</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Periféricos</span><span style="font-variant-ligatures: normal;">: Aparatos externos conectados al ordenador. Permiten comunicarnos con el ordenador. Según su función pueden ser de salida, de entrada y de entrada y salida. Si quieres saber más sobre los periféricos visita el siguiente enlace: </span><a href="https://www.areatecnologia.com/informatica/perifericos.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="perifericos">Perifericos</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">El disco duro</span><span style="font-variant-ligatures: normal;"> es la unidad de almacenamiento más importante y más grande del ordenador. En él se guardan los programas, archivos, juegos, etc. que tenemos en nuestro ordenador.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La información se almacena en unos finos platos o discos, generalmente de aluminio, recubiertos por un material sensible a alteraciones magnéticas.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Estos discos, cuyo número varía según la capacidad de la unidad, se encuentran agrupados uno sobre otro y atravesados por un eje, y giran continuamente a gran velocidad. La velocidad de rotación, incide directamente en el tiempo de acceso a los datos (rapidez).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> En antiguas unidades era de 3.600 rpm (revoluciones por minuto). La mayoría de los discos duros actuales giran ya a 7.200 rpm, Y actualmente, existen discos de alta gama aún más rápidos, hasta 10.000 rpm. Dos son los datos importantes a la hora de elegir un disco duro, su capacidad de almacenamiento (en GB) y su velocidad de rotación (en r.p.m.).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> OJO Hay </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">dos tipos de discos duros</span><span style="font-variant-ligatures: normal;"> según el tipo de controladora </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">IDE</span><span style="font-variant-ligatures: normal;"> (o las IDE mas avanzadas) o </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">SCSI</span><span style="font-variant-ligatures: normal;"> (fireware).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> La superficie de un disco del disco duro se divide en una serie de anillos concéntricos, denominados pistas. Al mismo tiempo, las pistas son divididas en tramos de una misma longitud, llamados sectores; normalmente en un sector se almacenan 512 bytes. Finalmente, los sectores se agrupan en clúster o unidades de asignación (cantidad mínima de espacio que se puede asignar a un archivo).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Por ejemplo si el clúster es de 4Kb, significa que para guardar un archivo de 1Kb se usan 4Kb, para guardar 5Kb se emplean 8Kb, por eso el clúster debe ser del menor tamaño posible. Normalmente 4 sectores de 512 bytes constituyen un Clúster (racimo), y uno o más Clúster forman una pista.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="disco duro" height="153" longdesc="https://www.areatecnologia.com/TUTORIALES/disco%20duro" src="https://www.areatecnologia.com/informatica/imagenes/disco-duro.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="435" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Lectora grabadora de CD-ROM o de DVD</span><span style="font-variant-ligatures: normal;">: el parámetro principal por el que se distinguen en los comercios y la publicidad estas unidades, al margen de su marca, es la velocidad de transferencia de la información, que en el caso de las grabadoras son 3 las velocidades y se representan por un número seguido de una X (cada x 15Kb/s).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Ejemplo; 52x/24x/52x (lee regraba graba). En el caso de DVD vienen 2 una para CD y otra para DVD.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Los DVD de doble capa son DVD en los que los datos se graban en el DVD en dos capas una encima de otra (doble capacidad), para leer estos DVD se necesita un lector de DVD de doble capa. (recordar capacidades de almacenamiento disquete, cd y dvd).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Otro dato importante es el </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">buffer de memoria</span><span style="font-variant-ligatures: normal;"> que es la cantidad de datos que puede almacenar cuando está grabando para que en caso de que el ordenador no mande datos los pueda leer desde la grabadora sin estropearse la grabación por falta de datos (en MB).</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Monitores</span><span style="font-variant-ligatures: normal;">: Los monitores CRT son los de toda la vida: con su tubo de rayos catódicos; como los de los televisores. Las características a tener en cuenta en este tipo de monitores es el tamaño (en pulgadas) y su frecuencia o velocidad de refresco (número de veces que la pantalla se dibuja por segundo (parpadeo). Ejemplo un monitor de 60Hz (mínimo aceptable) se dibuja la pantalla 60 veces cada segundo.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">Las pantallas TFT</span><span style="font-variant-ligatures: normal;"> (cristal líquido LCD) Son los más recientes frutos de la tecnología aplicada al mundo de los monitores planos, dejando atrás a los modelos de tubo CRT. Aunque estos monitores no parpadean tienen una característica similar al a frecuencia de refresco y es el tiempo de respuesta (tiempo que tarda en realizar un cambio en el monitor pedido por el usuario), cuanto más pequeño sea mejor. Se mide en milisegundos (20ms mínimo para evitar efectos de ver el rastro del movimiento del ratón por ejemplo). Estos monitores tienen una resolución fija, si se cambia pierde calidad la imagen.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;"> Para elegir un monitor tendremos en cuenta el tipo, la resolución (máxima), frecuencia de refresco o tiempo de respuesta (en TFT) y el paso del punto.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Para saber más sobre pixeles y resolución te recomendamos este enlace: </span><a href="https://www.areatecnologia.com/informatica/pixel.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="pixel">Que es un Pixel y Resolucion</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Más información sobre monitores OLED, LED, 3D, etc. en estas página: </span><a href="https://www.areatecnologia.com/televisores.html" style="color: red; font-variant-ligatures: normal;" target="_blank" title="televisores">Televisores</a><span style="font-variant-ligatures: normal;">.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> </span><span class="negrita-subrayado" style="display: inline; font-variant-ligatures: normal; font-weight: bold; text-decoration: underline;">RESUMEN FINAL</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> El microprocesador es uno de los componentes que hay que prestar más atención a la hora de actualizarlo, ya que en su velocidad y prestaciones suele determinar la calidad del resto de elementos. Esta afirmación implica que es absurdo poner el último procesador hasta los topes de Mhz con solo 32 o 64 Mb de RAM, o con una tarjeta gráfica deficiente, o un sistema de almacenamiento (disco duro) lento y escaso.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Hay que hacer una valoración de todos los elementos del ordenador, actualmente en las tiendas suelen venderse digamos "motores de un mercedes en la carrocería de un 600". Esto tenemos que evitarlo.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Además del microprocesador, la velocidad general del sistema se verá muy influenciada debido a la placa base, la cantidad de memoria RAM, la tarjeta gráfica y el tipo de disco duro. </span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> En esta foto de la placa base puedes ver muchos de los componentes explicados:</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="placa base" height="100%" longdesc="https://www.areatecnologia.com/TUTORIALES/componentes%20de%20la%20placa%20base" src="https://www.areatecnologia.com/TUTORIALES/placa-base.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="100%" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><img alt="parte trasera pc" height="611" longdesc="https://www.areatecnologia.com/TUTORIALES/parte%20trasera%20pc" src="https://www.areatecnologia.com/informatica/imagenes/trasera-pc.jpg" style="border: none; font-variant-ligatures: normal; max-width: 100%;" width="760" /><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Cuando acabes puedes hacer el </span><a href="https://www.areatecnologia.com/En_busca_del_hardware_perdido.htm" style="color: red; font-variant-ligatures: normal;" target="_blank" title="juego en busca del hardware perdido">Juego en Busca del Hardware Perdido</a><span style="font-variant-ligatures: normal;"> para comprobar los conocimientos aprendidos.</span><br style="font-variant-ligatures: normal;" /><br style="font-variant-ligatures: normal;" /><span style="font-variant-ligatures: normal;"> Aquí te dejamos una Presentación, más extensa, que te explica fácilmente todos </span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">los componentes de un ordenador</span><span style="font-variant-ligatures: normal;"> (</span><span class="negrita" style="font-variant-ligatures: normal; font-weight: bold;">hardware</span><span style="font-variant-ligatures: normal;">) con las características de cada uno a tener en cuenta.</span></span></span></span></span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;">ACTIVIDAD</span></span></span></span></span></span></span><br />
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><br /></span></span></span></span></span></span></span>
<span style="background-color: white; color: blue; font-family: Verdana; font-size: 16px; font-variant-ligatures: normal; orphans: 2; text-align: justify; widows: 2;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-ligatures: normal;"><a href="https://www.areatecnologia.com/informaticaparatercero.htm">RESPONDER EN EL CUADERNO CON SU RESPECTIVA PREGUNTA</a></span></span></span></span></span></span></span>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-50664179535639903852019-10-20T19:28:00.003-07:002019-10-21T05:36:27.774-07:00Diseño de la estructura de una página web de 0 a 100<h1 class="post-title entry-title" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 2.62em; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: -1px; line-height: 1.2; margin: 0px 0px 10px; orphans: 2; overflow-wrap: break-word; padding: 0px; vertical-align: baseline; widows: 2;">
Diseño de la estructura de una página web de 0 a 100</h1>
<div class="post-byline" style="background-color: white; border: 0px; box-sizing: border-box; color: #aaaaaa; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 0.875em; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-ligatures: normal; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 1em; orphans: 2; padding: 0px; text-transform: uppercase; vertical-align: baseline; widows: 2;">
<br /></div>
<div class="post-ratings" data-nonce="d37a12d0bf" id="post-ratings-1450" itemscope="" itemtype="http://schema.org/Article" style="background-color: white; border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-ligatures: normal; font-variant-numeric: inherit; line-height: inherit; margin: 0px; opacity: 1; orphans: 2; padding: 0px; vertical-align: baseline; widows: 2; width: 840px;">
<span class="post-ratings-text" id="ratings_1450_text" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="clear" style="background-color: white; border: 0px; box-sizing: border-box; clear: both; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-ligatures: normal; font-variant-numeric: inherit; height: 0px; line-height: inherit; margin: 0px; orphans: 2; overflow: hidden; padding: 0px; vertical-align: baseline; visibility: hidden; widows: 2; width: 0px;">
</div>
<div class="entry themeform share" style="background-color: white; border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 1.125em; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-ligatures: normal; font-variant-numeric: inherit; height: auto !important; line-height: 1.6em; margin: 0px; min-height: 0px !important; orphans: 2; padding: 0px 100px 0px 0px; position: relative; vertical-align: baseline; widows: 2;">
<div class="entry-inner" style="border: 0px; box-sizing: border-box; float: left; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; height: auto !important; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; width: 740px;">
<div class="summary" style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-width: 0px 0px 2px; box-sizing: border-box; color: #666666; font-family: inherit; font-size: 22px; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; line-height: 1.4; margin-bottom: 40px; margin-top: 40px; padding: 0px 0px 20px; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Resumen:</span> Mega guía paso a paso sobre cómo estructurar y organizar una página web. Te enseñamos a hacer estructuras escalables y fáciles de mantener en el tiempo.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Cuando los sitios son pequeños, la falta de una estructura ordenada posiblemente pueda pasar desapercibida o los inconvenientes originados sean menores. Pero a medida que el sitio crece, la aparición de nuevos archivos, contenidos, secciones, formularios, etc., irán haciendo cada vez más compleja la funcionalidad del sitio.</div>
<div class="ce-informative-text fa ce-success" style="-webkit-font-smoothing: antialiased; background-color: rgba(213, 243, 162, 0.690196); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(199, 224, 158); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Sin embargo, es posible <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">hacer una planificación de la estructura del sitio web desde los inicios</span>, de forma que el crecimiento del mismo se haga de forma ordenada y sin generar dificultades, tanto a los usuarios como al webmaster.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Para hacernos una idea del <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">concepto de estructura web</span>, imaginemos una colección de libros de una editorial. Estas colecciones suelen estar formadas por libros con dimensiones y encuadernación idénticas, para que se tenga la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">sensación visual de que se trata de una unidad</span>, por más que se trate de una serie de libros independientes, de autores y temáticas distintas.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Lo mismo sucede con los sitios web. Los grandes portales suelen emplear cierta unidad visual para dar a entender al usuario que se encuentra en el mismo sitio, aunque según la categoría puedan estar hablando de diferentes temas.</div>
<div class="toc_white no_bullets" id="toc_container" style="border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px 0px 16px; padding: 16px; vertical-align: baseline; width: 740px;">
<div class="toc_title" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; padding: 0px; text-align: center; vertical-align: baseline;">
Índice de contenidos</div>
<ul class="toc_list" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 1em 0px 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#ventajas-de-disenar-la-estructura-de-una-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1</span> Ventajas de diseñar la estructura de una web</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#estructura-general-del-diseno-de-una-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2</span> Estructura general del diseño de una web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#cabecera" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.1</span> Cabecera</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#logotipo" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.1.1</span> Logotipo</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#zonas-de-navegacion" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.1.2</span> Zonas de navegación</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#buscador" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.1.3</span> Buscador</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#columnas-laterales" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.2</span> Columnas laterales</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#area-de-contenido-principal" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.3</span> Área de contenido principal</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#pie-de-pagina" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.4</span> Pie de página</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#diseno-de-la-estructura-de-las-plantillas-de-un-sitio-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3</span> Diseño de la estructura de las plantillas de un sitio web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#donde-empezar-el-diseno-de-la-plantilla" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3.1</span> Dónde empezar el diseño de la plantilla</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#la-pagina-de-inicio" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3.1.1</span> La página de inicio</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#menu-de-navegacion-principal" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3.1.2</span> Menú de navegación principal</a></li>
</ul>
</li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#como-estructurar-los-archivos-de-una-pagina-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4</span> Como estructurar los archivos de una página web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#semantica-de-los-archivos" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4.1</span> Semántica de los archivos</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#nombre-de-las-paginas-archivos-y-directorios" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4.1.1</span> Nombre de las páginas, archivos y directorios</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#estructura-eficiente-y-facilidad-de-mantenimiento" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4.2</span> Estructura eficiente y facilidad de mantenimiento</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#importancia-de-las-url-descriptivas" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4.3</span> Importancia de las URL descriptivas</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#estructura-html-basica-de-las-paginas-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5</span> Estructura HTML básica de las páginas web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#marcado-semantico-de-los-contenidos" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5.1</span> Marcado semántico de los contenidos</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#consejos-finales-para-el-diseno-de-un-buen-layout-o-estructura-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_1" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6</span> Consejos finales para el diseño de un buen layout o estructura web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#el-espacio-y-el-espacio-en-blanco-en-el-layout" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6.1</span> El espacio y el espacio en blanco en el layout</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#imagenes-y-graficos-en-tu-estructura-web" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6.2</span> Imágenes y gráficos en tu estructura web</a><ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#alinea-las-imagenes" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6.2.1</span> Alinea las imágenes</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#proporcion-de-los-graficos-y-texto-en-una-pagina" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_3" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6.2.2</span> Proporción de los gráficos y texto en una página</a></li>
</ul>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/estructura-de-una-pagina-web-estructura-del-diseno.php#alineacion-del-layout" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span class="toc_number toc_depth_2" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">6.3</span> Alineación del layout</a></li>
</ul>
</li>
</ul>
</div>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="ventajas-de-disenar-la-estructura-de-una-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Ventajas de diseñar la estructura de una web</span></h2>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Al igual que en otras disciplinas, el diseño web ha ido evolucionando hasta llegar a ciertos criterios estándares. En el caso de la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">estructura de las páginas web</span> tenemos bastante información para definir una guía clara.</div>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li><span style="font-family: inherit; font-size: inherit; font-style: inherit;">Desde el punto de vista del usuario, tiene la ventaja de </span><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">hacer predecibles los sitios</span><span style="font-family: inherit; font-size: inherit; font-style: inherit;">, permitiendo un rápido acceso a todo sin necesidad de realizar búsquedas por toda la página.</span></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">Desde el punto de vista de los diseñadores, salvo pequeños cambios que pueden realizarse, por regla general esta importante parte del diseño tiene una <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">guía de trabajo</span> muy clara.</li>
</ul>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="estructura-general-del-diseno-de-una-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Estructura general del diseño de una web</span></h2>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La imagen siguiente es un esquema típico de una página web. Se debe tener en cuenta que este esquema sufre variaciones, aunque normalmente son pequeñas.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEis6dzp33y69c5zOzOvtQhwVzIfQICDhq8AauaRNP9qzp0dNBs-pEwnVqX2CjpC25akB-okKardyhuVGFj08Wj41NWy7MOW9d9RBJ4JqtWnlrlVQ_4CcQVYLrKONLzVDWaxdLLetBIPZ/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEis6dzp33y69c5zOzOvtQhwVzIfQICDhq8AauaRNP9qzp0dNBs-pEwnVqX2CjpC25akB-okKardyhuVGFj08Wj41NWy7MOW9d9RBJ4JqtWnlrlVQ_4CcQVYLrKONLzVDWaxdLLetBIPZ/s640/1.jpg" width="640" /></a></div>
<br />
<br />
La gran mayoría de las páginas web tienen divisiones o secciones similares.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Lo usual es que, en la parte superior de la página se encuentre una <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cabecera</span>, seguido de un <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cuerpo principal</span> que suele estar flanqueado por una <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">columna lateral</span> (tanto a la izquierda como a la derecha) o dos columnas laterales, seguidas al final de la página por un <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">pie de página</span>.</div>
<div class="ce-general-text fa ce-bookmark" style="-webkit-font-smoothing: antialiased; background-color: rgba(184, 232, 255, 0.639216); border: 0px; box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 50px 12px 12px; position: relative; text-rendering: auto; vertical-align: baseline;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Si te interesa, puedes ver la <a href="https://www.lawebera.es/xhtml-css/hacer-layout-html-css.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">guía para maquetar una estructura web básica</a>.</div>
</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="cabecera" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Cabecera</span></h3>
<div>
<span style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Eizds6vJY7vKrRZep6IvmEsWwRFLzsDCJfarXuEohJVHeYFmJSZF66ArAGTkHtHnyRIzoVNx23OSwlrD3HUDcdGuKjHIDb7bVHCiwgLRghkZC1sPfuuiz8QRrC5MqRZsRjLhtELZzw6Y/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Eizds6vJY7vKrRZep6IvmEsWwRFLzsDCJfarXuEohJVHeYFmJSZF66ArAGTkHtHnyRIzoVNx23OSwlrD3HUDcdGuKjHIDb7bVHCiwgLRghkZC1sPfuuiz8QRrC5MqRZsRjLhtELZzw6Y/s320/1.jpg" width="320" /></a></div>
<div>
<span style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<br />
<br />
<br />
De todas las <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">partes de la estructura del diseño web</span>, el encabezado es la que mayor tendencia tiene a repetirse entre páginas de un mismo sitio.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Aún cuando el sitio tenga grandes diferencias en estructura y contenido entre sus páginas, si mantiene una unidad visual en su encabezado, los usuarios percibirán la sensación de unidad que la web requiere.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cabecera </span>es una franja horizontal que ocupa todo el ancho de la página en la parte superior de la misma.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Ahora vamos a explicar las partes que forman la cabecera.</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="logotipo" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Logotipo</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
A la izquierda del encabezado suele ubicarse el <a href="https://www.lawebera.es/diseno-web/consejos-para-realizar-un-buen-logo.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">logotipo</a> del sitio, que ocupa un área importante dentro del mismo.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmtoAAdV88k_SEuKMEiRRubDQIYeUL9dXBzAXs-rq6wGcBNZoimlJ_jBSbkMhVE8gFf9YBi5H5XfV5h_Idyby1vXZ80JGJSILhGBqc6O402Lcr-i2B68lA-ctmMYEhfbn1RTeYZJnonXb/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="600" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmtoAAdV88k_SEuKMEiRRubDQIYeUL9dXBzAXs-rq6wGcBNZoimlJ_jBSbkMhVE8gFf9YBi5H5XfV5h_Idyby1vXZ80JGJSILhGBqc6O402Lcr-i2B68lA-ctmMYEhfbn1RTeYZJnonXb/s640/1.jpg" width="640" /></a></div>
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esta imagen <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">debe tener un enlace a la página principal del sitio</span>, ya que es uno de los estándares más respetados por los diseñadores y una de las formas que tienen los usuarios de volver al inicio.</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="zonas-de-navegacion" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Zonas de navegación</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Desde el final del logotipo, ocupando el centro y la zona derecha de la cabecera, frecuentemente se sitúan una serie de zonas de navegación.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
En la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">zona superior</span>, se encuentran algunos enlaces generales de la página, como acceso a usuarios registrados, registros de usuarios nuevos, acceso a perfiles, etc., así como ayudas y buscadores internos. La zona más ancha generalmente se encuentra ocupada por el título de la página, nombre de empresa, slogan, etc.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZAbc3eCtn-sR-eTYC3r227sc8ldxIgUujx__BN9lkmTVJgjyfSC5i3OVf-qBKbVw6CezKf2CIIrsAdHb2olm-e4amcqP6QhPOblCxJuBfMMLf-DhSVugTIPBvfAYdo2_g52sPMW1kWUP/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="600" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZAbc3eCtn-sR-eTYC3r227sc8ldxIgUujx__BN9lkmTVJgjyfSC5i3OVf-qBKbVw6CezKf2CIIrsAdHb2olm-e4amcqP6QhPOblCxJuBfMMLf-DhSVugTIPBvfAYdo2_g52sPMW1kWUP/s640/1.jpg" width="640" /></a></div>
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">zona inferior</span> del encabezado se emplea para ubicar el <a href="https://www.lawebera.es/diseno-web/menu-navegacion.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">menú de navegación principal</a>, uno de los elementos más importantes a la hora de ayudar a los usuarios a encontrar las páginas componentes del sitio web.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVhUnsueVYyrRB_46d_8ug5fVSCUfq8Bu48uW6nUxuxCllDlUHkygCjwZ9kIyaOYQ2JgDK86_Ssb7-aZmwXwRHBR4JCCawhFT27cgTbyDa8p8QdsziVVkN9uKRUmO35yEtkUsICQC9dBZI/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="600" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVhUnsueVYyrRB_46d_8ug5fVSCUfq8Bu48uW6nUxuxCllDlUHkygCjwZ9kIyaOYQ2JgDK86_Ssb7-aZmwXwRHBR4JCCawhFT27cgTbyDa8p8QdsziVVkN9uKRUmO35yEtkUsICQC9dBZI/s640/1.jpg" width="640" /></a></div>
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Dependiendo de la complejidad del sitio, puede encontrarse solo uno de estos sistemas de navegación o los dos.</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="buscador" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Buscador</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Otra forma de colaborar con la exploración del sitio por parte de los usuarios es la instalación de un <a href="https://www.lawebera.es/como-hacer/ejemplos-html-xhml/software-colocar-buscador-pagina-web.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">buscador interno</span></a>.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
También es aquí donde los usuarios buscan este tipo de elementos, ya que convencionalmente es aquí donde la mayoría de los diseñadores los ubican, aunque en algunos casos, puede encontrarse en la parte superior de alguna de las columnas laterales.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="columnas-laterales" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Columnas laterales</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
El cuerpo principal de una página web, en el diseño moderno se encuentra dividido. Una de estas divisiones, consiste <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">una o dos columnas laterales.</span></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhespgGypodAVa-6syru11M-FkctznoOa2EH9Mb07qVIcBKEYM3z4Iin1G8UKbmfpE3DObEKepu226bOS4VtJr5zdCvwfaQJCPZdecW4lmg01AQy5vHKNdb9vCKkas1EmGC6XWzC1ESKCx1/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhespgGypodAVa-6syru11M-FkctznoOa2EH9Mb07qVIcBKEYM3z4Iin1G8UKbmfpE3DObEKepu226bOS4VtJr5zdCvwfaQJCPZdecW4lmg01AQy5vHKNdb9vCKkas1EmGC6XWzC1ESKCx1/s640/1.jpg" width="640" /></a></div>
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Este tipo de columnas, se emplean para ubicar algunos elementos importantes de la página, como <a href="https://www.lawebera.es/posicionamiento/estrategia-de-enlaces-backlinks.php#conseguir-enlaces" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">enlaces externos</a>, <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">navegación interna</span>, publicidad, informaciones adicionales y contenidos secundarios.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Cuando se emplea <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">una única columna</span>, es indistinto para los usuarios si se coloca a derecha o izquierda del contenido, de acuerdo a estudios sobre el comportamiento de usuarios de sitios web, ya que su ubicación no plantea dificultad alguna.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
En el caso de que el diseño requiera el <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">empleo de dos columnas</span>, pueden ubicarse una a cada lado del cuerpo principal de la página o ambas a uno de los lados, siendo también indiferente en este caso si se ubican a la derecha o a la izquierda del contenido principal.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Los usuarios, dado el uso continuo de estos elementos para esta función, suelen buscar zonas de navegación en este tipo de columnas, por lo que resulta uno de los mejores lugares para <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">colocar menús secundarios</span> al menú principal de la cabecera.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
A continuación, vemos algunos ejemplos de columnas laterales:</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMYa35yauOn640s07iF1jXxdlcyBBqGczJ-orIrIheicbCsIHlz1ToC5oMkESQarHdM29OCfs_FwSFYQuHLch3NCo1QNNsq-B1ZedHYF_x3JUdbHp6C71-lUY5a1BXL6Xac3WpYIjeVeEk/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="441" data-original-width="600" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMYa35yauOn640s07iF1jXxdlcyBBqGczJ-orIrIheicbCsIHlz1ToC5oMkESQarHdM29OCfs_FwSFYQuHLch3NCo1QNNsq-B1ZedHYF_x3JUdbHp6C71-lUY5a1BXL6Xac3WpYIjeVeEk/s640/1.jpg" width="640" /></a></div>
<br /></div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="area-de-contenido-principal" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Área de contenido principal</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esta zona del diseño de la página, es la que menos reglas tiene respecto de su diseño, ya que el hecho de que en ella se encuentren los contenidos principales de la página, el diseño depende en gran medida de los mismos, sobre todo en lo que respecta al tipo de contenidos, la cantidad, la disposición que se desea emplear, etc.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNhAVUGbUoKr2_psVAH2G2U9D1VVyEYDbua0-EUhMLypKYbVKfqknvR3dnFguv0CtOczYc2pSo7RGZ11FQp2XAg-ypD-Ge7Re4MFd35RIZ6qWnPkt0ylYioX4pDu5qdY9f9hvG_jMj36J/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNhAVUGbUoKr2_psVAH2G2U9D1VVyEYDbua0-EUhMLypKYbVKfqknvR3dnFguv0CtOczYc2pSo7RGZ11FQp2XAg-ypD-Ge7Re4MFd35RIZ6qWnPkt0ylYioX4pDu5qdY9f9hvG_jMj36J/s640/1.jpg" width="640" /></a></div>
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Sin embargo, hay que considerar algunas reglas importantes y que, salvo muy raras ocasiones, deben ser seguidas al pie de la letra.</div>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">En la parte superior de esta área se debe <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">colocar el <a href="https://www.lawebera.es/posicionamiento/importancia-del-titulo-en-el-posicionamiento-web.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">título principal</a> entre etiquetas <h1></span>, ya que este título tiene las <a href="https://www.lawebera.es/posicionamiento/como-elegir-palabras-clave-guia-completa.php#herramientas-palabras-clave" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">palabras clave</a> que los usuarios luego emplearán en sus búsquedas y será de gran importancia para que los buscadores indexen la página en forma correcta.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">En caso de que los contenidos sean muchos y haya que hacer desplazamientos importantes hacia abajo, es de mucha utilidad colocar al final del área algún tipo de <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">salto al inicio</span>, para evitar que el usuario deba realizar grandes desplazamientos.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">En el caso de que se empleen varias páginas para albergar contenidos relacionados, tanto al inicio de la página como al final de la misma es de gran utilidad colocar un <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">navegador de páginas</span> (del tipo <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Página anterior 1 – 2 – 3 … Página siguiente</span>) para que la navegabilidad entre ellas sea sencilla.</li>
</ul>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="pie-de-pagina" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pie de página</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Finalmente, debajo de todas las secciones, se coloca una faja horizontal en cuyo interior se colocan algunos elementos importantes, como el autor, copyright, acceso a diversas políticas del sitio y asuntos legales, datos de contacto, enlaces a sitios relacionados, enlaces internos, etc.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhASeeiuNQKyGFwry1G7ZV7SgaGUVx446aDMqJaET68yr5J4Y4bl7n3BOH_nxfjR-4Pw4XKBGmPom_Z5fQv20BDkwYfIwA8ZNWo7JXJsdKx1P-iCzbA-ESgEP-YCxSi67eWNYM4TcElKu-Q/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhASeeiuNQKyGFwry1G7ZV7SgaGUVx446aDMqJaET68yr5J4Y4bl7n3BOH_nxfjR-4Pw4XKBGmPom_Z5fQv20BDkwYfIwA8ZNWo7JXJsdKx1P-iCzbA-ESgEP-YCxSi67eWNYM4TcElKu-Q/s640/1.jpg" width="640" /></a></div>
<br /></div>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="diseno-de-la-estructura-de-las-plantillas-de-un-sitio-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Diseño de la estructura de las plantillas de un sitio web</span></h2>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Un sitio web no es una unidad real, sino que se trata de una serie de páginas independientes. El concepto de unidad de un sitio está dado por la unidad conseguida a través del diseño. Esta unidad implica necesariamente que el diseño tenga <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">coherencia visual</span>.</div>
<div class="ce-informative-text fa ce-error" style="-webkit-font-smoothing: antialiased; background-color: #ffd4d4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(251, 190, 190); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Es poco práctico y una gran pérdida de tiempo establecer diseños diferentes para páginas o secciones de un mismo sitio.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esto se logra empleando <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">plantillas de diseño</span>, o sea, la repetición de un mismo diseño con variación casi en forma exclusiva en los contenidos.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Sin embargo, existe la posibilidad de que algunas secciones o páginas del sitio requieran un tratamiento especial, por lo que seguramente el diseñador necesitará realizar más de una plantilla, que generalmente son variaciones de una misma plantilla original.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="donde-empezar-el-diseno-de-la-plantilla" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Dónde empezar el diseño de la plantilla</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Todo diseñador novato tiene la tendencia natural de iniciar el diseño de un sitio construyendo la página inicial.</div>
<div class="ce-informative-text fa ce-success" style="-webkit-font-smoothing: antialiased; background-color: rgba(213, 243, 162, 0.690196); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(199, 224, 158); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Sin embargo, la página inicial es una página con características especiales, por lo que si lo que se desea es establecer una unidad visual del sitio, lo correcto sería comenzar por las páginas cuyo diseño se repetirá. Esto quiere decir, que lo mejor es <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">comenzar diseñando las páginas interiores</span>.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Luego, el método debería continuar con las variaciones que algunas de las páginas interiores requieren, para finalizar en el diseño de la página inicial.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Las páginas interiores deben ser diseñadas teniendo en cuenta cuáles son sus funciones:</div>
<ol style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Páginas puramente de contenido: </span>en un blog son los posts, en una tienda los productos, en una web corporativa las distintas páginas con información.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Páginas cluster o de navegación</span>: son páginas con listas de enlaces a otras páginas. El ejemplo típico son las categorías en los blogs o las <a data-amzn-asin="B019E6AOEM" data-linkid="26717" href="https://www.amazon.com/Building-Commerce-Solutions-WooCommerce-Second-ebook-dp-B019E6AOEM/dp/B019E6AOEM/ref=as_li_ss_tl?_encoding=UTF8&me=&qid=1568500867&linkCode=ll1&tag=lawebe-20&linkId=9fc27fa2f34dd4e448185717d0f469a6&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">tiendas online</a>.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Páginas secundarias</span>: son páginas especiales que sirven de apoyo a páginas más pilar de la web. Como ejemplos pueden ser página de contacto, legales, de suscripción a un newsletter, etc.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/diseno-home-clave-fidelizar-usuarios.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Página home</span></a>: la página principal del sitio. Como hemos dicho, esta página puede tener una estructura diferente siempre que mantenga el <a href="https://www.lawebera.es/diseno-web/diseno-visual-de-una-pagina-web.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">diseño visual</a> del resto del sitio web.</li>
</ol>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
En casos de sitios muy complejos, puede ser necesario establecer <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">plantillas secundarias</span> para diferentes niveles de estructura.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Algunas páginas web, por razones de <a data-amzn-asin="B07S35CQ19" data-linkid="26709" href="https://www.amazon.com/Philip-Kotler-ebook/dp/B07S35CQ19/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Marketing+4.0&qid=1568500126&sr=8-2&linkCode=ll1&tag=lawebe-20&linkId=a37bc8846684cb6962a351ea473d4ab3&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">marketing</a> necesitan establecer entradas alternativas al sitio, lo que se llaman <a href="https://www.lawebera.es/diseno-web/diseno-paginas-aterrizaje-landing-pages.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">landing pages</span></a>.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Por ejemplo, la página web de una cadena de supermercados, durante el período que dura una oferta especial, necesita que sus visitantes ingresen por otra página de inicio, que contiene los detalles de la oferta. Esta landing page que funciona como entrada alternativa, necesita tener una clara <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">vinculación visual</span> con el resto del sitio, y además debe orientar al visitante para que acceda a la página principal del sitio.</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="la-pagina-de-inicio" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">La página de inicio</span></h4>
<div class="ce-informative-text fa ce-success" style="-webkit-font-smoothing: antialiased; background-color: rgba(213, 243, 162, 0.690196); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(199, 224, 158); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
La <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">estructura de la página de inicio</span>, si bien tiene características especiales que hay que tener en cuenta, una vez que los pasos anteriores ya han sido resueltos, resultará sensiblemente más sencilla de realizar que si se hubiera comenzado el diseño por ella.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La <a href="https://www.lawebera.es/diseno-web/diseno-home-clave-fidelizar-usuarios.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">página de inicio</a> tiene cuatro elementos por los que está compuesta. Cada uno de estos elementos es importante, aunque la importancia y la relación que tienen entre ellos es variable de un tipo de sitio a otro.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Los elementos son los siguientes:</div>
<ol style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Principio de identidad</span></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.lawebera.es/diseno-web/menu-navegacion.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">Navegación</a></span></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Enfoque del contenido</span></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: decimal; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Herramientas</span></li>
</ol>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
El diseño de una página de inicio debe siempre contemplar estos cuatro elementos constitutivos, aunque la importancia que debe darse a cada uno de ellos está relacionada con lo que el visitante querrá encontrar en el sitio cuando ingrese.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Un ejemplo notable es la diferencia que existe entre las páginas de inicio de los buscadores Google y Yahoo!. Mientras que la página de inicio del buscador de Google se centra casi exclusivamente a la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">navegación</span>, la página de inicio de Yahoo destaca otros elementos, como noticias destacadas (<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">contenido</span>) y otros servicios (<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">herramientas</span>).</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Otras páginas se deben centrar más en la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">imagen corporativa</span> (principio de identidad), aunque en el caso de que no se trate de marcas plenamente identificables por tener una gran presencia, debe agregarse además breves <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">comentarios explicativos</span> que orienten al usuario en lo que encontrarán en el sitio.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Si no se posee una marca reconocible a simple vista por cualquier usuario, la simple presencia de un logotipo, por bien diseñado que esté, no será suficiente para que el usuario sepa que es lo que encontrará en el resto del sitio.</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="menu-de-navegacion-principal" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Menú de navegación principal</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Los <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">menús principales</span>, aquellos más visibles, generalmente ubicados cerca de la cabecera de la página, deben estar destinado a mostrar las secciones más apetecibles por los visitantes que ingresan a la página por primera vez.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esto se debe a que los usuarios habituales de un sitio, generalmente conocen en qué secciones pueden encontrar la información que buscan, mientras que los usuarios que ingresan por primera vez, deben ser rápidamente orientados a las secciones que necesitan.</div>
<div class="ce-general-text fa ce-bookmark" style="-webkit-font-smoothing: antialiased; background-color: rgba(184, 232, 255, 0.639216); border: 0px; box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 50px 12px 12px; position: relative; text-rendering: auto; vertical-align: baseline;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
En este enlace, puedes ver más a fondo <a href="https://www.lawebera.es/diseno-web/menu-navegacion.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">como diseñar y crear un buen menú de navegación</a>.</div>
</div>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="como-estructurar-los-archivos-de-una-pagina-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Como estructurar los archivos de una página web</span></h2>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Cuando nos iniciamos en el <a href="https://www.lawebera.es/diseno-web#consejos-para-disenar-una-pagina-web-mejor" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">diseño de páginas web</a>, tendemos a pensar que la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">estructura de los archivos y directorios</span> en que se encuentra organizada nuestra página, resulta de importancia menor.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Nada más lejos de la realidad, resulta importante para quien administra el sitio, <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tener una estructura ordenada</span>, ya que a la hora de introducir cambios, agregar nuevos contenidos, etc., la tarea puede resultar mucho más simple, con el consiguiente <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">beneficio en tiempo y costes</span>.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esto indirectamente beneficia a los usuarios, dado que todo el tiempo que se ahorre en tareas que pueden simplificarse, puede invertirse en contenidos.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Si en algún momento se pretende hacer una reforma en la página, aumentar sus secciones, etc., la tarea se ve enormemente simplificada si los archivos que componen el sitio se encuentran ordenados y su contenido puede ser fácilmente <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">identificable</span> a través del nombre del archivo o del directorio.</div>
<div class="ce-general-text fa ce-bookmark" style="-webkit-font-smoothing: antialiased; background-color: rgba(184, 232, 255, 0.639216); border: 0px; box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 50px 12px 12px; position: relative; text-rendering: auto; vertical-align: baseline;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
También tiene beneficios en el <a href="https://www.lawebera.es/posicionamiento/que-es-arquitectura-web-efecto-en-posicionamiento.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">posicionamiento de la página</a>. En este enlace puedes profundizar mas en aspectos relacionados con el <a data-amzn-asin="8441537283" data-linkid="26721" href="https://www.amazon.com/Aleyda-Giselle-Sol%C3%ADs-Duarte/dp/8441537283/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=SEO.+Las+claves+esenciales&qid=1568501237&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=9a4b1c12f5cb4bec3a10364acedc55c7&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">SEO</a>.</div>
</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="semantica-de-los-archivos" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Semántica de los archivos</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">organización semántica de un sitio web</span> tiene como finalidad facilitar la tarea de acceder a los diferentes archivos y directorios que lo componen, de forma tal que cualquier persona, incluyendo al propio creador, no tenga que hacer grandes esfuerzos para localizar cada uno de los componentes del sitio.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Quizá para una pequeña página web con unas pocas páginas, esto pueda parecer excesivo, pero no lo es para un sitio con miles de páginas.</div>
<div class="ce-informative-text fa ce-error" style="-webkit-font-smoothing: antialiased; background-color: #ffd4d4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(251, 190, 190); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
La falta de una <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">planificación</span> y <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">estructuración</span> de los archivos del sitio en sus inicios, puede hacer muy compleja la administración del mismo con el paso del tiempo.</div>
</div>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="nombre-de-las-paginas-archivos-y-directorios" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Nombre de las páginas, archivos y directorios</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Procura usar nombres de archivo y directorio descriptivos, que sean entendibles a simple vista. Procura evitar símbolos raros o cualquier texto que sea difícil recordar en un futuro qué significa.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
De esta forma se facilita la comprensión de los archivos y directorios componentes de una página web.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="estructura-eficiente-y-facilidad-de-mantenimiento" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Estructura eficiente y facilidad de mantenimiento</span></h3>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Algo que su uso se ha visto notablemente incrementado en los últimos años, es la utilización de <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">archivos separados</span> y en tanta cantidad como funciones deban cumplir.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esto también tiene la finalidad de facilitar su mantenimiento, a lo que se agrega la posibilidad de realizar trabajos por secciones sin que la totalidad de la página se vea afectada.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Por ejemplo, un sitio web compuesto por muchas páginas, puede requerir varios estilos diferentes, lo que aún en los casos cuyas diferencias sean menores, se emplean varios archivos.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Este tipo de divisiones de los archivos, son frecuentes en <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a data-amzn-asin="8441539391" data-linkid="26543" href="https://www.amazon.com/RUBIALES/dp/8441539391/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Curso+de+Desarrollo+Web:+HTML,+CSS+y+JavaScript&qid=1568501466&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=a976d09039173ffc8c36e967e411bf73&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">CSS</a></span>, aunque también se emplean para <a data-amzn-asin="B07QHBP8T4" data-linkid="26541" href="https://www.amazon.com/Diego-Gauchat-Juan-ebook/dp/B07QHBP8T4/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=El+gran+libro+de+HTML5,+CSS3+y+JavaScript&qid=1568501419&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=df5a31ad97149d90595ee5f5f5857f14&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">javascript</a>, php, etc. Todo esto favorece enormemente la organización de los archivos del sitio y reduce la cantidad de código que debe escribirse.</div>
<div class="ce-informative-text fa ce-success" style="-webkit-font-smoothing: antialiased; background-color: rgba(213, 243, 162, 0.690196); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(199, 224, 158); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
También resulta muy importante, la colocación de los archivos en directorios que se encuentren en un orden lógico, ya que esto también colabora en la simplificación de los trabajos de mantenimiento y reforma.</div>
</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="importancia-de-las-url-descriptivas" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Importancia de las URL descriptivas</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Otra razón para emplear nombres descriptivos en archivos y directorios, es que todos ellos forman parte de la URL, elemento que tienen muy en cuenta los rastreadores de los buscadores.</div>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Esto agrega la posibilidad de emplear la URL como lugar donde colocar las <a href="https://www.lawebera.es/posicionamiento/como-elegir-palabras-clave-guia-completa.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">palabras clave</span></a> de nuestros contenidos, lo que facilita la clasificación por parte de los buscadores, y por consiguiente, colabora en el posicionamiento del sitio en ellos.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Imaginemos dos URL’s bien diferentes, una compuesta por el nombre del sitio y una serie de directorios y archivos con nombres complejos, y otra URL con nombre del sitio, los archivos y directorios con títulos descriptivos:</div>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">http://www:sitiocomplejo548.com/efs54/jlv.<a data-amzn-asin="8441539391" data-linkid="26543" href="https://www.amazon.com/RUBIALES/dp/8441539391/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Curso+de+Desarrollo+Web:+HTML,+CSS+y+JavaScript&qid=1568501466&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=a976d09039173ffc8c36e967e411bf73&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">html</a></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">http://www:sitiosimple.com/categoria/palabras-clave.<a data-amzn-asin="8441539391" data-linkid="26543" href="https://www.amazon.com/RUBIALES/dp/8441539391/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Curso+de+Desarrollo+Web:+HTML,+CSS+y+JavaScript&qid=1568501466&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=a976d09039173ffc8c36e967e411bf73&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">html</a></li>
</ul>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
¿Con cuál de las dos crees que los buscadores tendrán menos dificultades para clasificar los contenidos, y por tanto indexarla y colocarla en las SERP’s? Evidentemente, la segunda opción es la más correcta.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Los buscadores pueden emplear la URL como <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">primer elemento a analizar</span> y es una de las mejores formas de incluir palabras clave.</div>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="estructura-html-basica-de-las-paginas-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Estructura HTML básica de las páginas web</span></h2>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Cuando el diseñador toma los contenidos y los introduce en el cuerpo del documento, mediante el empleo de etiquetas <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a data-amzn-asin="8441539391" data-linkid="26543" href="https://www.amazon.com/RUBIALES/dp/8441539391/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Curso+de+Desarrollo+Web:+HTML,+CSS+y+JavaScript&qid=1568501466&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=a976d09039173ffc8c36e967e411bf73&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">HTML</a></span> o <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">XHTML</span> <a href="https://www.lawebera.es/xhtml-css/conceptos-basicos-html.php#ejemplo-de-pagina-basica" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">marca la estructura del contenido</a> y jerarquiza los mismos.</div>
</div>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">Mediante el empleo de las etiquetas <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h1</span>, <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2</span>, <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3</span>, etc., podrá establecer títulos y diferentes grados de subtitulado para cada una de las secciones del texto.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">Mediante el empleo de la etiqueta <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p></span> hará las divisiones necesarias en el texto, y dará énfasis a las partes más importantes del mismo mediante el uso de etiquetas elaboradas para esa finalidad, como <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong></span> y <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><em></span>.</li>
</ul>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La estructuración semántica del contenido tiene una importancia crucial, tanto en la presentación del contenido como en la <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">optimización</span> para los motores de búsqueda, por lo que debe ser cuidadosamente planificada y elaborada.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="marcado-semantico-de-los-contenidos" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Marcado semántico de los contenidos</span></h3>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Las páginas web se encuentran escritas en lenguaje HTML, que tiene una serie de etiquetas que permiten clasificar y ordenar en diferentes niveles y estructuras al contenido. Esto es lo que denominamos el <span style="border: 0px; box-sizing: border-box; color: #484848; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">marcado semántico</span> de los contenidos.</div>
</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
La aplicación de <a href="https://www.lawebera.es/xhtml-css/conceptos-basicos-html.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">etiquetas HTML</a> en los contenidos, mucho más allá de su utilidad desde el punto de vista estético, tiene la finalidad fundamental de <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">permitir ordenar los contenidos</span>.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Así por ejemplo, la posibilidad de aplicar elementos como título1, título2, título3, párrafos, listas, etc.:</div>
<div class="cp_embed_wrapper" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" id="cp_embed_MVYXWz" name="cp_embed_1" scrolling="no" src="https://codepen.io/lawebera/embed/MVYXWz?height=300&theme-id=32567&slug-hash=MVYXWz&default-tab=html%2Cresult&animations=run&editable=&embed-version=2&user=lawebera&name=cp_embed_1" style="border-width: 0px; box-sizing: border-box; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 740px;" title="CodePen Embed"></iframe></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
El orden que se impone a través de las diferentes etiquetas HTML corresponde a una jerarquización de los diferentes contenidos.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Así por ejemplo, la frase contenida en una etiqueta <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h1</span> es la más importante de todo el contenido, ya que define al contenido mismo, por ser su título.</div>
<div class="ce-informative-text fa ce-warning" style="-webkit-font-smoothing: antialiased; background-color: #feefb3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(239, 223, 159); box-sizing: border-box; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-stretch: inherit; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-position: normal; font-weight: 900; line-height: 1; margin: 12px 0px; padding: 12px 12px 12px 44px; position: relative; text-rendering: auto; vertical-align: baseline; width: auto;">
<div style="border: 0px; box-sizing: border-box; font-family: "Source Sans Pro", Arial, sans-serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 300; line-height: 1.6; padding: 0px; vertical-align: baseline;">
Esta jerarquización, además de facilitar la lectura de los contenidos por parte de los usuarios, posibilita a los <a href="https://www.lawebera.es/posicionamiento" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">motores de búsqueda</a> encontrar la información más relevante para clasificar y ordenar la página web, lo que tiene gran importancia para el posicionamiento <a data-amzn-asin="8441537283" data-linkid="26721" href="https://www.amazon.com/Aleyda-Giselle-Sol%C3%ADs-Duarte/dp/8441537283/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=SEO.+Las+claves+esenciales&qid=1568501237&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=9a4b1c12f5cb4bec3a10364acedc55c7&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">SEO</a> de la misma.</div>
</div>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 2.125em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="consejos-finales-para-el-diseno-de-un-buen-layout-o-estructura-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Consejos finales para el diseño de un buen layout o estructura web</span></h2>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="el-espacio-y-el-espacio-en-blanco-en-el-layout" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">El espacio y el espacio en blanco en el layout</span></h3>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: none; margin: 0px 0px 15px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;">Procura que tu web se vea bien en cualquier resolución de pantalla, para ello deberás <a href="https://www.lawebera.es/diseno-web/hacer-diseno-web-adaptable-responsive-design.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">hacer un diseño responsive</a>.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="azul" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Utiliza todo el espacio disponible, pero se flexible:</span> El uso de un tamaño relativo (fluido) en determinadas secciones del diseño de tu páginas web es una buena práctica. Por ejemplo en la zona principal del contenido, de modo que se expanda y contraiga para adaptarse a la ventana del navegador, mejorando la <a href="https://www.lawebera.es/diseno-web/usabilidad.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">experiencia del usuario</a>.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="azul" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Usa el <a href="https://www.lawebera.es/diseno-web/seleccion-de-la-paleta-de-colores-para-un-diseno-web.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">color</a> para definir los espacios:</span> si quieres diseñar una página responsive pero que tenga un ancho máximo, ¿por qué no <a href="https://www.lawebera.es/xhtml-css/centrar-vertical-con-css.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">centrar la web en la pantalla del navegador</a> y mejorar así su presentación.</li>
</ul>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Mira el ejemplo que se propuso en una guía anterior, ¿qué te parece mejor?:</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<img alt="layout centrado" class="aligncenter" src="https://s3-eu-west-1.amazonaws.com/img-lawebera/articulos/AW-centered.png" style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; vertical-align: middle;" /><br />
A la vez que centras la página en el navegador, puedes ponerle un color de fondo diferente al sitio, como se ve en el ejemplo.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Esto mejorará la apariencia de tu web con los cambios de resolución que se producen de un usuario a otro.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Las grandes resoluciones (por encima de 1400px, por ejemplo) mostrarán una parte de la ventana de navegación con el color de fondo que hayas elegido, mientras que los navegadores con resoluciones más pequeñas mostrarán menos o ningún color de fondo.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="imagenes-y-graficos-en-tu-estructura-web" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Imágenes y gráficos en tu estructura web</span></h3>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="alinea-las-imagenes" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Alinea las imágenes</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Uno de los errores de diseño más comunes en diseñadores novatos es insertar las imágenes en una página de cualquier manera sin pensar en el layout (estructura). Esto visualmente no queda muy bien, puesto que por defecto las imágenes se alinean a la izquierda, resulta mucho más agradable verlas centradas.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Con un simple código de un par de líneas puedes centrar tus imágenes. Este código va en tu hoja de estilos <a data-amzn-asin="8441539391" data-linkid="26543" href="https://www.amazon.com/RUBIALES/dp/8441539391/ref=as_li_ss_tl?__mk_es_US=%C3%85M%C3%85%C5%BD%C3%95%C3%91&keywords=Curso+de+Desarrollo+Web:+HTML,+CSS+y+JavaScript&qid=1568501466&sr=8-1&linkCode=ll1&tag=lawebe-20&linkId=a976d09039173ffc8c36e967e411bf73&language=es_US" rel="nofollow noopener noreferrer" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;" target="_blank">CSS</a>:</div>
<pre style="background-image: url("https://www.blogger.com/u/img/pre.png"); background-position: center top; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 0.6875em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; line-height: 19px; margin-bottom: 30px; margin-top: 30px; overflow-wrap: break-word; padding: 18px 20px; vertical-align: baseline; white-space: pre-wrap;">img {
display: block;
margin: auto;
}</pre>
<h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1.3em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.3px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="proporcion-de-los-graficos-y-texto-en-una-pagina" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Proporción de los gráficos y texto en una página</span></h4>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Es fácil dejarse llevar por la gran cantidad de imágenes y animaciones disponibles, pero si te pasas <a href="https://www.lawebera.es/como-hacer/ejemplos-html-xhml/anadir-imagenes-web.php" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #1c84cd; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline;">añadiendo imágenes a tu web</a>, puedes hacer que resulte muy difícil de leer o incluso molesto.</div>
<h3 style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 1.5em; font-stretch: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3em; margin: 0px 0px 14px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline;">
<span id="alineacion-del-layout" style="border: 0px; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Alineación del layout</span></h3>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
A continuación tienes los ejemplos más típicos de alineación en los layouts.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Mira estos ejemplos y juzga por ti mismo cuál es el tipo de alineación para la estructura de tu sitio web más adecuado:</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<img alt="tipos de layouts o estructuras web más comunes" class="aligncenter" src="https://s3-eu-west-1.amazonaws.com/img-lawebera/DisenoWeb/layout-tipos-alineacion-web.jpg" style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; vertical-align: middle;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant-caps: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
Y con estos consejos terminamos esta mega guía de cómo estructurar y organizar una página web. Espero que después de leerla tengas más claro como hacer estructuras web escalables y fáciles de mantener.</div>
</div>
</div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-69374564932707900182019-10-20T19:23:00.001-07:002019-10-20T19:23:08.508-07:00<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;" ><a title="View Taller Web on Scribd" href="https://www.scribd.com/document/431243619/Taller-Web#from_embed" style="text-decoration: underline;">Taller Web</a> by <a title="View Watt ᴰᴶ's profile on Scribd" href="https://www.scribd.com/user/27686401/Watt-%E1%B4%B0%E1%B4%B6#from_embed" style="text-decoration: underline;">Watt ᴰᴶ</a> on Scribd</p><iframe class="scribd_iframe_embed" title="Taller Web" src="https://www.scribd.com/embeds/431243619/content?start_page=1&view_mode=scroll&show_recommendations=false&access_key=key-QWVE08rMIZ4N0jQcbzaq" data-auto-height="true" data-aspect-ratio="1.2941176470588236" scrolling="no" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-35961999966478813642019-09-29T19:37:00.002-07:002019-09-29T19:37:50.219-07:00ACTIVIDAD 1 - DISEÑO PÁGINAS WEB<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿CÓMO ELABORAR LA INTRODUCCIÓN EN UN TRABAJO?<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">La introducción da una idea general, pero exacta de los diversos aspectos que componen el trabajo. Se trata, en última instancia, de hacer un planteamiento claro y ordenado del tema de la investigación, de su importancia de sus implicaciones, así como de la manera en que se ha creído conveniente abordar el estudio de sus diferentes elementos. <o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿COMO ELABORAR UNA JUSTIFICACIÓN?<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">La justificación es la exposición de las razones por las cuales se realiza una investigación o un proyecto. Estas razones o motivos deben resaltar la importancia y pertinencia del trabajo que se va a elaborar o, bien, que ya se elaboró. La pertinencia se relaciona con qué tan adecuado y actual es el proyecto o el tema en el contexto en el que surge. La justificación debe convencer al lector de por qué es importante o para qué puede servir dicho proyecto o investigación.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿COMO HACER UNA CONCLUSIÓN?<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">La conclusión es la última oportunidad de impresionar al lector. Por esta razón, las conclusiones son muy importantes. Tu objetivo no es incluir nueva información; sin embargo, tampoco debes repetir todo lo que ya has expresado. <o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Recuerda, no debes incluir nueva evidencia para la idea principal. Evita escribir cosas como “En conclusión” o “Para concluir”, Trata de usar una frase que dé fuerza a la evidencia como “La evidencia que se mostró anteriormente demuestra que…” o “Finalmente…”. Recuerda, esta es tu última oportunidad de lograr que el lector se interese.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Dreamweaver: Es un software fácil de usar que permite crear páginas web profesionales.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Las funciones de edición visual de Dreamweaver permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Nueva interfaz de usuario. Dreamweaver presenta una nueva interfaz que permite cambiar fácilmente de espacio de trabajo y adaptar los paneles de forma rápida y cómoda. Esta nueva interfaz es muy parecida a los demás programas de Adobe, como Photoshop, Illustrator, etc. Existen distintos espacios de trabajo adecuados para cada ocasión (clásico, programador, diseñador, etc. ) pero también tenemos la posibilidad de crear el nuestro propio de forma muy sencilla.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Vista en vivo. La Vista en vivo nos permite trabajar con una vista real, tal y como veríamos la página en un navegador. Si hemos incluido elementos interactivos en nuestra página, como menús desplegables, menús tipo acordeón, widgets, etc, podremos interactuar con ellos en la vista en vivo, de la misma forma que lo haríamos en un navegador<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Navegador de código. La función de Navegador de código muestra las fuentes de código que afectan a la selección que tengamos activa, pueden ser CSS (hojas de estilos en cascada), funciones JavaScript externas, plantillas de Dreamweaver, archivos de origen de iFrame, etc.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"> La nueva barra de Archivos relacionados muestra todos los archivos que de una forma u otra contribuyen al diseño final de nuestra página, como hojas de estilo css, archivos javascript, etc.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Inspector de propiedades CSS. El hasta ahora Inspector de propiedades, queda dividido en propiedades HTML (el que conocíamos de otras versiones) y CSS. Éste último nos permite crear y editar nuestros estilos de forma cómoda y sencilla.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"> Objetos inteligentes de imagen. Dreamweaver incluye la posibilidad de crear objetos inteligentes de imagen. Ahora podemos incluir un archivo psd en las páginas web, de forma que el archivo original de Photoshop y la imagen optimizada en Dreamweaver se mantienen vinculados. Podemos redimensionar o cambiar características de los objetos inteligentes de imagen directamente desde Dreamweaver.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Conjuntos de datos. Dreamweaver permite la creación de páginas dinámicas de forma sencilla, pudiendo utilizar tanto bases de datos como archivos XML, sin necesidad de conocer en profundidad su funcionamiento. Resulta muy sencillo crear regiones dinámicas con la tecnología Spry.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 1: recopilación y aprendizaje<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">La primera etapa en la creación de un sitio web consiste en recopilar la mayor cantidad de información posible para conocer lo que quiere (y lo que no quiere) para su sitio. Puede recopilar esta información observando los sitios que usa actualmente, los sitios de sus competidores y los comentarios de sus amigos y colegas.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Como muchas empresas, puede optar por contratar los servicios de un diseñador web experto para crear su sitio. Esté preparado para responder a las preguntas del caso, ya que estas son necesarias para el armado de un "informe creativo". El "informe creativo" funcionará como guía o referencia para la creación del sitio. Independientemente de si contrata o no a una empresa de diseño, debe conocer las respuestas a las siguientes preguntas:<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Propósito:<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿Cuál es el propósito de mi sitio? ¿Estoy proporcionando un servicio, un producto, información o datos?<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Objetivos<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿Qué quiero que hagan mis visitantes al ver el sitio?<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Público objetivo<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿A quién estoy tratando de llegar? ¿Cuáles son los datos demográficos de mi público?<b><o:p></o:p></b></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Contenidos<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">¿Qué tipo de información busca mi público objetivo? ¿Buscan información específica, un producto en particular o comprar en línea?<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: center;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"><hr align="center" noshade="" size="0" style="color: #8e8e8e;" width="100%" />
</span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 2: planificación<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">La información recopilada en la etapa 1 lo ayudará enormemente a la hora de planificar su sitio. Ahora se deben llevar a cabo las siguientes tareas:<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Creación del mapa del sitio. Haga una lista de todas las áreas temáticas del sitio, así como los subtemas, para desarrollar un sistema de navegación homogéneo y fácil de entender.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Decisión sobre las tecnologías requeridas. Determine lo que necesitará para sus formularios interactivos, aplicaciones flash o sistemas de gestión de contenidos (CMS).<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Determinación de las resoluciones compatibles. Teniendo en cuenta el aumento de la tasa de adaptación móvil de los sitios web, conviene considerar la implementación de un diseño web adaptable. Este enfoque permite que los sitios se ajusten perfectamente a cualquier pantalla, como la de un equipo de escritorio, tableta o teléfono inteligente.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Creación de bocetos. Disponga las páginas de su sitio en un esquema de páginas ("wireframe"). Esto permitirá visualizar el diseño y brindar la estructura de su sitio web.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Planifique el contenido. Saber qué quiere comunicar, y cuánto contenido tiene, proporciona una guía para el proceso de diseño.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: center;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"><hr align="center" noshade="" size="0" style="color: #8e8e8e;" width="100%" />
</span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 3: diseño</span></b><span style="font-family: Arial, sans-serif; font-size: 9pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Si ya definió todos los temas vistos en las etapas 1 y 2, el diseño de la página de inicio y de las subpáginas posteriores será sencillo. Por ejemplo, establecer si su público objetivo son las mujeres solteras, de clase media, de entre 18 y 24 años y con estudios universitarios o los hombres casados, de clase alta, de entre 65 a 80 años y jubilados influye enormemente en los elementos de diseño y las aplicaciones que se usarán.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Ver el diseño de las páginas con contenidos y fotografías reales, su logotipo y el esquema de colores elegido, le darán vida a su visión para el sitio. ¡Aproveche esta etapa para hacer los cambios necesarios! Si está trabajando con diseñadores expertos, ellos le darán bocetos o prototipos en distintas etapas del proceso para que pueda hacer comentarios. Hacer cambios más adelante resulta costoso y difícil de implementar, por lo que debe aprovechar con inteligencia esta etapa.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: center;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"><hr align="center" noshade="" size="0" style="color: #8e8e8e;" width="100%" />
</span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 4: desarrollo<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Una vez que el diseño está finalizado y aprobado es posible crear el sitio web. Su diseñador/desarrollador tomará todos los elementos gráficos del prototipo y los utilizará para crear un sitio funcional. También se implementarán en esta etapa los elementos interactivos, como por ejemplo los formularios de contacto, las animaciones flash y los carritos de compras.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">En este momento es posible hacer cambios y arreglos menores.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: center;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"><hr align="center" noshade="" size="0" style="color: #8e8e8e;" width="100%" />
</span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 5: pruebas, entrega y lanzamiento<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Su desarrollador web pondrá a prueba el sitio web, verificando desde su correcta operación hasta posibles problemas de compatibilidad. Además, el desarrollador verificará que todo el código de su sitio web sea válido, cumpliendo con los estándares web actuales.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Una vez aprobado definitivamente, se cargarán los archivos del sitio web a sus servidores y se inaugurará el sitio.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: center;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;"><hr align="center" noshade="" size="0" style="color: #8e8e8e;" width="100%" />
</span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<b><span style="font-family: Arial, sans-serif; font-size: 9pt;">Etapa 6: mantenimiento<o:p></o:p></span></b></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">Ahora que finalmente está construido el sitio, es igual de importante mantenerlo. En la etapa de planificación de este proceso, decidió si quería encargarse del mantenimiento del sitio o prefería contratar a un tercero (como su diseñador web) para que lo haga. Si prefirió que todo quedara bajo su control, el diseñador generalmente opta por un diseño con CMS para permitirle editar el contenido de su sitio y agregar páginas nuevas.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">El desarrollo de su sitio web no termina el día del lanzamiento. Al igual que en un edificio, es necesario tomar ciertas medidas para garantizar que el sitio opere en forma segura de la mejor manera posible.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">ACTIVIDAD 1: <o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">1. Realiza un resumen del documento en el cuaderno<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">2. Realiza un glosario con las siguientes palabras<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span lang="EN-US" style="font-family: Arial, sans-serif; font-size: 9pt;">HTML, JavaScript, CSS, FTP, Flash, Illustrator, GIF, iFrame, Hipervínculo, JPEG, PNG, TRANSLÚCIDO.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">3. Copia las 6 etapas claves en el desarrollo de un sitio web y explica cada una<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">5. Para que sirve dreamweaver<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">6. Cuales son las extensiones que utiliza dreamweaver.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">7. Cuales son los tipos de imágenes que se pueden utilizar en dreamweaver y definir cada una.<o:p></o:p></span></div>
<div class="MsoNormal" style="font-family: "Times New Roman", serif; margin: 0cm -11.7pt 0.0001pt -1cm; text-align: justify;">
<span style="font-family: Arial, sans-serif; font-size: 9pt;">8. Piensa un tema especifico para tu pagina web, sobre que te gustaria hacerla y explica por que te gusta este tema.<o:p></o:p></span></div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-37883421444438410602019-08-14T04:34:00.002-07:002019-08-14T04:34:25.291-07:00video
<iframe width="560" height="315" src="https://www.youtube.com/embed/k3zhqbvgVnM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-25632027939708265922019-07-21T22:46:00.002-07:002019-07-24T05:42:14.374-07:00ACTIVIDAD 18: PERSONALIZA TU BLOG<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 22px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0.75em 0px 0px; orphans: 2; position: relative; widows: 2;">
</h3>
<div class="post-header" style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 10.8px; font-variant-ligatures: normal; line-height: 1.6; margin: 0px 0px 1.5em; orphans: 2; widows: 2;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-4854857302162645932" itemprop="description articleBody" style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; font-variant-ligatures: normal; line-height: 1.4; orphans: 2; position: relative; widows: 2; width: 570px;">
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">El blog de la asignatura es el portafolio digital de todo el trabajo realizado a lo largo del curso, por lo tanto, debe reflejar todas las actividades que hemos ido haciendo a lo largo de este año. En esta actividad, tendrás que </span><b style="font-size: 13.2px;">completarlo comprobando que están todas las entradas</b><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"> publicadas correctamente y ordenadas por orden cronológico.</span><br />
<br style="font-size: 13.2px;" />
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">Una vez hayas completado tu blog, pasarás a personalizarlo: </span><br />
<b style="font-size: 13.2px;"><br /></b><b style="font-size: 13.2px;">- Elige el diseño y el tema</b><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"> dentro de las opciones de Blogger. Personaliza, retoca y modifica las características de tu blog cuidadosamente hasta que obtengas un diseño que te guste y facilite la lectura de las actividades.</span><br />
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">- </span><b style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;">Diseña un banner de portada</b><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"> utilizando Gimp u otra aplicación. El tamaño del banner para las dimensiones que vienen por defecto en diseño sencillo es de: 940 x 310 píxeles.</span><br style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;" /><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">Recuerda que esto se realiza creando un achivo nuevo con estas dimensiones y luego abriendo como capa las imágenes que quieras incluir, luego podrás escalar las capas al tamaño que necesites. También hay otras maneras de hacerlo (</span><a href="https://www.youtube.com/watch?v=FghmpAUkVbQ" savefrom_lm="1" savefrom_lm_index="0" style="color: #888888; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-decoration: none;" target="_blank">tutorial pixlr</a><span style="margin: 0px 0px 0px 5px; padding: 0px;"><a href="http://savefrom.net/?url=https%3A%2F%2Fyoutu.be%2F_c1GyBFHNRY&utm_source=chameleon&utm_medium=extensions&utm_campaign=link_modifier" savefrom_lm="1" savefrom_lm_is_link="1" style="background-image: url("data:image/gif; background-repeat: no-repeat no-repeat; border: none; color: #888888; display: inline-block; height: 16px; padding: 0px; position: relative; text-decoration: none; width: 16px;" target="_blank" title="Obtener un enlace directo"></a></span><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">). Finalmente, exportando el archivo en formato imagen obtendrás tu banner.</span><br style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;" /><br style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;" /><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">- Coloca el banner en la cabecera de tu blog, desde Diseño.</span></span></div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-35223986044405583622019-07-21T22:44:00.002-07:002019-07-21T22:44:36.639-07:00ACTIVIDAD 13: DISEÑA IMÁGENES PARA LA REVISTA<h3 class="post-title entry-title" itemprop="name" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 22px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0.75em 0px 0px; orphans: 2; position: relative; widows: 2;">
<span style="font-size: 13.2px;">Diseña la portada y la contraportada de la próxima edición de la revista del Colegio, la temática de este trimestre será la Primavera.</span></h3>
<div class="post-body entry-content" id="post-body-9136523339629310306" itemprop="description articleBody" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; font-variant-ligatures: normal; line-height: 1.4; orphans: 2; position: relative; widows: 2; width: 620px;">
<br />Para ello, puedes escoger la aplicación que quieras, siempre que sea adecuada para esta tarea. Aquí puedes ver <a href="https://tuwebdecero.com/diseno-grafico-gratis/" style="color: #888888; text-decoration: none;" target="_blank">ejemplos de aplicaciones</a>*.<br />*(Si vas a usar Gimp, descárgalo desde su <a href="http://www.gimp.org.es/descargar-gimp.html" style="color: #888888; text-decoration: none;" target="_blank">web oficial de España</a>).<br /><br />Debes tener en cuenta el tamaño de imagen y la resolución de la misma para que sea apropiada para la portada y contraportada.<br />En la página del Colegio está subida la plantilla de Publisher con la portada y la contraportada, esta será la referencia que deberás tomar para el diseño. Observa que la imagen de la portada es más pequeña, ya que hay un espacio para el encabezado.<br /><br /><br /><b>En este caso, las dimensiones de las imágenes a diseñar deben ser:</b><br /><br /><span style="background-color: yellow;">Portada: 21x24,5 cm<span style="background-color: white;"> </span></span><br /><span style="background-color: lime;">Contraportada: tamaño A4 = 21x29,7 cm</span><br /><span style="background-color: yellow;"><span style="background-color: lime;"><br /></span></span>Para transformar estos valores a píxeles, estableciendo una resolución, <a href="https://www.calculadoraconversor.com/pixeles-a-cm/" style="color: #888888; text-decoration: none;" target="_blank">usa este convertidor</a>. Normalmente, las imágenes para imprimir deben tener, como mínimo, una resolución de 300 PPP.<br /><br />(Si generas las imágenes con un editor que no te permite ajustar el tamaño, retoca posteriormente la imagen para que se ajuste a las dimensiones requeridas.)<br /><br />Cuando hayas terminado el diseño de la portada y contraportada, insértalas en una nueva entrada en tu blog, indicando cual es cada una de ellas.<br /><br /><b>Entrega las imágenes a través de la Classroom creada para esta actividad, realizando las dos tareas.</b><br /><br />Las imágenes seleccionadas se publicarán en la revista del segundo trimestre.</div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-65993897740985910502019-07-09T19:59:00.000-07:002019-07-09T19:59:03.720-07:00TEST EMPRENDEDOR<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;" ><a title="View Test Capacidad Emprendedora on Scribd" href="https://www.scribd.com/doc/274962690/Test-Capacidad-Emprendedora#from_embed" style="text-decoration: underline;">Test Capacidad Emprendedora</a> by <a title="View 's profile on Scribd" href="undefined#from_embed" style="text-decoration: underline;"></a> on Scribd</p><iframe class="scribd_iframe_embed" title="Test Capacidad Emprendedora" src="https://www.scribd.com/embeds/416159817/content?start_page=1&view_mode=scroll&show_recommendations=true&access_key=key-w1dfuGWFU1aH9xuBnfqO" data-auto-height="true" data-aspect-ratio="null" scrolling="no" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-76581364400929401082019-05-12T22:32:00.001-07:002019-05-12T22:32:09.260-07:00<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"> <a title="View Comandos Básicos HTML on Scribd" href="https://www.scribd.com/document/409744036/Comandos-Ba-sicos-HTML#from_embed" style="text-decoration: underline;" >Comandos Básicos HTML</a> by <a title="View Watt ᴰᴶ's profile on Scribd" href="https://www.scribd.com/user/27686401/Watt-%E1%B4%B0%E1%B4%B6#from_embed" style="text-decoration: underline;" >Watt ᴰᴶ</a> on Scribd</p><iframe class="scribd_iframe_embed" title="Comandos Básicos HTML" src="https://es.scribd.com/embeds/409744036/content?start_page=1&view_mode=scroll&access_key=key-B9mI3pF8UJLLq98YJ657&show_recommendations=true" data-auto-height="false" data-aspect-ratio="0.7729220222793488" scrolling="no" id="doc_36114" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-57484464004392969072019-05-12T22:27:00.001-07:002019-05-12T22:27:29.858-07:00HISTORIA DEL INTERNET<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"> <a title="View Taller Historia Internet on Scribd" href="https://www.scribd.com/document/409743593/Taller-Historia-Internet#from_embed" style="text-decoration: underline;" >Taller Historia Internet</a> by <a title="View Watt ᴰᴶ's profile on Scribd" href="https://www.scribd.com/user/27686401/Watt-%E1%B4%B0%E1%B4%B6#from_embed" style="text-decoration: underline;" >Watt ᴰᴶ</a> on Scribd</p><iframe class="scribd_iframe_embed" title="Taller Historia Internet" src="https://es.scribd.com/embeds/409743593/content?start_page=1&view_mode=scroll&access_key=key-o0yyQTA3EW037ZFEEapU&show_recommendations=true" data-auto-height="false" data-aspect-ratio="0.7729220222793488" scrolling="no" id="doc_9307" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-53618720471451331452019-05-07T18:35:00.003-07:002019-05-07T18:39:00.873-07:00<h3 class="post-title entry-title" style="border: 0px; color: royalblue; font-family: arial; font-size: 1.5em; font-variant-ligatures: normal; font-weight: normal; letter-spacing: -1px; margin: 0px; orphans: 2; outline: 0px; padding: 0px; vertical-align: baseline; widows: 2;">
<a href="http://www.plantillasbloggers.com/2014/04/plantilla-true-pixel.html" style="border: 0px; color: #ff9000; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Plantilla True Pixel</a></h3>
<div class="post-header-line-1" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-width: 1px 0px; color: #999999; font-family: arial; font-size: 0.7em; font-variant-ligatures: normal; line-height: 1.3em; margin: 5px 0px; orphans: 2; outline: 0px; padding: 5px 0px; vertical-align: baseline; widows: 2;">
<span class="post-author vcard" style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Publicado por Wattdj</span><br />
<div style="border: 0px; float: right; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div id="___plusone_0" style="border: 0px; font-size: 1em; left: -10000px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 450px;">
<iframe data-gapiattached="true" frameborder="0" hspace="0" id="I0_1557279262887" marginheight="0" marginwidth="0" name="I0_1557279262887" ng-non-bindable="" scrolling="no" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&size=medium&origin=http%3A%2F%2Fwww.plantillasbloggers.com&url=http%3A%2F%2Fwww.plantillasbloggers.com%2F2014%2F04%2Fplantilla-true-pixel.html&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.es_419.nayXJ4sgI1I.O%2Fam%3DwQE%2Fd%3D1%2Frs%3DAGLTcCPOW-O59pMMUVt8ye0L9Vhg7VubCw%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1557279262887&_gfid=I0_1557279262887&parent=http%3A%2F%2Fwww.plantillasbloggers.com&pfname=&rpctoken=37266753" style="border-style: none; border-width: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: -10000px; vertical-align: baseline; width: 450px;" tabindex="0" vspace="0" width="100%"></iframe></div>
</div>
<span class="post-author vcard" style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="post-timestamp" style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="post-body entry-content" style="border: 0px; color: #666666; font-family: arial; font-size: 0.75em; font-variant-ligatures: normal; height: 1255px; line-height: 1.6em; margin: 0px 0px 0.75em; orphans: 2; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline; widows: 2;">
<div style="border: 0px; float: right; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<ins data-ad-slot="5877496934" id="aswift_2_expand" style="border: none; display: inline-table; font-size: 1em; height: 250px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; visibility: visible; width: 300px;"><ins id="aswift_2_anchor" style="border: none; display: block; font-size: 1em; height: 250px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; visibility: visible; width: 300px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="250" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="border-width: 0px; font-size: 1em; height: 250px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 300px;" vspace="0" width="300"></iframe></ins></ins></div>
<img alt="Plantilla blogger True Pixel" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9om_3fVzHNCNc-VC1o9QQtLhKWg0RESkQk7Sd7NP4MxuwgkYZW0iFRcbSCFgbUzv3yBC3DGAsjE1hvumncE0K2b1L7Fs-Jv0dHO705eAhVXE8CyuGS3luMRtsE9dSbGfmBHpbJPu8-OQ/s1600/True+Pixel.jpg" style="border: 0px solid rgb(220, 235, 241); font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" /><br />
<br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<a href="http://www.plantillasbloggers.com/2009/11/autores.html" style="border: 0px; color: #3259d8; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="blank"></a><br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<a href="http://www.plantillasbloggers.com/2012/08/como-subir-una-plantilla.html" style="border: 0px; color: #3259d8; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="blank"></a><br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<strong style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></strong><a href="https://app.box.com/s/fy6qtozs9i02b4awrqxd" style="font-family: -webkit-standard;">https://app.box.com/s/fy6qtozs9i02b4awrqxd</a><br />
<br />
<a href="https://www.4shared.com/rar/ZM3kp-eDba/Truepixel_plantillasbloggersco.html" style="font-family: -webkit-standard;">https://www.4shared.com/rar/ZM3kp-eDba/Truepixel_plantillasbloggersco.html</a><br />
<br />
<a href="https://mega.nz/#!20I1DYhL!EQjVpGrLGwS7dv5hO0XfejfBf3vpX72C1OQDR-ZwIn0" style="font-family: -webkit-standard;">https://mega.nz/#!20I1DYhL!EQjVpGrLGwS7dv5hO0XfejfBf3vpX72C1OQDR-ZwIn0</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<div style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<strong style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></strong><strong style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></strong></div>
<br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<strong style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></strong><br style="border: 0px; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" />
<div class="separator" style="border: 0px; clear: both; font-size: 1em; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<ins id="aswift_3_expand" style="border: none; display: inline-table; font-size: 1em; height: 0px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; visibility: visible; width: 468px;"><ins id="aswift_3_anchor" style="border: none; display: block; font-size: 1em; height: 0px; margin: 0px; opacity: 0; outline: 0px; overflow: hidden; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; visibility: visible; width: 468px;"><br /></ins></ins></div>
</div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-91574961563931355122019-04-07T23:26:00.001-07:002019-04-08T04:32:19.235-07:00actividad sobre la historia de las computadoras<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;" ><a title="View Actividad: Generación de Las Computadoras 2 Periodo on Scribd" href="https://www.scribd.com/document/405340874/Actividad-Generacion-de-Las-Computadoras-2-Periodo#from_embed" style="text-decoration: underline;">Actividad: Generación de La...</a> by <a title="View 's profile on Scribd" href="undefined#from_embed" style="text-decoration: underline;"></a> on Scribd</p><iframe class="scribd_iframe_embed" title="Actividad: Generación de Las Computadoras 2 Periodo" src="https://www.scribd.com/embeds/405340874/content?start_page=1&view_mode=scroll&show_recommendations=true&access_key=key-qHWeTGWua3sTZraebAV1" data-auto-height="true" data-aspect-ratio="null" scrolling="no" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-75897976458555302652019-04-06T17:43:00.002-07:002019-04-06T17:43:08.119-07:00HISTORIA DE LAS COMPUTADORAS<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"> <a title="View Historia de Las Computadoras on Scribd" href="https://www.scribd.com/presentation/405212590/Historia-de-Las-Computadoras#from_embed" style="text-decoration: underline;" >Historia de Las Computadoras</a> by <a title="View Watt ᴰᴶ's profile on Scribd" href="https://www.scribd.com/user/27686401/Watt-%E1%B4%B0%E1%B4%B6#from_embed" style="text-decoration: underline;" >Watt ᴰᴶ</a> on Scribd</p><iframe class="scribd_iframe_embed" title="Historia de Las Computadoras" src="https://es.scribd.com/embeds/405212590/content?start_page=1&view_mode=scroll&access_key=key-D3zUf7jycWNUlBYYdJ3q&show_recommendations=true" data-auto-height="false" data-aspect-ratio="1.3323485967503692" scrolling="no" id="doc_8922" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-61461807538787372202019-04-06T15:27:00.001-07:002019-04-06T15:27:20.361-07:00NORMAS DE LA SALA DE SISTEMAS<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;" ><a title="View Manual Uso Aula Tecnologia e Informatica 2019 on Scribd" href="https://www.scribd.com/document/405204131/Manual-Uso-Aula-Tecnologia-e-Informatica-2019#from_embed" style="text-decoration: underline;">Manual Uso Aula Tecnologia ...</a> by <a title="View 's profile on Scribd" href="undefined#from_embed" style="text-decoration: underline;"></a> on Scribd</p><iframe class="scribd_iframe_embed" title="Manual Uso Aula Tecnologia e Informatica 2019" src="https://www.scribd.com/embeds/405204131/content?start_page=1&view_mode=scroll&show_recommendations=true&access_key=key-OTH3xAB6cOssAUCib13q" data-auto-height="true" data-aspect-ratio="null" scrolling="no" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com1tag:blogger.com,1999:blog-6081330371867190194.post-30590808947401352632019-04-03T02:18:00.003-07:002019-04-03T04:39:02.101-07:00ACTIVIDAD CLASE 2 PERIODO<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves>false</w:TrackMoves>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>ES-CO</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<w:DoNotOptimizeForBrowser/>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false"
DefSemiHidden="false" DefQFormat="false" DefPriority="99"
LatentStyleCount="375">
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 9"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="header"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footer"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index heading"/>
<w:LsdException Locked="false" Priority="35" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of figures"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope return"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="line number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="page number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of authorities"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="macro"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="toa heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 5"/>
<w:LsdException Locked="false" Priority="10" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Closing"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Signature"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="Body Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Message Header"/>
<w:LsdException Locked="false" Priority="11" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Salutation"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Date"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Note Heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Block Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="FollowedHyperlink"/>
<w:LsdException Locked="false" Priority="22" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Document Map"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Plain Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="E-mail Signature"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Top of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Bottom of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal (Web)"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Acronym"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Cite"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Code"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Definition"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Keyboard"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Preformatted"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Sample"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Typewriter"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Variable"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Table"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation subject"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="No List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Contemporary"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Elegant"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Professional"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Balloon Text"/>
<w:LsdException Locked="false" Priority="39" Name="Table Grid"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Theme"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Revision"/>
<w:LsdException Locked="false" Priority="1" QFormat="true"
Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" QFormat="true"
Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" QFormat="true"
Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" QFormat="true"
Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" QFormat="true"
Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" QFormat="true"
Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" SemiHidden="true"
UnhideWhenUsed="true" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/>
<w:LsdException Locked="false" Priority="41" Name="Plain Table 1"/>
<w:LsdException Locked="false" Priority="42" Name="Plain Table 2"/>
<w:LsdException Locked="false" Priority="43" Name="Plain Table 3"/>
<w:LsdException Locked="false" Priority="44" Name="Plain Table 4"/>
<w:LsdException Locked="false" Priority="45" Name="Plain Table 5"/>
<w:LsdException Locked="false" Priority="40" Name="Grid Table Light"/>
<w:LsdException Locked="false" Priority="46" Name="Grid Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="Grid Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="Grid Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="46" Name="List Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="List Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="List Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Mention"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Smart Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hashtag"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Unresolved Mention"/>
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:0;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:-536870145 1107305727 0 0 415 0;}
@font-face
{font-family:"Comic Sans MS";
panose-1:3 15 7 2 3 3 2 2 2 4;
mso-font-charset:0;
mso-generic-font-family:script;
mso-font-pitch:variable;
mso-font-signature:647 0 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:none;
text-autospace:none;
font-size:11.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
h1
{mso-style-priority:9;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Título 1 Car";
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:15.6pt;
margin-bottom:.0001pt;
mso-pagination:none;
mso-outline-level:1;
text-autospace:none;
font-size:12.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-font-kerning:0pt;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
h2
{mso-style-priority:9;
mso-style-qformat:yes;
mso-style-link:"Título 2 Car";
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:15.6pt;
margin-bottom:.0001pt;
mso-pagination:none;
mso-outline-level:2;
text-autospace:none;
font-size:11.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
h3
{mso-style-priority:9;
mso-style-qformat:yes;
mso-style-link:"Título 3 Car";
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:29.8pt;
margin-bottom:.0001pt;
text-indent:-14.2pt;
mso-pagination:none;
mso-outline-level:3;
text-autospace:none;
font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
{mso-style-priority:1;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Texto independiente Car";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:none;
text-autospace:none;
font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:1;
mso-style-unhide:no;
mso-style-qformat:yes;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:37.0pt;
margin-bottom:.0001pt;
text-indent:-18.0pt;
line-height:11.45pt;
mso-line-height-rule:exactly;
mso-pagination:none;
text-autospace:none;
font-size:11.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
span.Ttulo1Car
{mso-style-name:"Título 1 Car";
mso-style-priority:9;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Título 1";
mso-ansi-font-size:12.0pt;
mso-bidi-font-size:12.0pt;
font-family:"Times New Roman",serif;
mso-ascii-font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;
font-weight:bold;}
span.Ttulo2Car
{mso-style-name:"Título 2 Car";
mso-style-priority:9;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Título 2";
font-family:"Times New Roman",serif;
mso-ascii-font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;
font-weight:bold;}
span.Ttulo3Car
{mso-style-name:"Título 3 Car";
mso-style-priority:9;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Título 3";
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-ascii-font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;
font-weight:bold;}
span.TextoindependienteCar
{mso-style-name:"Texto independiente Car";
mso-style-priority:1;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Texto independiente";
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-ascii-font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
p.TableParagraph, li.TableParagraph, div.TableParagraph
{mso-style-name:"Table Paragraph";
mso-style-priority:1;
mso-style-unhide:no;
mso-style-qformat:yes;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:5.35pt;
margin-bottom:.0001pt;
mso-pagination:none;
text-autospace:none;
font-size:11.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
font-size:11.0pt;
mso-ansi-font-size:11.0pt;
mso-bidi-font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-ansi-language:EN-US;
mso-fareast-language:EN-US;}
.MsoPapDefault
{mso-style-type:export-only;
mso-pagination:none;
text-autospace:none;}
@page WordSection1
{size:612.5pt 1008.5pt;
margin:56.0pt 28.0pt 14.0pt 27.0pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:783843108;
mso-list-type:hybrid;
mso-list-template-ids:-633075388 -476525322 -1843074978 -159616146 -1585526320 -453856780 2102689036 -1617815864 892403366 -1037029276;}
@list l0:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:29.8pt;
text-indent:-14.2pt;
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
font-family:Symbol;
mso-fareast-font-family:Symbol;
mso-bidi-font-family:Symbol;
mso-font-width:100%;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level2
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:82.7pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level3
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:135.4pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level4
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:188.15pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level5
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:240.85pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level6
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:293.6pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level7
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:346.3pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level8
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:399.0pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l0:level9
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:451.75pt;
text-indent:-14.2pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1
{mso-list-id:1034236424;
mso-list-type:hybrid;
mso-list-template-ids:949663388 172780344 -1680470362 1017124820 -1948508874 69925124 -839992840 -816789546 -400888388 146563012;}
@list l1:level1
{mso-level-text:"%1\)";
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:37.0pt;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";
letter-spacing:-.35pt;
mso-font-width:99%;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level2
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:89.0pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level3
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:141.0pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level4
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:193.05pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level5
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:245.05pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level6
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:297.1pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level7
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:349.1pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level8
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:401.1pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
@list l1:level9
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:•;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:453.15pt;
text-indent:-18.0pt;
mso-ansi-language:ES-CO;
mso-fareast-language:ES-CO;
mso-bidi-language:ES-CO;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tabla normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:none;
text-autospace:none;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-ansi-language:EN-US;
mso-fareast-language:EN-US;}
table.TableNormal
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:2;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 0cm 0cm 0cm;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:none;
text-autospace:none;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-ansi-language:EN-US;
mso-fareast-language:EN-US;}
</style>
<![endif]-->
<!--StartFragment-->
<br />
<table border="1" cellpadding="0" cellspacing="0" class="TableNormal" style="border-collapse: collapse; border: none; margin-left: 6.05pt; mso-border-alt: solid black .5pt; mso-border-insideh: .5pt solid black; mso-border-insidev: .5pt solid black; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-table-layout-alt: fixed; mso-yfti-tbllook: 480;">
<tbody>
<tr style="height: 20.9pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td rowspan="3" style="border: solid black 1.0pt; height: 20.9pt; mso-border-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 48.0pt;" valign="top" width="64"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .45pt;">
<br /></div>
<div class="TableParagraph" style="margin-left: 7.15pt;">
<br /></div>
</td>
<td colspan="9" style="border-left: none; border: solid black 1.0pt; height: 20.9pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 432.1pt;" valign="top" width="576"><div align="center" class="TableParagraph" style="line-height: 10.0pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 68.75pt; margin-right: 68.5pt; margin-top: 0cm; mso-line-height-rule: exactly; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">COLGIO EL ROSARIO<o:p></o:p></span></b></div>
</td>
<td colspan="3" rowspan="3" style="border-left: none; border: solid black 1.0pt; height: 20.9pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 65.05pt;" valign="top" width="87"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .2pt;">
<br /></div>
<div class="TableParagraph" style="margin-left: 6.2pt;">
<br /></div>
</td>
</tr>
<tr style="height: 17.3pt; mso-yfti-irow: 1;">
<td colspan="3" style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.3pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 71.5pt;" valign="top" width="95"><div class="TableParagraph" style="margin-top: 2.95pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">ASIGNATURA<o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.3pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 85.4pt;" valign="top" width="114"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.85pt; margin-right: 0cm; margin-top: 2.6pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 10.0pt;">INFORMATICA<o:p></o:p></span></b></div>
</td>
<td style="border-right: solid black 1.0pt; border: none; height: 17.3pt; mso-border-left-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-right-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 34.95pt;" valign="top" width="47"><div class="TableParagraph" style="line-height: 8.0pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.5pt; margin-right: 0cm; margin-top: .2pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 7.0pt;">GUIA<o:p></o:p></span></b></div>
<div class="TableParagraph" style="line-height: 8.0pt; margin-left: 7.3pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 7.0pt;">Nº
4<o:p></o:p></span></b></div>
</td>
<td colspan="4" rowspan="2" style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.3pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 240.25pt;" valign="top" width="320"><div class="TableParagraph" style="line-height: 9.85pt; margin-left: 5.55pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "comic sans ms"; font-size: 9.0pt;">DESEMPEÑO
DE COMPRENSIÓN:</span></u></b><b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;"><o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.55pt; margin-right: 4.45pt; margin-top: 0cm; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 9.0pt;">Comprenderá
que el sistema operativo Windows 7 es una herramienta que facilita de manera
rápida y ágil el desarrollo<span style="letter-spacing: -1.45pt;"> </span>de
tareas y procesos del computador e identificará<span style="letter-spacing: 2.0pt;"> </span>las<o:p></o:p></span></div>
<div class="TableParagraph" style="line-height: 10.1pt; margin-left: 5.55pt; mso-line-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 9.0pt;">generalidades,
componentes y utilidades de Windows 7.<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 34.1pt; mso-yfti-irow: 2;">
<td colspan="2" style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 34.1pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 56.75pt;" valign="top" width="76"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .4pt;">
<br /></div>
<div class="TableParagraph">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">DOCENTE<o:p></o:p></span></b></div>
</td>
<td colspan="2" style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 34.1pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 100.15pt;" valign="top" width="134"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .4pt;">
<br /></div>
<div class="TableParagraph" style="margin-left: 5.25pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">Luis Gustavo Gil G.<o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 34.1pt; mso-border-bottom-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-right-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 34.95pt;" valign="top" width="47"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .55pt;">
<br /></div>
<div align="center" class="TableParagraph" style="line-height: 8.0pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 4.85pt; margin-right: 4.2pt; margin-top: 0cm; mso-line-height-rule: exactly; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 7.0pt;">Periodo<o:p></o:p></span></b></div>
<div align="center" class="TableParagraph" style="line-height: 8.0pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 4.85pt; margin-right: 4.15pt; margin-top: 0cm; mso-line-height-rule: exactly; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 7.0pt;">: 2<o:p></o:p></span></b></div>
</td>
</tr>
<tr style="height: 17.25pt; mso-yfti-irow: 3; mso-yfti-lastrow: yes;">
<td colspan="2" style="border-top: none; border: solid black 1.0pt; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 70.75pt;" valign="top" width="94"><div class="TableParagraph" style="margin-top: 2.7pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">ESTUDIANTE<o:p></o:p></span></b></div>
</td>
<td colspan="5" style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 269.1pt;" valign="top" width="359"><div class="TableParagraph" style="margin-left: 0cm;">
<br /></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 49.75pt;" valign="top" width="66"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.6pt; margin-right: 0cm; margin-top: 2.7pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">GRADO<o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 41.95pt;" valign="top" width="56"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.45pt; margin-right: 0cm; margin-top: 2.7pt;">
<br /></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 48.55pt;" valign="top" width="65"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 5.5pt; margin-right: 0cm; margin-top: 2.7pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 9.0pt;">FECHA<o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 22.75pt;" valign="top" width="30"><div class="TableParagraph" style="line-height: 5.4pt; margin-left: 6.0pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 5.0pt;">D</span></b><b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 5.0pt;"><o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 19.55pt;" valign="top" width="26"><div class="TableParagraph" style="line-height: 5.4pt; margin-left: 5.85pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 5.0pt;">M<o:p></o:p></span></b></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 17.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 22.75pt;" valign="top" width="30"><div class="TableParagraph" style="line-height: 5.4pt; margin-left: 5.7pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 5.0pt;">A</span></b><b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 5.0pt;"><o:p></o:p></span></b></div>
</td>
</tr>
<!--[if !supportMisalignedColumns]-->
<tr height="0">
<td style="border: none;" width="48"></td>
<td style="border: none;" width="23"></td>
<td style="border: none;" width="34"></td>
<td style="border: none;" width="15"></td>
<td style="border: none;" width="85"></td>
<td style="border: none;" width="35"></td>
<td style="border: none;" width="100"></td>
<td style="border: none;" width="50"></td>
<td style="border: none;" width="42"></td>
<td style="border: none;" width="49"></td>
<td style="border: none;" width="23"></td>
<td style="border: none;" width="20"></td>
<td style="border: none;" width="23"></td>
</tr>
<!--[endif]-->
</tbody></table>
<br />
<h2 style="line-height: 12.2pt; mso-line-height-rule: exactly;">
<span style="font-family: "comic sans ms";"><o:p> </o:p></span></h2>
<h2 style="line-height: 12.2pt; mso-line-height-rule: exactly;">
<span style="font-family: "comic sans ms";">Desempeño(s):<o:p></o:p></span></h2>
<div class="MsoBodyText" style="margin-top: .05pt;">
<br /></div>
<h3 style="margin-top: 5.0pt; mso-list: l0 level1 lfo2; tab-stops: 29.85pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; font-weight: normal;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="font-family: "comic sans ms";">Reconoce el proceso evolutivo mediante el
cual Microsoft desarrolló y posesionó a Windows como un S. O.<span style="letter-spacing: .05pt;"> </span>líder.<o:p></o:p></span></h3>
<div class="MsoListParagraph" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 29.8pt; margin-right: 0cm; margin-top: .15pt; mso-list: l0 level1 lfo2; tab-stops: 29.85pt; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "symbol"; font-size: 10.0pt;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";"> </span></span></span><!--[endif]--><b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 10.0pt;">Utilizar herramientas TIC (blogs) para
consultar información en internet y profundizar el<span style="letter-spacing: -.1pt;"> </span>aprendizaje.<o:p></o:p></span></b></div>
<div class="MsoBodyText" style="margin-top: .3pt;">
<br /></div>
<div class="MsoNormal" style="margin-left: 92.05pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 12.0pt;">HISTORIA Y EVOLUCIÓN DEL SISTEMA OPERATIVO WINDOWS<o:p></o:p></span></b></div>
<div class="MsoBodyText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 15.6pt; margin-right: 3.85pt; margin-top: 11.5pt;">
<span style="font-family: "comic sans ms";">Microsoft
Windows es una serie de sistemas operativos desarrollados y comercializados por
Microsoft. Existen versiones para hogares, empresas, servidores y dispositivos
móviles, así como para computadores de bolsillo y teléfonos inteligentes.<o:p></o:p></span></div>
<div class="MsoBodyText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 15.6pt; margin-right: 14.5pt; margin-top: 0cm; text-align: justify;">
<span style="font-family: "comic sans ms";">Incorpora diversas aplicaciones como
Internet Explorer, el reproductor de Windows Media, Windows Defender, Windows
Media Center, WordPad, Paint, entre otros. Desde hace muchos años es el sistema
operativo más difundido y usado del mundo; de hecho la mayoría de los programas
(tanto comerciales como gratuitos), se desarrollan originalmente para este
sistema operativo.<o:p></o:p></span></div>
<div class="MsoBodyText" style="line-height: 11.4pt; margin-left: 15.6pt; mso-line-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms";">A
continuación se presenta un resumen de los sistemas operativos Windows de
Microsoft para computadores personales.<o:p></o:p></span></div>
<div class="MsoBodyText" style="margin-bottom: .05pt; margin-left: 0cm; margin-right: 0cm; margin-top: .3pt;">
<br /></div>
<table border="1" cellpadding="0" cellspacing="0" class="TableNormal" style="border-collapse: collapse; border: none; margin-left: 15.85pt; mso-border-alt: solid black .5pt; mso-border-insideh: .5pt solid black; mso-border-insidev: .5pt solid black; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-table-layout-alt: fixed; mso-yfti-tbllook: 480;">
<tbody>
<tr style="height: 12.7pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid black 1.0pt; height: 12.7pt; mso-border-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div align="center" class="TableParagraph" style="line-height: 11.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 143.2pt; margin-right: 143.25pt; margin-top: .05pt; mso-line-height-rule: exactly; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">VERSIÓN
DE WINDOWS<o:p></o:p></span></b></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; height: 12.7pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="line-height: 11.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 35.55pt; margin-right: 0cm; margin-top: .05pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">DIBUJO<o:p></o:p></span></b></div>
</td>
</tr>
<tr style="height: 60.9pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid black 1.0pt; height: 60.9pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows
1.01:<o:p></o:p></span></b></div>
<div class="TableParagraph">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Fue el primer intento de Microsoft de
implementar un entorno operativo gráfico multitarea para un computador
personal. Fue presentado al público el 10 de noviembre de 1983.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 60.9pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 6.6pt;">
<br /></div>
</td>
</tr>
<tr style="height: 81.7pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid black 1.0pt; height: 81.7pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; margin-top: .05pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows 2.0:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 5.25pt; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Apareció
en 1987, y fue un poco más popular que la versión inicial. Gran parte de esa
popularidad se debió<span style="letter-spacing: -.6pt;"> </span>a<span style="letter-spacing: -.75pt;"> </span>que<span style="letter-spacing: -.55pt;">
</span>incluía<span style="letter-spacing: -.75pt;"> </span>nuevas<span style="letter-spacing: -.8pt;"> </span>aplicaciones<span style="letter-spacing: -.8pt;"> </span>gráficas<span style="letter-spacing: -.8pt;"> </span>como,<span style="letter-spacing: -.65pt;"> </span>por<span style="letter-spacing: -.65pt;">
</span>ejemplo,<span style="letter-spacing: -.7pt;"> </span>Microsoft<span style="letter-spacing: -.5pt;"> </span>Word<span style="letter-spacing: -.7pt;"> </span>y<span style="letter-spacing: -1.1pt;"> </span>Microsoft<span style="letter-spacing: -.7pt;"> </span>Excel para Windows.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 81.7pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 10.2pt;">
<br /></div>
</td>
</tr>
<tr style="height: 70.1pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid black 1.0pt; height: 70.1pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.45pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows
3.0:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 5.25pt; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Windows
3.x es el nombre genérico con el que se suele conocer a las versiones 3.0,
3.1 y 3.11 de Windows para computadores personales. Microsoft Windows nunca
fue realmente un Sistema Operativo con verdadero entorno gráfico hasta
Windows 95.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 70.1pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 6.6pt;">
<br /></div>
</td>
</tr>
<tr style="height: 93.1pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid black 1.0pt; height: 93.1pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.45pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows
95 (Chicago):<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 4.7pt; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Es
un sistema operativo con interfaz gráfica de usuario híbrido de entre 16 y 32
bits. Fue publicado<span style="letter-spacing: -1.25pt;"> </span>el 24 de
agosto de 1995 por Microsoft con notable éxito de ventas. Durante su
desarrollo se conoció como Windows 4 o por el nombre de Chicago. Sustituyó a
MS-DOS como sistema operativo y a Windows 3.x como entorno gráfico. Se
encuadra dentro de <span style="letter-spacing: -.2pt;">la </span>familia de
sistemas operativos de Microsoft denominada Windows<span style="letter-spacing: .45pt;"> </span>9x.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 93.1pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 8.8pt;">
<br /></div>
</td>
</tr>
<tr style="height: 75.7pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid black 1.0pt; height: 75.7pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; margin-top: .05pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows 98 (Memphis):<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 4.9pt; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Es
un sistema operativo gráfico publicado el 25 de <span style="letter-spacing: -.15pt;">junio </span>de 1998 por Microsoft y <span style="letter-spacing: -.15pt;">fue </span>el sucesor de Windows<span style="letter-spacing: -.55pt;"> </span>95.<span style="letter-spacing: -.3pt;"> </span>Como<span style="letter-spacing: -.25pt;">
</span>su<span style="letter-spacing: -.4pt;"> </span>predecesor,<span style="letter-spacing: -.35pt;"> </span>es<span style="letter-spacing: -.5pt;"> </span>un<span style="letter-spacing: -.55pt;"> </span>producto<span style="letter-spacing: -.4pt;"> </span>monolítico<span style="letter-spacing: -.25pt;"> </span>híbrido<span style="letter-spacing: -.25pt;"> </span>de<span style="letter-spacing: -.45pt;"> </span>16<span style="letter-spacing: -.2pt;"> </span>y<span style="letter-spacing: -.8pt;"> </span>32<span style="letter-spacing: -.2pt;"> </span>bits.<span style="letter-spacing: -.15pt;">
</span>Aparecieron<span style="letter-spacing: -.6pt;"> </span>dos versiones de
este sistema operativo, <span style="letter-spacing: -.2pt;">la </span>primera
se le <span style="letter-spacing: -.15pt;">llamó </span>la primera edición, y
a la segunda versión se <span style="letter-spacing: -.2pt;">le </span>llamó la
segunda edición, o Microsoft Windows 98 SE. La segunda versión de Windows 98
es una actualización de Windows 98 primera edición, y <span style="letter-spacing: -.15pt;">fue </span>publicada el 5 de <span style="letter-spacing: -.2pt;">mayo </span>de<span style="letter-spacing: .95pt;"> </span>1999.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 75.7pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 6.6pt;">
<br /></div>
</td>
</tr>
<tr style="height: 70.05pt; mso-yfti-irow: 6;">
<td style="border-top: none; border: solid black 1.0pt; height: 70.05pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; margin-top: .05pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows Millenium (Me):<o:p></o:p></span></b></div>
<div class="TableParagraph" style="line-height: 98%;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt; line-height: 98%;">Es el
sucesor de Windows 98, fue puesto en el mercado como Home Edition, cuando fue
comparado con Windows 2000, que había sido lanzando 7 meses antes, fue
siseñado para usuarios caseros.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 70.05pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 16.2pt;">
<br /></div>
</td>
</tr>
<tr style="height: 65.7pt; mso-yfti-irow: 7; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid black 1.0pt; height: 65.7pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; margin-top: .05pt; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows XP:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="line-height: 100%; margin-right: 3.1pt;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt; line-height: 100%;">Lanzado al mercado el 25 de Octubre de 2001. Las
letras “XP”, provienen de la palabra eXPerience en inglés.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 65.7pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 17.8pt;">
<br /></div>
</td>
</tr>
</tbody></table>
<table align="left" border="1" cellpadding="0" cellspacing="0" class="TableNormal" style="border-collapse: collapse; border: none; margin-left: 4.8pt; margin-right: 4.8pt; mso-border-alt: solid black .5pt; mso-border-insideh: .5pt solid black; mso-border-insidev: .5pt solid black; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-table-anchor-horizontal: margin; mso-table-anchor-vertical: paragraph; mso-table-layout-alt: fixed; mso-table-left: left; mso-table-lspace: 7.05pt; mso-table-rspace: 7.05pt; mso-table-top: -96.85pt; mso-yfti-tbllook: 480;">
<tbody>
<tr style="height: 63.25pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid black 1.0pt; height: 63.25pt; mso-border-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.5pt; margin-top: .1pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows 7:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 5.15pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Es una de las
versiones más recientes de Microsoft, para ser utilizado en computadores
personales, equipos de oficina, portátiles, tablets, netbooks, y equipos
media center. Su fecha de lanzamiento oficial fue el 22 de Octubre de 2009.<o:p></o:p></span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; height: 63.25pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-left: 6.6pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<br /></div>
</td>
</tr>
<tr style="height: 183.95pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid black 1.0pt; height: 183.95pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 11.25pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms"; font-size: 10.0pt;">Windows 8:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="margin-right: 4.8pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Windows<span style="letter-spacing: -.45pt;"> </span>8<span style="letter-spacing: -.25pt;"> </span>es<span style="letter-spacing: -.35pt;"> </span>una<span style="letter-spacing: -.15pt;">
</span></span><a href="http://www.alegsa.com.ar/Dic/version.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">versión<span style="letter-spacing: -.25pt;"> </span></span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">de<span style="letter-spacing: -.15pt;"> </span></span><a href="http://www.alegsa.com.ar/Dic/windows.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">Microsoft<span style="letter-spacing: -.05pt;"> </span>Windows,</span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt; letter-spacing: -0.2pt;"> </span><a href="http://www.alegsa.com.ar/Dic/sistema%20operativo.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">sistema<span style="letter-spacing: -.3pt;"> </span>operativo<span style="letter-spacing: .15pt;"> </span></span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">desarrollado<span style="letter-spacing: -.1pt;"> </span>por<span style="letter-spacing: -.15pt;"> </span></span><a href="http://www.alegsa.com.ar/Dic/microsoft.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">Microsoft,<span style="letter-spacing: -.35pt;"> </span></span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">para ser usado en </span><a href="http://www.alegsa.com.ar/Dic/windows%208.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">computadoras </span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">de
</span><a href="http://www.alegsa.com.ar/Dic/pc.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">PC,</span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">
</span><a href="http://www.alegsa.com.ar/Dic/portatil.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">portátiles, </span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">tabletas
y<span style="letter-spacing: -.05pt;"> </span>similares.<o:p></o:p></span></div>
<div class="TableParagraph" style="line-height: 100%; margin-right: 5.45pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt; line-height: 100%;">Fue lanzado definitivamente el 26 de octubre de
2012, con gran expectativa, debido a los grandes cambios anunciados.<o:p></o:p></span></div>
<div class="TableParagraph" style="margin-right: 5.05pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">El cambio más
obvio fue la interfaz, ahora orientada a </span><a href="http://www.alegsa.com.ar/Dic/windows%208.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">pantallas </span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">multitáctiles.
La pantalla principal consta de grandes mosaicos que representan aplicaciones
y pueden mostrar información actualizada del tiempo, noticias, una aplicación
específica, etc.<o:p></o:p></span></div>
<div class="TableParagraph" style="margin-right: 5.15pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">El<span style="letter-spacing: -1.0pt;"> </span>Escritorio<span style="letter-spacing: -.5pt;"> </span>se<span style="letter-spacing: -.65pt;"> </span>convirtió<span style="letter-spacing: -.5pt;"> </span>en<span style="letter-spacing: -.8pt;"> </span></span><a href="http://www.alegsa.com.ar/Dic/windows%208.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">un<span style="letter-spacing: -.15pt;">
</span>programa<span style="letter-spacing: .15pt;"> </span></span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">más<span style="letter-spacing: -.7pt;"> </span>de<span style="letter-spacing: -.45pt;"> </span>Windows.<span style="letter-spacing: -.6pt;"> </span>Ahora<span style="letter-spacing: -.65pt;">
</span>existe<span style="letter-spacing: -.65pt;"> </span><span style="letter-spacing: -.2pt;">la</span><span style="letter-spacing: -.7pt;"> </span>posibilidad<span style="letter-spacing: -.6pt;"> </span>de<span style="letter-spacing: -.65pt;"> </span>aplicaciones
para el mosaico o aplicaciones para ejecutar en el<span style="letter-spacing: .05pt;"> </span>Escritorio.<o:p></o:p></span></div>
<div class="TableParagraph" style="line-height: 11.5pt; margin-right: 4.95pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">El
botón inicio desapareció de la barra de tareas, para acceder a los </span><a href="http://www.alegsa.com.ar/Dic/windows%208.php"><span style="font-family: "comic sans ms"; font-size: 10.0pt; text-decoration: none;">programas </span></a><span style="font-family: "comic sans ms"; font-size: 10.0pt;">se
hace a través de los mosaicos o buscándolos escribiendo su nombre.<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 183.95pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .15pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<br /></div>
<div class="TableParagraph" style="margin-left: 11.45pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<br /></div>
</td>
</tr>
<tr style="height: 105.1pt; mso-yfti-irow: 2; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid black 1.0pt; height: 105.1pt; mso-border-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 416.7pt;" valign="top" width="556"><div class="TableParagraph" style="line-height: 12.4pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-line-height-rule: exactly;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "comic sans ms";">Windows Vista:<o:p></o:p></span></b></div>
<div class="TableParagraph" style="line-height: 11.25pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-line-height-rule: exactly;">
<span style="font-family: "comic sans ms"; font-size: 10.0pt;">Es un sistema
operativo desarrollado por Microsoft y diseñado para ser utilizado en
computadores de escritorio, portátiles, Tablets PC y centros multimedia. El
30 de enero de 2007 fue lanzando mundialmente y fue puesto a disposición para
ser comprado y descargado desde el sitio web de Microsoft.<b style="mso-bidi-font-weight: normal;"><o:p></o:p></b></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 105.1pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-top-alt: solid black .5pt; padding: 0cm 0cm 0cm 0cm; width: 4.0cm;" valign="top" width="151"><div class="TableParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: .15pt; mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 7.05pt; mso-element-top: -96.85pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
<br /></div>
<h1 style="margin-top: 4.5pt;">
<span style="font-family: "comic sans ms";">No. 1<o:p></o:p></span></h1>
<div class="MsoBodyText" style="margin-top: .15pt;">
<br /></div>
<h2 style="line-height: 12.5pt; margin-top: 4.55pt; mso-line-height-rule: exactly;">
<span style="font-family: "comic sans ms";">ACTIVIDAD <o:p></o:p></span></h2>
<h2 style="line-height: 12.5pt; margin-top: 4.55pt; mso-line-height-rule: exactly;">
<span style="font-family: "comic sans ms";">1:<o:p></o:p></span></h2>
<div class="MsoBodyText" style="line-height: 100%; margin-left: 15.6pt;">
<br /></div>
<div class="MsoBodyText" style="line-height: 100%; margin-left: 15.6pt;">
<span style="font-family: "comic sans ms";">En su cuaderno escriba el nombre de cada
sistema operativo desarrollado por Microsoft, en qué fecha fue lanzado, para
qué fue diseñado, sus características, haga el dibujo del logo correspondiente
o péguelo, para cada versión de Windows y coloréelo.<o:p></o:p></span></div>
<div class="MsoBodyText" style="margin-top: .45pt;">
<br /></div>
<h2>
<span style="font-family: "comic sans ms";">2:<o:p></o:p></span></h2>
<div class="MsoBodyText" style="margin-top: .35pt;">
<br /></div>
<div class="MsoBodyText" style="margin-left: 15.6pt;">
<span style="font-family: "comic sans ms";">Consulte
en Internet los siguientes términos y escriba el significado en su cuaderno y
para qué se utiliza.<o:p></o:p></span></div>
<div class="MsoBodyText">
<br /></div>
<div class="MsoListParagraph" style="line-height: normal; mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">1)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué es el sistema operativo<span style="letter-spacing: -.05pt;"> </span>MS-DOS?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="margin-top: .15pt; mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">2)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Para qué se<span style="letter-spacing: .1pt;"> </span>utilizó?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">3)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué es <span style="letter-spacing: -.2pt;">la
</span>GUI de un sistema<span style="letter-spacing: .65pt;"> </span>operativo?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="margin-top: .1pt; mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">4)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué significa el término LAN y para qué se
usa?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">5)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué es un netbook y para qué se<span style="letter-spacing: -.35pt;"> </span>usa?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="margin-top: .1pt; mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">6)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué es un media center y para qué se usa
(centro<span style="letter-spacing: -.1pt;"> </span>multimedia)?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="mso-list: l1 level1 lfo1; tab-stops: 37.05pt;">
<!--[if !supportLists]--><span style="font-size: 10.0pt; letter-spacing: -.35pt; mso-font-width: 99%;"><span style="mso-list: Ignore;">7)<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]--><span style="font-family: "comic sans ms"; font-size: 10.0pt;">¿Qué es una tablet y para qué se<span style="letter-spacing: .1pt;"> </span>usa?<o:p></o:p></span></div>
<div class="MsoListParagraph" style="tab-stops: 37.05pt; text-indent: 0cm;">
<br /></div>
<h2>
<span style="font-family: "comic sans ms";">ACTIVIDAD 3:<o:p></o:p></span></h2>
<div class="MsoNormal">
<span style="font-family: "comic sans ms";">Las computadoras
no han nacido en los ultimos años, en realidad el hombre siempre busco tener
dispositivos que le ayudaran a efectuar calculos precisos y rapidos: una breve
reseña historica nos permitira, comprender como llegamos a las computadoras
actuales. <o:p></o:p></span></div>
<div class="MsoBodyText">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVeY3ahhFBXx9u6QfeeUW8FXx_Kp_7KH7S6fGbciBVdjHMOX3r-RY0DmTM-5tC3iaH2HKlWe6cY0021cglSycymSz8-N1QKKEqIW4Zvc0vC07lJtn6_dIAqVSd1ARmLKO0GBD0pELTENlE/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="871" data-original-width="1600" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVeY3ahhFBXx9u6QfeeUW8FXx_Kp_7KH7S6fGbciBVdjHMOX3r-RY0DmTM-5tC3iaH2HKlWe6cY0021cglSycymSz8-N1QKKEqIW4Zvc0vC07lJtn6_dIAqVSd1ARmLKO0GBD0pELTENlE/s640/1.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZ22mPY6kqTFMeY_eeKyTpYGZkCCS1yNWVTIiu_ahwaZ6nCn-vja_7mIdCK1Y1hUQywWf42e4EIvd3TfWLi62q_85FsYzVdt_BJdBsetLyEEG1w9_GwvrGWdujYYz50-VlQHHNnutScrN/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1510" data-original-width="1600" height="601" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZ22mPY6kqTFMeY_eeKyTpYGZkCCS1yNWVTIiu_ahwaZ6nCn-vja_7mIdCK1Y1hUQywWf42e4EIvd3TfWLi62q_85FsYzVdt_BJdBsetLyEEG1w9_GwvrGWdujYYz50-VlQHHNnutScrN/s640/2.jpg" width="640" /></a></div>
<br />
<br />
<br /></div>
<div class="MsoBodyText">
<span style="font-family: "comic sans ms";"><o:p> </o:p></span><span style="font-family: "comic sans ms"; font-size: 10pt; text-indent: 0cm;">“</span><span style="color: #212121; font-family: "comic sans ms"; font-size: 10pt; text-indent: 0cm;">Felicidad no es hacer lo que uno quiere sino querer lo
que uno hace” Jean Paul Sartre</span><br />
<span style="color: #212121; font-family: "comic sans ms"; font-size: 10pt; text-indent: 0cm;"><br /></span>
<a href="https://www.scribd.com/document/404225891/taller-No-3-Historia-y-evolucio-n-del-SO-Windows-Informatica">https://www.scribd.com/document/404225891/taller-No-3-Historia-y-evolucio-n-del-SO-Windows-Informatica</a></div>
<!--EndFragment--><br />wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-12585566607528881332019-03-18T06:55:00.000-07:002019-07-24T05:00:57.316-07:002: FUNCIONES BÁSICAS DE EXCEL<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Son muchas las funciones que hay en Excel y es normal que te asustes de la cantidad de funciones que hay pero no te preocupes… tú puedes aprenderlas todas pero empecemos por algo más sencillo. Las funciones básicas de Excel: la función CONTAR, la función SUMA…</div>
<h3 style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 20px; line-height: 1.2em; margin: 0px 0px 20px; padding: 0px; text-transform: uppercase;">
<span id="Funcion_SUMA" style="border: 0px; margin: 0px; padding: 0px;">FUNCIÓN SUMA</span></h3>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
La función SUMA no es la más importante de Excel ni mucho menos pero es tan básica y se usa tanto que debe colocarse en primer lugar. Para mi es la primera de las 4 funciones básicas de Excel.</div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Esta función te permite hacer sumas de celdas o de rangos de celdas. En la siguiente imagen vemos como se usa la función suma para sumar tres celdas diferentes. Para ello, insertaremos la función SUMA (quizás debas ver <a href="https://excelyvba.com/aprender-excel-basico/" style="background-color: transparent; border: 0px; color: #9b0500; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;">cómo insertar una función primero</a>) y después iremos seleccionando cada uno de los valores que queremos sumar.</div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="funciones básicas en excel" class="aligncenter wp-image-4256 size-full lazyloaded" data-lazy-src="https://cdn3.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751.png" data-lazy-srcset="https://cdn3.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751.png 322w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751-300x132.png 300w" data-was-processed="true" height="142" sizes="(max-width: 322px) 100vw, 322px" src="https://cdn3.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751.png" srcset="https://cdn3.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751.png 322w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2d5437751-300x132.png 300w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="322" /></div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Si lo que queremos es sumar toda una columna de valores podremos hacerlo aún más rápido seleccionando rápidamente todos los valores con el ratón.</div>
<div id="dgICDtA" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="función suma en excel" class="aligncenter wp-image-4255 lazyloaded" data-lazy-src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e.png" data-lazy-srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e.png 342w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e-300x258.png 300w" data-was-processed="true" height="248" sizes="(max-width: 288px) 100vw, 288px" src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e.png" srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e.png 342w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2ccaa7a1e-300x258.png 300w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="288" /></div>
<h3 style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 20px; line-height: 1.2em; margin: 0px 0px 20px; padding: 0px; text-transform: uppercase;">
<span id="FuncionCONTAR" style="border: 0px; margin: 0px; padding: 0px;">FUNCIÓN CONTAR</span></h3>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Esta función es muy sencilla y también se usa muchísimo. Esta función nos permitirá contar los valores numéricos que se encuentran dentro de un rango.</div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Como puede verse en la siguiente imagen, el rango que hemos seleccionado va desde la celda 5 hasta la celda 20. Esto son 16 celdas pero la función CONTAR sólo devuelve como resultado 13. Esto es porque no cuenta ni las celdas vacías ni aquellas que contengan palabras.</div>
<div id="Bprnfml" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="función contar en excel" class="aligncenter wp-image-4257 size-full lazyloaded" data-lazy-src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13.png" data-lazy-srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13.png 416w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13-300x253.png 300w" data-was-processed="true" height="351" sizes="(max-width: 416px) 100vw, 416px" src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13.png" srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13.png 416w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df2efdb1d13-300x253.png 300w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="416" /></div>
<h3 style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 20px; line-height: 1.2em; margin: 0px 0px 20px; padding: 0px; text-transform: uppercase;">
<span id="Funcion_PROMEDIO" style="border: 0px; margin: 0px; padding: 0px;">FUNCIÓN PROMEDIO</span></h3>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Esta función es la que nos permite obtener la media de una serie de valores. Al igual que en la función SUMA, podremos ir seleccionando las celdas una a una o seleccionar un completo rango de celdas.</div>
<div id="KKmulAQ" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="función promedio en excel" class="aligncenter wp-image-4259 size-full lazyloaded" data-lazy-src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669.png" data-lazy-srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669.png 372w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669-300x248.png 300w" data-was-processed="true" height="308" sizes="(max-width: 372px) 100vw, 372px" src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669.png" srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669.png 372w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3053e8669-300x248.png 300w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="372" /></div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
NOTA: muy importante, la función PROMEDIO devuelve la media aritmética. Si quieres hallar otro tipo de media o la moda o la media estás de enhorabuena, Excel tiene una función para todas ellas. Ve a Fórmulas >> Biblioteca de funciones y busca entre las funciones estadísticas.</div>
<div id="IPbxsXc" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="funciones estadísticas en excel" class="aligncenter wp-image-4258 size-full lazyloaded" data-lazy-src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922.png" data-lazy-srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922.png 619w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922-300x149.png 300w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922-600x298.png 600w" data-was-processed="true" height="307" sizes="(max-width: 619px) 100vw, 619px" src="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922.png" srcset="https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922.png 619w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922-300x149.png 300w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df3000c8922-600x298.png 600w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="619" /></div>
<h3 style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 20px; line-height: 1.2em; margin: 0px 0px 20px; padding: 0px; text-transform: uppercase;">
<span id="Funcion_SI" style="border: 0px; margin: 0px; padding: 0px;">FUNCIÓN SI</span></h3>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Esta es una de mis funciones favoritas de Excel. Básicamente yo no sería nada sin esta función tan básica, tan simple y tan útil. <span style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;">Esta función nos permite poner condiciones en Excel</span>, si si, poner una condición en Excel del tipo: si la celda A1 es mayor que 5 devuelve el valor “OK” sino, devuelve el valor “NOK”.</div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Como verás, el límite con esta función es tú imaginación… e incluso podrás usarla para anidar varias condiciones pero eso ya es un tema un poco más avanzado. En el siguiente enlace puedes ver un buenísimo ejemplo de la <a href="https://exceltotal.com/funcion-si-anidada/" rel="noopener" style="background-color: transparent; border: 0px; color: #9b0500; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;" target="_blank">función si anidada</a>.</div>
<div style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
Pero volviendo a nuestro caso, el uso de la función SI. En la siguiente imagen podéis ver un ejemplo muy sencillo: si la celda A6 tienen un número mayor que la celda A7 quiero que escriba la palabra “mayor” y sino, la palabra “menor”. ¿Sencillo verdad?</div>
<div id="mpoofsX" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<img alt="función si en excel" class="aligncenter wp-image-4260 size-full lazyloaded" data-lazy-src="https://cdn1.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541.png" data-lazy-srcset="https://cdn1.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541.png 394w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541-300x97.png 300w" data-was-processed="true" height="128" sizes="(max-width: 394px) 100vw, 394px" src="https://cdn1.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541.png" srcset="https://cdn1.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541.png 394w, https://cdn2.excelyvba.com/wp-content/uploads/2015/08/img_55df31932e541-300x97.png 300w" style="clear: both; display: block; height: auto; margin: 0px auto; max-width: 100%;" width="394" /></div>
<div id="mpoofsX" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<br /></div>
<div id="mpoofsX" style="background-color: white; border: 0px; color: #3a3a3a; font-family: Karla, sans-serif; font-size: 17px; margin-bottom: 0.9em; padding: 0px;">
<br /></div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-69041604527433031862019-03-18T06:54:00.000-07:002019-07-24T05:00:57.351-07:00Ejercicios de repaso – previo a examen finalEjercicio 1<br />
<br />
Sobre una muestra ficticia de 140 alumnos de agrícolas, se ha realizado un estudio
para ver cuántos alumnos han aprobado cada una de las asignaturas de primer curso
durante los últimos tres años.
Rellenar los datos de los años 1997, 1998 y 1999. Poner también en una celda el
número de alumnos matriculados.
Calcular la <b>media</b> de aprobados de cada asignatura. La función a utilizar es
<b>PROMEDIO</b>. Presentar los valores con formato numérico de dos decimales.wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-18164755550650786702019-03-17T21:13:00.000-07:002019-03-18T07:01:03.527-07:00ACTIVIDAD PELICULAACTIVIDAD PELICULA<br />
<br />
De acuerdo a la película responde y justifica tus respuestas, deben entregar la actividad con normas icontec en la fecha de la materia de tecnología no habrá más plazo y se tendrán 5 calificaciones de este taller. (1. Presentación 2.puntualidad redacción 4. Justificación 5.Contenido)<br />
<br />
1. ¿Qué mentalidad tenia Steve Jobs antes de retirarse de la universidad?<br />
<br />
2. ¿Qué significa para ti al frase “No hay tiempo que perder”?<br />
<br />
3. Que podrías decir acerca de una vida simple y feliz, y como lo relacionarías con la informática.<br />
<br />
4. ¿Cuándo trabajo en atari, que exigencia le hizo su jefe en cuanto a su aspecto y actitud?<br />
<br />
5. La frase “no puedo trabajar para otras personas”. ¿Qué importancia tiene en el mundo del emprendimiento?<br />
<br />
6. Describe alguna idea que te surja con respecto al siguiente postulado de Jobs “¿Cómo va a saber la gente que lo quiere si no lo ha visto nunca?”<br />
<br />
7. Que sientes emocionalmente si un jefe, docente, compañero o adulto en general le dijera lo siguiente: -Mi trabajo no es ser agradable a las personas, es solo hacer mi trabajo”<br />
<br />
8. Para realizar un nuevo proyecto o una investigación o hasta diseñar un producto se debe tener en cuenta que debe existir un problema que se quiera resolver o algo dañado por reparar. Con respecto a este enunciado menciona una situación de tu vida que le quieras cambiar la dirección y un producto al cual modificarías y como lo realizarías, utiliza tu imaginación sin importar lo absurdo que parezca.<br />
<br />
9. Los dos personajes que mas me gustaron y puedo resaltar son<br />
<br />
10. ¿Cuáles son los beneficios de las derrotas?<br />
<br />
11. A que se refiere Jonathan cuando citaba a Jobs diciendo: -Los aparatos son la prolongación del individuo.<br />
<br />
12. Escribe la biografía de:<br />
Steve Jobs,<br />
Stephen Wozniak,<br />
Ronald Wayne,<br />
John Sculley,<br />
Tim Cook,<br />
Bill Gates.<br />
<br />
13. Lo que sí me importa es el mensaje que transmite y que intenta dejar patente en las sucesivas citas que se recitan a lo largo de esta película. Escoge una que te llama la atención y explica por que te llamo la atención:<br />
<br />
-“No puedes preguntarle a los consumidores qué quieren y luego pretender dárselo. En el tiempo que has estado fabricándolo, ellos querrán una cosa nueva”.<br />
<br />
-¿Quieres vender agua azucarada el resto de tu vida, o quieres hacer historia? – cuando Jobs habla con el CEO de Pepsi, John Sculley, para se pasara a Apple-.<br />
-“El diseño no es solo la apariencia, el diseño es cómo funciona”.<br />
-“Estoy tan orgulloso de lo que no hacemos como de lo que hacemos”.<br />
-“No estoy desestimando el valor de la educación superior, simplemente estoy diciendo que viene con la experiencia”.<br />
-“¿Cómo sabe alguien lo que quiere si todavía no lo ha visto?”.<br />
-“Todo aquello que está a tu alrededor y a lo que llamas vida, fue creado por personas no más listas que tú. Tú puedes cambiarlo, influenciarlo, moldearlo y crear tus propias cosas que otras personas utilizarán”.<br />
-“Prefiero arriesgarme con mi propia visión que crear un producto que ya ha sido creado por otro”. -“Tenemos que hacer las pequeñas cosas inolvidables”.<br />
-“Esto es para los locos. Los inadaptados. Los rebeldes. Los revolucionarios. Los que no encajan en el molde. Los que ven las cosas de otra manera, cambian cosas. Empujan la raza humana hacia adelante. Y mientras algunos los ven como locos, otros los valoramos como genios”.<br />
-¿Sabéis por qué la gente compra un Apple? Porque es desafiante, es estatus social, es aún más que eso, es moneda de cambio social. Hemos subido el listón y si queremos mantenernos, tenemos que arriesgarlo todo.<br />
-“Grandes artistas como Dylan, Picasso o Newton se arriesgaron a fracasar. Si queremos ser grandes debemos arriesgarnos también”.<br />
-“Tienes que tener un problema que quieras resolver, algo malo que quieras hacer bueno”.<br />
-“Lo que sea que escojas que quieres hacer debe ser algo por lo que sientas pasión, porque si no te faltará la perseverancia para llevarlo a cabo”.<br />
-“En tu vida sólo puedes hacer un número de cosas y si ahora mismo hemos escogido hacer una cosa, hagámosla espectacular”.
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-38680860435827612912019-02-27T19:17:00.001-08:002019-02-27T19:17:19.825-08:00taller del internet<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"> <a title="View Cuestionario taller n1 Internet on Scribd" href="https://www.scribd.com/document/400694460/Cuestionario-taller-n1-Internet#from_embed" style="text-decoration: underline;" >Cuestionario taller n1 Internet</a> by <a title="View Watt ᴰᴶ's profile on Scribd" href="https://www.scribd.com/user/27686401/Watt-%E1%B4%B0%E1%B4%B6#from_embed" style="text-decoration: underline;" >Watt ᴰᴶ</a> on Scribd</p><iframe class="scribd_iframe_embed" title="Cuestionario taller n1 Internet" src="https://es.scribd.com/embeds/400694460/content?start_page=1&view_mode=scroll&access_key=key-VkuqEsqdcnH2KQgZlteo&show_recommendations=true" data-auto-height="false" data-aspect-ratio="0.7066666666666667" scrolling="no" id="doc_3928" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-68693856181795619052019-02-17T16:00:00.002-08:002019-02-17T16:01:18.301-08:00PHOTOSHOP cs6 PORTABLE<iframe width="560" height="315" src="https://www.youtube.com/embed/Q2BTalTwwRQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-42666146911366177082019-02-15T05:55:00.002-08:002019-02-15T05:55:11.268-08:00Las Herramientas<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/herramientas.jpg" style="color: #e77e23; text-decoration-line: none;"><br class="Apple-interchange-newline" /><img alt="" class="alignleft size-full wp-image-890" data-attachment-id="890" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="herramientas" data-large-file="https://solvasquez.files.wordpress.com/2010/01/herramientas.jpg?w=705?w=116" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/herramientas.jpg?w=705?w=116" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/herramientas.jpg?w=705" data-orig-size="116,124" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/herramientas/" src="https://solvasquez.files.wordpress.com/2010/01/herramientas.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="herramientas" /></a>Las herramientas son artefactos tecnologicos que agilizan trabajos y mejoran la calidad de vida de las personas. Las herramientas de mano trabajan gracias a la fuerza de los mùsculos de quen las utiliza, pero las herramientas modernas estan impulsadas por otra fuente de energia, como la electricidad o el aire comprimido.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
En las Fabricas s utilizan herramientas mas grandes, llamadas màquinas.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span id="more-889"></span></div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
las herramientas es un objeto elaborado a fin de facilitar la realización de una tarea mecánica que requiere de una aplicación correcta de energía.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-align: justify; text-rendering: optimizelegibility;">
<span class="mw-headline" id="Animales_que_elaboran_y_utilizan_herramientas">Animales que elaboran y utilizan herramientas</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Los seres humanos no son los únicos que usan herramientas. Hay otros <span class="mw-redirect">primates</span>, entre los que se destacan los <span class="mw-redirect">chimpancés</span>, que utilizan herramientas, sean piedras para cascar cocos o huevos, o palos para sacar <span class="mw-redirect">insectos</span> de sus nidos. También hay aves e insectos que usan objetos naturales para obtener con más facilidad o procesar sus alimentos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Durante mucho tiempo se creyó que una de las principales diferencias entre la especie humana (por eso llamada a veces el homo faber) y las restantes especies animales era que sólo las personas podían inventar y fabricar herramientas. Esta creencia fue desmentida por los estudios hechos entre los años 2005 y 2009 por dos investigadores de la Universidad de Iowa, quienes descubrieron en Fongoli (Senegal) un grupo de chimpancés hembra que fabricaban lanzas para cazar pequeños monos.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-align: justify; text-rendering: optimizelegibility;">
<span class="mw-headline" id="Caracter.C3.ADsticas_de_las_herramientas">Características de las herramientas</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Las herramientas se diseñan y fabrican para cumplir uno o más propósitos específicos, por lo que son artefactos con una función técnica.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Muchas herramientas, pero no todas, son combinaciones de máquinas simples que proporcionan una ventaja mecánica. Por ejemplo, una pinza es una doble palanca cuyo punto de apoyo está en la articulación central, la potencia es aplicada por la mano y la resistencia por la pieza que es sujetada. Un martillo, en cambio, sustituye un puño o una piedra por un material más duro, el acero, donde se aprovecha la energía cinética que se le imprime para aplicar grandes fuerzas.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Las herramientas pueden ser manuales o mecánicas. Las manuales usan la fuerza muscular humana mientras que las mecánicas usan una fuente de energía externa, por ejemplo la energía eléctrica.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
El término herramienta, en sentido estricto, se emplea para referirse a <span class="new">utensilios</span> resistentes (hechos de hierro, como sugiere la etimología), útiles para realizar trabajos mecánicos que requieren la aplicación de una cierta fuerza física.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
<span style="font-weight: 700;">HERRAMIENTAS PARA MARTILLAR:</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/martillo.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="size-full wp-image-894 alignleft" data-attachment-id="894" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="martillo" data-large-file="https://solvasquez.files.wordpress.com/2010/01/martillo.jpg?w=705?w=137" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/martillo.jpg?w=705?w=137" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/martillo.jpg?w=705" data-orig-size="137,67" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/martillo/" src="https://solvasquez.files.wordpress.com/2010/01/martillo.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="martillo" /></a>Martillo de oreja : para clavar y arrancar clavos</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/martillo-de-reflejo.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-895" data-attachment-id="895" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="martillo de reflejo" data-large-file="https://solvasquez.files.wordpress.com/2010/01/martillo-de-reflejo.jpg?w=705?w=111" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/martillo-de-reflejo.jpg?w=705?w=111" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/martillo-de-reflejo.jpg?w=705" data-orig-size="111,111" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/martillo-de-reflejo/" src="https://solvasquez.files.wordpress.com/2010/01/martillo-de-reflejo.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="martillo de reflejo" /></a>Martillo Refejo: Utilizado en medicina para examinar los reflejos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/martillo-especial.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-896" data-attachment-id="896" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="martillo especial" data-large-file="https://solvasquez.files.wordpress.com/2010/01/martillo-especial.jpg?w=705?w=150" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/martillo-especial.jpg?w=705?w=150" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/martillo-especial.jpg?w=705" data-orig-size="150,50" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/martillo-especial/" src="https://solvasquez.files.wordpress.com/2010/01/martillo-especial.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="martillo especial" /></a>martillo especial: utilizado para recubrir el techo con planchas de madera.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="font-weight: 700;">HERRAMIENTAS PARA SUGETAR</span>:</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/tenazas.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-897" data-attachment-id="897" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tenazas" data-large-file="https://solvasquez.files.wordpress.com/2010/01/tenazas.jpg?w=705?w=140" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/tenazas.jpg?w=705?w=140" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/tenazas.jpg?w=705" data-orig-size="140,101" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/tenazas/" src="https://solvasquez.files.wordpress.com/2010/01/tenazas.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="tenazas" /></a>Tenazas de forja : Utilizadas para agarrar objetos Candentes.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/tenacillas.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-898" data-attachment-id="898" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tenacillas" data-large-file="https://solvasquez.files.wordpress.com/2010/01/tenacillas.jpg?w=705?w=126" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/tenacillas.jpg?w=705?w=126" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/tenacillas.jpg?w=705" data-orig-size="126,101" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/tenacillas/" src="https://solvasquez.files.wordpress.com/2010/01/tenacillas.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="tenacillas" /></a>Tenacillas: son mas pequeñas y tinen dientes se usan para unir objetos pequeños en sitios muy estrechos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/tenaza1.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-899" data-attachment-id="899" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tenaza1" data-large-file="https://solvasquez.files.wordpress.com/2010/01/tenaza1.jpg?w=705?w=88" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/tenaza1.jpg?w=705?w=88" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/tenaza1.jpg?w=705" data-orig-size="88,70" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/tenaza1/" src="https://solvasquez.files.wordpress.com/2010/01/tenaza1.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="tenaza1" /></a>Cortantes: se usan para cortar alambre o clavos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/llave.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-900" data-attachment-id="900" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="llave" data-large-file="https://solvasquez.files.wordpress.com/2010/01/llave.jpg?w=705?w=116" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/llave.jpg?w=705?w=116" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/llave.jpg?w=705" data-orig-size="116,39" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/llave/" src="https://solvasquez.files.wordpress.com/2010/01/llave.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="llave" /></a>adaptables: tiene tres agujeros en una de sus brazos, un perno une los dos brazos. Un perno une los dos brazos , que se pueden cambiar segun la necesidad a cualquiera de los agujeros para agrandar su tamaño.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
En fin hay variedad de alicates en formas, tamaños y estilos segun la necesidad y comodidad.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
<span style="font-weight: 700;">HERRAMIENTAS PARA CORTAR</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
algunas herramientas cortantes tienen una hoja lisa roja y afilada otras tienen la hoja dentada con el borde irregular, entre ellas tenemos:</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/sierra-arco.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-901" data-attachment-id="901" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="sierra arco" data-large-file="https://solvasquez.files.wordpress.com/2010/01/sierra-arco.jpg?w=705?w=135" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/sierra-arco.jpg?w=705?w=135" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/sierra-arco.jpg?w=705" data-orig-size="135,68" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/sierra-arco/" src="https://solvasquez.files.wordpress.com/2010/01/sierra-arco.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="sierra arco" /></a>Sierra para serrajar: cuyos dientes parecen pequeños cuchillos afilados. Esta sierra corta los troncos en su movimiento hacia adelante y hacia atras.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/sierra-mecanica.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-902" data-attachment-id="902" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="sierra mecanica" data-large-file="https://solvasquez.files.wordpress.com/2010/01/sierra-mecanica.jpg?w=705?w=126" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/sierra-mecanica.jpg?w=705?w=126" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/sierra-mecanica.jpg?w=705" data-orig-size="126,89" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/sierra-mecanica/" src="https://solvasquez.files.wordpress.com/2010/01/sierra-mecanica.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="sierra mecanica" /></a>Sierra mecanica: Posee dientes con pequeños cinceles, planos, pero muy afilados, accionados por un motor que abre un surco a lo largo del tronco y corta en una sola direccion.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/serrucho.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-903" data-attachment-id="903" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="serrucho" data-large-file="https://solvasquez.files.wordpress.com/2010/01/serrucho.jpg?w=705?w=137" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/serrucho.jpg?w=705?w=137" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/serrucho.jpg?w=705" data-orig-size="137,77" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/serrucho/" src="https://solvasquez.files.wordpress.com/2010/01/serrucho.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="serrucho" /></a>Serrucho: para cortes rectos y precisos en la madera</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/hacha.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-904" data-attachment-id="904" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="hacha" data-large-file="https://solvasquez.files.wordpress.com/2010/01/hacha.jpg?w=705?w=126" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/hacha.jpg?w=705?w=126" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/hacha.jpg?w=705" data-orig-size="126,113" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/hacha/" src="https://solvasquez.files.wordpress.com/2010/01/hacha.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="hacha" /></a>hacha: herramienta cortante, compuesta de una pala acerada con filo por un lado.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2010/01/bisturi.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-905" data-attachment-id="905" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="bisturi" data-large-file="https://solvasquez.files.wordpress.com/2010/01/bisturi.jpg?w=705?w=123" data-medium-file="https://solvasquez.files.wordpress.com/2010/01/bisturi.jpg?w=705?w=123" data-orig-file="https://solvasquez.files.wordpress.com/2010/01/bisturi.jpg?w=705" data-orig-size="123,92" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/bisturi/" src="https://solvasquez.files.wordpress.com/2010/01/bisturi.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="bisturi" /></a>Bisturi: Instrumento en forma de pequeño cuchillo para cortar carton , madera, plastico, entre otros.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<a href="https://solvasquez.files.wordpress.com/2009/11/tijeras.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-907" data-attachment-id="907" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tijeras" data-large-file="https://solvasquez.files.wordpress.com/2009/11/tijeras.jpg?w=705?w=116" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/tijeras.jpg?w=705?w=116" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/tijeras.jpg?w=705" data-orig-size="116,116" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/tijeras/" src="https://solvasquez.files.wordpress.com/2009/11/tijeras.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="tijeras" /></a>tijeras: Instrumento de acero con dos brazos moviles que cortan por el interior. Las hay de diferentes clases, segun sus usos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
<span style="font-weight: 700;">Herramientas para dar forma y alisar:</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;">A</span>lgunas herramientas pulidoras y modeladoras tienen un borde afilado muy cortante otras tienen centenares de minusculas puntas que raspan el material.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/cepillo.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-910" data-attachment-id="910" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="cepillo" data-large-file="https://solvasquez.files.wordpress.com/2009/11/cepillo.jpg?w=705?w=123" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/cepillo.jpg?w=705?w=123" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/cepillo.jpg?w=705" data-orig-size="123,123" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/cepillo/" src="https://solvasquez.files.wordpress.com/2009/11/cepillo.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="cepillo" /></a>Cepillo:</span> Instrumento de carpinteria que sirve para alisar y rebajar la madera.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/lima.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-911" data-attachment-id="911" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="lima" data-large-file="https://solvasquez.files.wordpress.com/2009/11/lima.jpg?w=705?w=127" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/lima.jpg?w=705?w=127" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/lima.jpg?w=705" data-orig-size="127,85" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/lima/" src="https://solvasquez.files.wordpress.com/2009/11/lima.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="lima" /></a>Lima: </span>Instrumento de acero templado con la superficie finamente estriada en una o en dos sentidos para desgastar y pulir.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/escoplo.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-912" data-attachment-id="912" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="escoplo" data-large-file="https://solvasquez.files.wordpress.com/2009/11/escoplo.jpg?w=705?w=89" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/escoplo.jpg?w=705?w=89" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/escoplo.jpg?w=705" data-orig-size="89,111" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/escoplo/" src="https://solvasquez.files.wordpress.com/2009/11/escoplo.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="escoplo" /></a>Escoplo:</span> especie de cincel de hierro acerado, estrecho y mas grueso que ancho. Se utiliza para dar forma a la madera.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
<span style="font-weight: 700;">Herramientas para hacer agujeros:</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/taladro.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-913" data-attachment-id="913" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="taladro" data-large-file="https://solvasquez.files.wordpress.com/2009/11/taladro.jpg?w=705?w=124" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/taladro.jpg?w=705?w=124" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/taladro.jpg?w=705" data-orig-size="124,120" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/taladro/" src="https://solvasquez.files.wordpress.com/2009/11/taladro.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="taladro" /></a>Taladro: </span>herramienta que funciona con la electricidad y sirve para hacer agujeros en paredes, madera, provisto de un motor electrico que lo hace girar muy deprisa.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/taladro-manual1.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-915" data-attachment-id="915" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="taladro manual" data-large-file="https://solvasquez.files.wordpress.com/2009/11/taladro-manual1.jpg?w=705?w=113" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/taladro-manual1.jpg?w=705?w=113" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/taladro-manual1.jpg?w=705" data-orig-size="113,150" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/taladro-manual-2/" src="https://solvasquez.files.wordpress.com/2009/11/taladro-manual1.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="taladro manual" /></a>Taladro manual:</span> suele tener marchas para que la barrera gire a distintas velocidades.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/punzon.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-916" data-attachment-id="916" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="punzon" data-large-file="https://solvasquez.files.wordpress.com/2009/11/punzon.jpg?w=705?w=114" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/punzon.jpg?w=705?w=114" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/punzon.jpg?w=705" data-orig-size="114,114" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/punzon/" src="https://solvasquez.files.wordpress.com/2009/11/punzon.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="punzon" /></a>Punzon: </span>Instrumento de acero templado que puede servir, cuando es puntiagudo para abrir orificios y es cilindrico o conico y en convinacion con una matriz pra cortar o embutir chapa, estampar o matrizar en frio o en caliente piezas metalicas.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
<span style="font-weight: 700;">Herramientas para medir y comprobar</span></h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
Antes de cortar un material, es necesario medirlo, comprobar que sus medidas son las correcta, los instrumentos de medidas te ayudan a hacerlo.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/metro.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-935" data-attachment-id="935" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="metro" data-large-file="https://solvasquez.files.wordpress.com/2009/11/metro.jpg?w=705?w=116" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/metro.jpg?w=705?w=116" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/metro.jpg?w=705" data-orig-size="116,76" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/metro/" src="https://solvasquez.files.wordpress.com/2009/11/metro.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="metro" /></a>Metro:</span> tira de acero o de tela reforzada dividida en centimetros y decimetros que se emplean para medir longitudes.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/calibrador.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-936" data-attachment-id="936" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="calibrador" data-large-file="https://solvasquez.files.wordpress.com/2009/11/calibrador.jpg?w=705?w=54" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/calibrador.jpg?w=705?w=54" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/calibrador.jpg?w=705" data-orig-size="54,139" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/calibrador/" src="https://solvasquez.files.wordpress.com/2009/11/calibrador.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="calibrador" /></a>Calibrador</span>: Instrumento que sirve de patron para controlar las dimensiones de una pieza.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/nivel.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-937" data-attachment-id="937" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="nivel" data-large-file="https://solvasquez.files.wordpress.com/2009/11/nivel.jpg?w=705?w=124" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/nivel.jpg?w=705?w=124" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/nivel.jpg?w=705" data-orig-size="124,93" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/nivel/" src="https://solvasquez.files.wordpress.com/2009/11/nivel.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="nivel" /></a>Nivel:</span> Instrumento que sirve para comprobar o realizar la horizontalidad de un plan, o para determinar la diferencia de altura entre dos puntos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/escuadra.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-939" data-attachment-id="939" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="escuadra" data-large-file="https://solvasquez.files.wordpress.com/2009/11/escuadra.jpg?w=705?w=124" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/escuadra.jpg?w=705?w=124" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/escuadra.jpg?w=705" data-orig-size="124,124" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/escuadra/" src="https://solvasquez.files.wordpress.com/2009/11/escuadra.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="escuadra" /></a>Escuadra: </span>Instrumentos formado por dos piezas ajustadas en angulos rectos y utilizados para verificar angulos rectos o para trazar angulos planos, se encuentran en diferentes materiales como metal, madera , acrilicos y con diferentes usos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/plomada.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-938" data-attachment-id="938" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="plomada" data-large-file="https://solvasquez.files.wordpress.com/2009/11/plomada.jpg?w=705?w=78" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/plomada.jpg?w=705?w=78" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/plomada.jpg?w=705" data-orig-size="78,116" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/plomada/" src="https://solvasquez.files.wordpress.com/2009/11/plomada.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="plomada" /></a>plomada:</span> pesa metalica comunmente de plomo, que cuelga del extremo de un cordel y sirve para comprobar la verticalidad de un elemento.</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
Herramientas para enroscar y empernar</h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
los tornillos, las tuercas necesitan herramientas especiales que deben encajar exactamente para que puedan ejercer una fuerza necesaria por eso hay de todos los tamaños.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/llaves.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-1023" data-attachment-id="1023" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="llaves" data-large-file="https://solvasquez.files.wordpress.com/2009/11/llaves.jpg?w=705?w=114" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/llaves.jpg?w=705?w=114" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/llaves.jpg?w=705" data-orig-size="114,112" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/llaves/" src="https://solvasquez.files.wordpress.com/2009/11/llaves.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="llaves" /></a>llaves: </span>Instrumento o herramienta que sirve para apretar , aflojar tuercas y tornillos, para dar tensiòn o aflojar el resorte o muelle de un mecanismo. Para su mejor manejo hay que utilizar la llave adecuada.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/tornillos.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignright size-full wp-image-1024" data-attachment-id="1024" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tornillos" data-large-file="https://solvasquez.files.wordpress.com/2009/11/tornillos.jpg?w=705?w=124" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/tornillos.jpg?w=705?w=124" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/tornillos.jpg?w=705" data-orig-size="124,93" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/tornillos/" src="https://solvasquez.files.wordpress.com/2009/11/tornillos.jpg?w=705" style="border-radius: 5px; border: 0px; float: right; height: auto; margin: 10px 0px 10px 12px; max-width: 100%; vertical-align: middle;" title="tornillos" /></a>Tornillos: </span>Pieza cilindrica o cònica por lo general mecànica con fileteado o resalto helicoldal, todos los tonillos tienen cabezas de diferentes formas y con ranuras rectas o en cruz.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
Hay tornillos que ajustan solos, pero otros necesitan arandelas tuercas y chazos.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="font-weight: 700;"><a href="https://solvasquez.files.wordpress.com/2009/11/destornilladores.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignleft size-full wp-image-1025" data-attachment-id="1025" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="destornilladores" data-large-file="https://solvasquez.files.wordpress.com/2009/11/destornilladores.jpg?w=705?w=111" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/destornilladores.jpg?w=705?w=111" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/destornilladores.jpg?w=705" data-orig-size="111,113" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/destornilladores/" src="https://solvasquez.files.wordpress.com/2009/11/destornilladores.jpg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="destornilladores" /></a>Destornilladores: </span>Instrumento compuesto por un mango y una hoja de acero terminada en punta de diferentes formas segun su uso.<a href="https://solvasquez.files.wordpress.com/2009/11/destronilladores-2.jpg" style="color: #e77e23; text-decoration-line: none;"><img alt="" class="alignright size-full wp-image-1026" data-attachment-id="1026" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="destronilladores 2" data-large-file="https://solvasquez.files.wordpress.com/2009/11/destronilladores-2.jpg?w=705?w=79" data-medium-file="https://solvasquez.files.wordpress.com/2009/11/destronilladores-2.jpg?w=705?w=79" data-orig-file="https://solvasquez.files.wordpress.com/2009/11/destronilladores-2.jpg?w=705" data-orig-size="79,133" data-permalink="https://solvasquez.wordpress.com/2009/11/26/las-herramientas/destronilladores-2/" src="https://solvasquez.files.wordpress.com/2009/11/destronilladores-2.jpg?w=705" style="border-radius: 5px; border: 0px; float: right; height: auto; margin: 10px 0px 10px 12px; max-width: 100%; vertical-align: middle;" title="destronilladores 2" /></a></div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
TALLER:</h2>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
1) Hacer una sopa de letras con las siguientes palabras:</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
tornillo</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
sierra</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
bisturi</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
plomo</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
tenazas</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
martillo</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
taladro</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
serrucho</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
destornillador</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
llave</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
tornillo</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
2) hacer un crucigrama con pistas con las palabras anteriores.</div>
<div style="font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
3) diga para que sirven las herramientas caseras?</div>
<h2 style="color: inherit; font-family: adelle-1, adelle-2, serif; font-size: 18px; font-weight: 400; line-height: 40px; margin: 10px 0px 0px; text-rendering: optimizelegibility;">
Videos que ayudan a comprender el tema:</h2>
<span class="embed-youtube" style="display: block; text-align: center;"><iframe allowfullscreen="true" class="youtube-player" height="397" src="https://www.youtube.com/embed/vZDIfadHTPM?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent" style="border-style: initial; border-width: 0px; max-width: 100%;" type="text/html" width="705"></iframe></span><br />
<div id="atatags-370373-5c66c47f0bd2c">
</div>
<div class="wpcnt" style="line-height: 0; text-align: center;">
<div class="wpa wpmrec" style="display: inline-block !important; max-width: 100%; min-width: 300px; position: relative; text-align: left; transform: translate3d(0px, 0px, 0px);">
<span class="wpa-about" style="background-color: white; border-bottom: none !important; color: #666666; display: block; font-family: "Open Sans", Arial, sans-serif !important; font-size: 10px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; left: 0px; line-height: 1 !important; min-width: 160px; opacity: 0.85; position: absolute; right: 0px; top: 5px;"><br /></span></div>
</div>
wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-71168249120489887832019-02-15T05:46:00.001-08:002019-02-15T05:46:21.453-08:00EL COMPUTADOR Y SUS PARTES<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;"><em><a href="https://solvasquez.files.wordpress.com/2010/04/la-computadora.jpeg" style="color: #e77e23; text-decoration-line: none;"><br class="Apple-interchange-newline" /><img alt="" class="alignleft size-full wp-image-1217" data-attachment-id="1217" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="LA COMPUTADORA" data-large-file="https://solvasquez.files.wordpress.com/2010/04/la-computadora.jpeg?w=705?w=131" data-medium-file="https://solvasquez.files.wordpress.com/2010/04/la-computadora.jpeg?w=705?w=131" data-orig-file="https://solvasquez.files.wordpress.com/2010/04/la-computadora.jpeg?w=705" data-orig-size="131,86" data-permalink="https://solvasquez.wordpress.com/2010/04/03/el-computador-y-sus-partes/la-computadora/" src="https://solvasquez.files.wordpress.com/2010/04/la-computadora.jpeg?w=705" style="border-radius: 5px; border: 0px; float: left; height: auto; margin: 10px 12px 10px 0px; max-width: 100%; vertical-align: middle;" title="LA COMPUTADORA" /></a></em></span></span><span style="color: black;"><span style="font-weight: 700;"><em></em></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: justify;">
<span style="color: black;">La computadora le sirve al hombre como una valiosa herramienta para realizar y simplificar muchas de sus actividades. En sí es un dispositivo electrónico capaz de interpretar y ejecutar los comandos programados para realizar en forma general las funciones de:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span id="more-1210"></span><br /></span></div>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Operaciones de entrada al ser receptora de información.</span></li>
</ul>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Operaciones de cálculo, lógica y almacenamiento.</span></li>
</ul>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">En la actualidad las computadoras tienen aplicaciones más prácticas, porque sirve no solamente para Computar y calcular, sino para realizar múltiples procesos sobre los datos proporcionados, tales como clasificar u ordenar, seleccionar, corregir y automatizar, entre otros, por estos motivos en Europa su nombre que más común es el de ordenador.</span></li>
</ul>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Operaciones de salida al proporcionar resultados de las operaciones antecedentes.</span></li>
</ul>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><a href="https://www.blogger.com/u/1/null" name="ind3" style="color: #e77e23;"></a></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;"><em>Clasificación de las computadoras de acuerdo a su aplicación</em></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">La computadora para su funcionamiento, recibe la información al través de máquinas a ella conectadas o por medio de un usuario. A esta información se le da el nombre de datos, que pueden ser de tipo analógicos, digitales e híbridos.</span></div>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Los datos analógicos son los proporcionados por máquinas conectados a la computadora, son fuentes de información de las cuales se derivan mediciones de eventos físicos como temperatura, volumen, velocidad y tiempo, entre otras.</span></li>
</ul>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Los datos digitales son los proporcionados por el usuario a través de un teclado o de otros dispositivos y consisten en impulsos eléctricos que combinados entre sí forman un código que es interpretado por la computadora.</span></li>
</ul>
<ul style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px; list-style-position: inside; padding: 4px 0px;"><span style="color: black;">Los datos híbridos son la combinación de los datos analógicos y digitales. Esta combinación se logra por dispositivos conectados a la computadora que cambian la información analógica a su correspondiente código en digital.</span></li>
</ul>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><a href="https://www.blogger.com/u/1/null" name="ind4" style="color: #e77e23;"></a></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;"><em>Partes de una computadora</em></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El manejo de la computadora, requiere de conocer sus partes y la función específica a cada una de ellas.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" border="2" class="aligncenter" height="265" src="https://i1.wp.com/colposfesz.galeon.com/libro/Image73.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="353" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Unidad Central de Procesos (UCP)</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Es la parte más importante de la computadora, en ella se realizan todos los procesos de la información. La UCP está estructurada por un circuito integrado llamado microprocesador, el cual varía en las diferentes marcas de computadoras.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">La UCP se divide en dos unidades:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Unidad Aritmético Lógica (UAL).-</span> Es la parte del computador encargada de realizar las: operaciones aritméticas y lógicas, así como comparaciones entre datos.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Unidad de Control (UC).- </span>Se le denomina también la parte inteligente del microprocesador, se encarga de distribuir cada uno de los procesos al área correspondiente para su transformación.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Dispositivos de entrada (DE)</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Los dispositivos de entrada son aquellos al través de los cuales se mandan datos a la unidad central de procesos, por lo que su función es eminentemente emisora. Algunos de los dispositivos de entrada más conocidos son el teclado, el manejador de discos magnéticos, la reproductora de cinta magnética, el ratón, el digitalizador (scanner), el lector óptico de código de barras y el lápiz óptico entre otros.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><span style="font-weight: 700;"><img alt="" border="2" class="aligncenter" height="383" src="https://i0.wp.com/colposfesz.galeon.com/libro/Image74.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="512" /></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Dispositivos de salida (DS)</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Los dispositivos de salida son aquellos que reciben información de la computadora, su función es eminentemente receptora y por ende están imposibilitados para enviar información. Entre los dispositivos de salida más conocidos están: la impresora (matriz, cadena, margarita, láser o de chorro de tinta), el delineador (plotter), la grabadora de cinta magnética o de discos magnéticos y la pantalla o monitor.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" border="2" class="aligncenter" height="383" src="https://i2.wp.com/colposfesz.galeon.com/libro/Image75.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="512" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memorias</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Son los dispositivos mediante los cuales se almacenan datos. En las memorias se deposita y queda disponible gran cantidad de información, instrucciones que han de ser ejecutadas por los diferentes sistemas de la computadora. En el diagrama de la computadora se muestra al través de la dirección de las flechas que las memorias pueden emitir o recibir la información. Las memorias son las siguientes:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria RAM (Random Acces Memory) </span>Es la memoria con la cual el usuario proporciona las órdenes para acceder y programar a la computadora. Es de tipo volátil, o sea, la información que se le proporciona, se pierde cuando se apaga la computadora. Su acceso es aleatorio, esto indica que los datos no tienen un orden determinado, aunque se pueden pedir ó almacenar en forma indistinta.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria NVRAM (No Volatil Random Acces Memory)</span> similar a la memoria RAM, se caracteriza por tener una batería que actúa sobre la misma memoria y de esta manera se mantiene la información.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria SAM (Serial Access Memory).</span> En ésta memoria los datos para trabajar en la computadora se encuentran seriados, son utilizados para la lectura o escritura de documentos, en forma de serie ó de uno en uno. Esto indica que el orden de almacenamiento y salida de la información debe ser el mismo.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria ROM (Read Only Memory).-</span> En esta memoria están almacenados los programas que hacen trabajar a la computadora y normalmente se graban y protegen desde su fabricación. Es de lectura exclusiva por lo que no se puede escribir en ella.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria PROM (Programmable Read Only Memory).-</span> Esta memoria se caracteriza por programarse una sola vez, su circuito integrado está hecho para aceptar la información e inmediatamente cerrarse. A esta memoria solo se accede exclusivamente para su lectura.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria EPROM (Eraser Programmable Read Only Memory).-</span> Esta memoria trabaja como la memoria PROM, se diferencia por que su información puede ser modificada mediante un aparato que emite</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">de rayos ultravioleta.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memoria EEPROM (Eraser Electrical Programmable Read Only Memory).-</span> Esta memoria también se programa como la memoria PROM, los datos pueden alterarse por medio de flujos eléctricos.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Memorias auxiliares (secundarias</span></span><span style="color: black;"><span style="font-weight: 700;">)</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las memoria auxiliares mantienen de manera permanente los datos que forman parte del sistema automatizado de la computadora -de una manera contraria a la memoria central que contiene datos y programas de manera temporal (memorias volátiles) útiles para datos intermediarios necesarios por la computadora para realizar un cálculo específico- se encuentran bajo la forma de cintas, discos duros, cassettes, cintas magnéticas en cartuchos o discos flexibles, entre otras.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" border="2" class="aligncenter" height="329" src="https://i1.wp.com/colposfesz.galeon.com/libro/Image76.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="440" /></span><span style="color: black;"><img alt="" border="2" class="aligncenter" height="268" src="https://i0.wp.com/colposfesz.galeon.com/libro/Image77.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="389" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><a href="https://www.blogger.com/u/1/null" name="ind5" style="color: #e77e23;"></a></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;"><em>Teclado de la computadora</em></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" class="aligncenter" height="135" src="https://i2.wp.com/colposfesz.galeon.com/libro/Image78.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="413" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El teclado de una computadora es el dispositivo de entrada más usado, de acuerdo a la marca y el modelo de la computadora se presentan algunas variaciones, en esta parte se explicará, a grandes rasgos, el teclado de una computadora personal (PC). El teclado de una PC de acuerdo a las funciones de las diversas teclas se divide para su estudio en cuatro partes, que son: teclado de funciones, teclado alfanumérico, teclado de edición y teclado numérico como lo muestra la figura siguiente.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" class="aligncenter" height="277" src="https://i2.wp.com/colposfesz.galeon.com/libro/Image79.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="505" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><span style="font-weight: 700;">Teclado alfanumérico</span></span><span style="color: black;"><img alt="" border="2" class="aligncenter" height="210" src="https://i1.wp.com/colposfesz.galeon.com/libro/Image80.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="363" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El teclado alfanumérico consta de aproximadamente 57 teclas que indican letras, números, símbolos y teclas especiales.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Ocupa la parte central y está formado por dos tipos de teclas: las de escritura y las de comando.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las teclas de escritura son las propias de la máquina de escribir: 28 letras, 10 números, signos de puntuación, signos de acentuación, interrogantes, entre otras. Todas estas teclas suelen ser blancas.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las correspondientes a los números y a los signos tienen dos funciones y en algunos casos incluso pueden tener tres. Sirven para escribir símbolos (letras, números y signos) y en algunos casos la combinación con el programa, pulsando éstas y una tecla de comando se activan funciones especiales.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En las teclas dobles, el símbolo que hay escrito debajo es el que se obtiene al pulsar la tecla mientras que, el de encima se activa pulsando la tecla de mayúsculas </span><span style="color: black;">ñ (Shift).</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En las que tienen una tercera función, el símbolo aparece al pulsar la tecla ALT GR y dicha tecla.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><br /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclas de comando</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las teclas de comando suelen ser de color gris y tienen como función la de activar determinadas órdenes o instrucciones propias del programa que se este utilizando, generalmente en unión a otras teclas. También, se incluyen las teclas a utilizar cuando queramos escribir la segunda o tercera función que aparece en las teclas de escritura doble o simple.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Estas teclas de comando son:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Mayúsculas </span></span><span style="color: black;"><span style="font-weight: 700;">ñ</span><span style="font-weight: 700;"> (Shift):</span> Al pulsar esta tecla junto con una tecla se obtiene la misma pero en mayúsculas. Si se pulsa junto con una de doble función o triple se obtiene la correspondiente de la parte superior.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Bloqueo de mayúsculas (Caps Lock).</span> La tecla Bloq Mayús sirve para escribir en mayúsculas permanentemente, sin afectar a las teclas de doble o triple función. A diferencia de la anterior, ésta se activa una sola vez y tiene efecto hasta que se desactiva.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En la parte superior derecha del teclado existe un indicador luminoso que, al estar encendido, señala que se encuentra activado el Bloqueo Mayúsculas.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Retroceso </span></span><span style="color: black;"><span style="font-weight: 700;">ß</span><span style="font-weight: 700;"> (Back Space):</span> Esta tecla está situada en el ángulo superior derecho del bloque alfanumérico. Su función es la de borrar de derecha a izquierda, caracter por caracter. Si se mantiene presionada esta tecla de forma constante se irá borrando la frase escrita, hasta que deje de presionarla.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Tabulación </span></span><span style="color: black;"><span style="font-weight: 700;">F</span><span style="font-weight: 700;"> (Tab):</span> Su nombre es Tab. Esta tecla desplaza la posición del cursor hacia la derecha un número de espacios determinados previamente en el programa.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Escape (Esc):</span> Es de las teclas más usadas. Su función y uso depende del programa que se utiliza pero, normalmente permite volver hacia atrás antes de ejecutar una orden. Se emplea para anular la acción del último mandato o función que se este ejecutando.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Retorno </span></span><span style="color: black;"><span style="font-weight: 700;">¿</span><span style="font-weight: 700;"> (Enter)</span> Esta tecla también se denomina Return o Intro. Tiene dos funciones primordiales: primero, indica a la computadora que acepte una orden concreta que se ha teclado y, en segundo lugar, en un procesador de textos actúa como un retorno de carro manual, es decir, baja a la siguiente línea para poder seguir escribiendo.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Control (Ctrl):</span> Su nombre es Ctrl o Control. Esta tecla no produce por si misma ningún efecto. Es en combinación de otras cuando se obtiene un resultado de significado distinto al de la tecla pulsada. Para activar una combinación de Ctrl, hay que pulsar esta tecla a la vez que se pulsa otra. Luego, se sueltan las dos teclas y se obtiene el resultado. En la mayoría de los casos, al pulsar esta tecla seguida de una letra, en pantalla se visualiza con un acento circunflejo (^) delante de la letra (por ejemplo ^A, ^B, ^C,..). En otros casos, permite anular un proceso (por ejemplo Ctrl+Pausa lo que hace es interrumpir cualquier orden o</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">mandato).</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Alternativa Gráfica:</span> Su nombre es ALT GR. esta tecla está situada inmediatamente a la derecha de la barra espaciadora. Sirve para activar la tercera función de todas aquellas teclas que tiene tres caracteres. Por ejemplo, la tecla situada encima del tabulador y la tecla Q, puede generar tres caracteres: 1, ! y |.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En esta tecla el primer caracter se genera sencillamente pulsando la tecla, el segundo caracter se obtiene pulsando las mayúsculas y dicha tecla y por último, la tercera función se obtiene presionando conjuntamente Alt Gr y dicha tecla.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Alt:</span> La tecla Alt es similar a la de Ctrl, pues sólo tiene efecto si se utiliza con otras teclas. Se encuentra ubicada a la izquierda de la barra espaciadora. Utilizando esta tecla se pueden generar cualquiera de los 256 caracteres del código ASCII.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El código ASCII es e el estándar común para que todas las computadoras interpreten la información de la misma manera. Está formado por un conjunto de 256 caracteres que define la interpretación de los diferentes caracteres del alfabeto y símbolos utilizados, fijados por la Asociación Americana de Estándares para intercambio de información entre computadoras <em>(American Standars for Computer Information Interchange)</em>. Hay que tomar en cuenta que los primeros 32 códigos ASCII son códigos de control que no aparecen en la pantalla. Cada caracter tiene asignado un número, por ejemplo: el caracter j tiene el código ASCII 106, la M tiene el código 77, entre otros.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Para generar cualquiera de estos caracteres primero debe pulsar la tecla Alt y dejándola pulsada presionar el número correspondiente a dicho código, por último, soltar la tecla Alt y aparecerá en pantalla el código ASCII deseado.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Imprimir Pantalla (PrnScr):</span> Su nombre es Impr pant. Esta tecla permite imprimir todo aquello que se encuentra en la pantalla, es decir, imprime el contenido de las 25 filas y 80 columnas que forman la pantalla. Hace, lo que se llama, un volcado de pantalla en la impersora.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Barra espaciadora:</span> Su nombre es Esp. Esta tecla es la más grande del teclado y su misión es la misma que en cualquier máquina de escribir, es decir, genera espacios en blanco (ya sea para separar caracteres o incluso para borrarlos).</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclado numérico</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><span style="font-weight: 700;"><img alt="" border="2" class="aligncenter" height="345" src="https://i2.wp.com/colposfesz.galeon.com/libro/Image81.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="537" /></span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El teclado numérico consta de 17 teclas que representan los números digitales y los signos de las operaciones aritméticas básicas, a la vez esas mismas teclas realizan funciones similares a las existentes en el teclado de edición.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En la zona derecha del teclado aparece un pequeño teclado aparece un pequeño teclado numérico independiente al resto, el cual se ha diseñado para facilitar la introducción de números.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Este teclado está compuesto por números, los símbolos de las operaciones matemáticas básicas y las teclas de edición, además de las teclas direccionales y la tecla Intro.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En la parte superior izquierda de este grupo de teclas se encuentra el Bloq Num. Para poder introducir los datos numéricos esta tecla debe estar activa. Para activarla hay que pulsar la tecla de Bloq Num y el indicador luminoso (Num lock), se encenderá. En caso de no activar esta tecla, las teclas que corresponden a este teclado acturían con las segundas funciones de que disponen: inicio, fin, entre otras.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">La tecla situada en el ángulo inferior derecho del teclado numérico recibe el nombre de Return, Enter o Intro, siendo su misión la de indicar a la computadora que procese la instrucción o mandato que se acaba de teclear.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las teclas de /,*,-,+ son las empleadas en las operaciones matemáticas división, multiplicación, resta y suma(también las podemos encontrar en el teclado alfanumérico).</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En caso de que el bloque numérico esté desactivado existen las siguientes funciones que también explican el teclado de edición.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclado de edición</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px; text-align: center;">
<span style="color: black;"><img alt="" border="2" class="aligncenter" height="380" src="https://i2.wp.com/colposfesz.galeon.com/libro/Image82.gif" style="border-radius: 5px; border: 0px; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: middle;" width="437" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El teclado de edición consta de 13 teclas y cada una con determinada función para el movimiento del cursor, agregar o eliminar caracteres, pausa y activación de impresora, entre otras.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Estas teclas se encuentran ubicadas entre el teclado alfanumérico y el numérico y estas son:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Flechas de direcciones: </span>Estas teclas mueven el cursor según la dirección que muestran:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Arriba </span><span style="color: black;"> , abajo </span><span style="color: black;">¯ , izquierda </span><span style="color: black;">¬ y derecha</span><span style="color: black;">® .</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Insertar y borrar:</span> Estas teclas se denominan Ins y Supr o Del, respectivamente.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">La primera de ellas se activa pulsándola, permitiendo añadir uno o más caracteres dentro de una palabra o Línea y desplaza el resto de los caracteres automáticamente hacia la derecha un espacio.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Esta misma tecla puede trabajar también, en modo de sustitución, es decir, nos permite escribir encima de otros caracteres. La tecla de Supr sirve para borrar un caracter y si se mantiene pulsada, borra todos aquellos caracteres que se encuentran a la derecha del cursor. Además, en combinación con otras teclas pude dar como resultado otra función distinta, por ejemplo:</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Ctrl+Alt+Supr</span> permite desactivar o reinicializar la computadora desde el teclado.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclas direccionales </span>se utilizan para dar movimiento al cursor en la dirección que indica cada una de ellas. El movimiento podría ser caracter a caracter o de forma rápida, manteniendo presionada la tecla que apunta en la dirección que se desee</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclas de desplazamientos:</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Inicio (Home).</span> También llamada orígen. Permite desplazarse (según el programa que se utilice) al comienzo de la línea donde se encuentra posicionado el cursor.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Fin (End).</span> Esta tecla permite desplazarse al final (según el programa que se utilce) de la línea desde la posición donde se encuentra el cursor.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Página Arriba o Re Pág (Page Up</span>). También llamada Re Pág. Al pulsar esta tecla se retrocede una página (según el programa en que se trabaje) dentro del texto que se encuentre visualizando.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Página Abajo o Av Pág (Page Down).</span> Se denomina, además, Av Pág. Al pulsar esta tecla se avanza una página (según el programa) desntro del documento que se encuentre editando.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Estas teclas en combinación con Ctrl, generan movimientos largos dentro de un documento, es decir, permiten desplazamientos al principio o al final del documento, por ejemplo: <span style="font-weight: 700;">Ctrl+Inicio</span> se dirige al principio de un documento; <span style="font-weight: 700;">Ctrl+Fin</span> se dirige al final de un documento.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">Teclado de Funciones:</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">El teclado de funciones consta de doce teclas de funciones indicadas de F1 hasta F12 y están situadas en la parte superior del teclado.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Las teclas de funciones sirven para ejecutar de forma rápida determinadas órdenes dentro de un programa. De esta forma en vez de acceder al menú para realizar cualquier opción se pueden utilizar las teclas de función (si el programa lo permite) para poder trabajar más rápidamente en esa aplicación.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">En el caso de que un programa deba utilizar más de las 12 funciones definidas, normalmente, permite usar combinaciones de teclas como Alt, Ctrl, Mayús, entre otras, junto con la tecla de función determinada.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><a href="https://www.blogger.com/u/1/null" name="ind6" style="color: #e77e23;"></a></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">EJERCICIOS PARTES DE LA COMPUTADORA</span></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><span style="font-weight: 700;">OBJETIVO</span>: El alumno identificará en el laboratorio de computación cada una de la partes que integran a una computadora.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">Realice los siguientes ejercicios.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">1.- En el siguiente diagrama a bloques de una computadora, escriba las partes que la integran.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"><img alt="" border="2" height="359" src="https://i1.wp.com/colposfesz.galeon.com/libro/Image83.gif" style="border-radius: 5px; border: 0px; height: auto; max-width: 100%; vertical-align: middle;" width="478" /></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">2.- Escriba los dispositivos de entrada que tiene el computador.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">3.- Escriba los dispositivos de salida que tiene el computador.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">4.- Realice un dibujo de una computadora e indique en él cada una de sus unidades (monitor, teclado, unidades de discos, etc.).</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">5.- ¿Qué es la memoria RAM en el computador?</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">6.- ¿Qué es un manejador de discos?</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">7.- Escriba en forma de tabla los tipos de manejadores que existen y las capacidades mínima y máxima de cada uno de ellos.</span></div>
<table border="1" cellpadding="5" cellspacing="1" style="background-color: white; border-collapse: collapse; border: 1px solid rgb(153, 153, 153); color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; height: 84px; margin-bottom: 20px; width: 511px;"><tbody>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"><span style="color: black;">Tipo</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"><span style="color: black;">Tamaño</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"><span style="color: black;">Capacidad Mínima</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"><span style="color: black;">Capacidad Máxima</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="25%"></td></tr>
</tbody></table>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;"></span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">8.- ¿Qué es un disco flexible?</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">9.- Escriba las características de un disco duro</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">10.- Enuncie las diferencias que tiene un disco flexible con un disco duro</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">11.- Indique las capacidades, en millones de caracteres, de los discos duros que se venden actualmente en el mercado</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">12.- Escriba los tipos de impresoras que se fabrican y de estas, cuales se tienen en el laboratorio</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">13.- Escriba el nombre de los siguientes símbolos :</span></div>
<table border="1" cellpadding="5" cellspacing="1" style="background-color: white; border-collapse: collapse; border: 1px solid rgb(153, 153, 153); color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; height: 226px; margin-bottom: 20px; width: 417px;"><tbody>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">!</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">@</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">#</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">%</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">&</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">|</span></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">\</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">/</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">*</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">+</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">–</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">^</span></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">~</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">_</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;"><</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">></span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">=</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;"><></span></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">‘</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">“</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">{</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">[</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">]</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="33%"><span style="color: black;">$</span></td></tr>
</tbody></table>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">14.- Dibuje un diagrama a bloques del teclado de un computador pc y en él señale la localización de los bloques de: las teclas de funciones, el teclado numérico y el teclado alfanumérico.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">15.- Escriba la función de las siguientes teclas:</span></div>
<table border="1" cellpadding="5" cellspacing="1" style="background-color: white; border-collapse: collapse; border: 1px solid rgb(153, 153, 153); color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px; height: 662px; margin-bottom: 20px; width: 385px;"><tbody>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Nombre</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Función</span></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Esc</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Shift </span><span style="color: black;">ñ</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Intro (Enter) o Return </span><span style="color: black;">¿</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Control (Ctrl) o ^</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Alt</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Alt Gr</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Tab</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Bloq. Mayus (Caps Lock)</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Bloq. Num (Num Lock)</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Re Pág (Pag Up)</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Av Pág (Pag Down)</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Inicio (Home)</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Fin (End)</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Insert (Ins)</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Supr (Del)</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">ß</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">à</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">á</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">â</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">^C</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">Control+Alt+Supr (Ctrl+Alt+Del)</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">^ Inter</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">ñ +Impr Pant</span></td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
<tr><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"><span style="color: black;">^+Impr Pant</span></td><td style="background: rgb(241, 241, 241); border: 1px solid rgb(153, 153, 153); padding: 8px;" valign="top" width="50%"></td></tr>
</tbody></table>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">16.- Mencione la bibliografía empleada en la resolución de estos ejercicios</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="color: black;">17.- Anote sus comentarios o conclusiones.</span></div>
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
<span style="font-weight: 700;"><span style="color: black;">VIDEOS QUE AYUDAN AL TEMA:</span></span></div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
LA COMPUTADORA 1</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
LA COMPUTADORA 2</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
LA COMPUTADORA 3</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
LA COMPUTADORA 4</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
LA COMPUTADORA 5</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span><br />
<div style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 0.928571em; margin-bottom: 10px; padding-bottom: 10px;">
HISTORIA DE LAS COMPUTADORAS</div>
<span style="background-color: white; color: #666666; font-family: adelle-1, adelle-2, serif; font-size: 14px;">Vodpod videos no longer available.</span>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-76684803618749482342019-02-05T21:02:00.001-08:002019-02-05T21:02:42.783-08:00<iframe width="560" height="315" src="https://www.youtube.com/embed/fR9TJJrx4WY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-71640093661922011092019-02-03T19:38:00.000-08:002019-02-03T19:38:00.605-08:00CONTENIDOS TECNOLOGIA<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;" ><a title="View Plan de Area Informatica on Scribd" href="https://www.scribd.com/document/398854037/Plan-de-Area-Informatica#from_embed" style="text-decoration: underline;">Plan de Area Informatica</a> by <a title="View 's profile on Scribd" href="undefined#from_embed" style="text-decoration: underline;"></a> on Scribd</p><iframe class="scribd_iframe_embed" title="Plan de Area Informatica" src="https://www.scribd.com/embeds/398854037/content?start_page=1&view_mode=scroll&show_recommendations=false&access_key=key-S8D33ABVPPgims6iS5KO" data-auto-height="true" data-aspect-ratio="null" scrolling="no" width="100%" height="600" frameborder="0"></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0tag:blogger.com,1999:blog-6081330371867190194.post-83058504875389177612019-02-03T18:49:00.002-08:002019-02-03T18:49:02.772-08:00COMO CREAR UNA CUENTA EN GMAIL<iframe width="560" height="315" src="https://www.youtube.com/embed/hAFZF8vxtXk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>wattdjhttp://www.blogger.com/profile/02654496455825101481noreply@blogger.com0