codigocodigo de maquetacion web
DESCRIPTION
gjhgkjhjkhhhjkjTRANSCRIPT
MAQUETACION WEB 17-9-15.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sin título</title><link href="estilomaq.css" rel="stylesheet" type="text/css" /></head>
<body><section class="introduccion"><header><h1><CENTER>INTRODUCCIÓN</CENTER></h1><header><p class="intro">El concepto "Computación" refiere al estudio científico que se desarrolla sobre sistemas automatizados de manejo de informaciones, lo cual se lleva a cabo a través de herramientas pensadas para tal propósito. Es de este modo, que aparecen conceptos como la PC, Tecnología, Internet e Informática, que se vinculan entre sí en el marco del procesamiento y movilidad de la información. Las Ciencias de la Computación suponen un área muy profunda de análisis, que tiene sus orígenes en 1920, cuando "computación" hacía referencia a los cálculos generados por la propia persona. Luego, con la llegada de las PC´s, la historia y el significado de este concepto se ampliarían sobre nuevos horizontes, distinguiendo los algoritmos que forman parte del desarrollo de las soluciones. En resumen, "computación" implica las órdenes y soluciones dictadas en una máquina, comprendiendo el análisis de los factores involucrados sobre este proceso, dentro de los cuales aparecen los lenguajes de programación. De este modo, se automatizan tareas, generando datos concretos de forma ordenada.</p></section><section class="diferencia"><header><h2><CENTER>DIFERENCIA ENTRE COMPUTACIÓN E INFORMÁTICA</CENTER></h2><header><p class="computacion"> <img src="../Imagenes/Monitor_01.png" width="100" height="100"/> <u><i>La computación</u></i> se refiere al estudio científico que se desarrolla sobre sistemas automatizados de manejo de informaciones, lo cual se lleva a cabo a través de herramientas pensadas para tal propósito.La computación está referida a la tecnología en sí que permita el manejo y movilidad de información en cuanto a esta ciencia o conocimiento se refiere y también a los fundamentos teóricos de la información que procesan las computadoras, y las distintas implementaciones en forma de sistemas computacionales. </p><p class="infor"><img src="../Imagenes/GoogleWebDesigner.jpg" width="100" height="100" /><u><i>La informática</u></i> es la encarga del tratamiento automático de la información. Este tratamiento automático es el que ha cedido a la computación la manipulación de grandes proporciones de datos y la ejecución rápida de cálculos complejos. También se aboca a los
tratamientos de software por parte de los usuarios y demás aspectos referidos a programas, hardware y estructura de las computadoras.</p></section><section class="computador"><header><h2><center>EL COMPUTADOR</center></h2><header><p>Una computadora o computador (del ingles computer y este del latín computare -'calcular'), también denominada ordenador (del francés ordinateur, y este del latín ordinator), es una máquina electrónica que recibe y procesa datos para convertirlos en información útil. Una computadora es una colección de circuitos integrados y otros componentes relacionados que pueden ejecutar con exactitud, rapidez y de acuerdo a lo indicado por un usuario o automáticamente por otro programa, una gran variedad de secuencias o rutinas de instrucciones que son ordenadas, organizadas y sistematizadas en función a una amplia gama de aplicaciones prácticas y precisamente determinadas, proceso al cual se le ha denominado con el nombre de programación y al que lo realiza se le llama programador.</p><p>La computadora además de la rutina o programa informático, necesita de datos específicos (a estos datos, en conjunto, se les conoce como "Input" en inglés o de entrada) que deben ser suministrados, y que son requeridos al momento de la ejecución, para proporcionar el producto final del procesamiento de datos, que recibe el nombre de "output" o de salida. La información puede ser entonces utilizada, reinterpretada, copiada, transferida, o retransmitida a otra(s) persona(s), computadora(s) o componente(s) electrónico(s) local o remotamente usando diferentes sistemas de telecomunicación, que puede ser grabada, salvada o almacenada en algún tipo de dispositivo o unidad de almacenamiento.</p></section>
<section class="secomp"><header><h2><center>PARTES DE UN COMPUTADOR</center></h2></header><section class="monitor"><BR /><header><h3>MONITOR</h3></header><article class="artmonitor">El monitor o pantalla de computadora, es un dispositivo de salida que, mediante una interfaz, muestra los resultados, o los gráficos del procesamiento de una computadora. Existen varios tipos de monitores: los de tubo de rayos catódicos(o CRT), los de pantalla de plasma (PDP), los de pantalla de cristal líquido (o LCD),<img class="imgmonitor" src="../Imagenes/monitor02.jpg" width="239" height="210" />de paneles de diodos orgánicos de emisión de luz (OLED), o Láser-TV, entre otros. </article>
</section><br /><section class="teclado"><header><h3>TECLADO</h3></header><article class="arteclado">Un teclado de computadora es un periférico, físico o virtual (por ejemplo teclados en pantalla o teclados táctiles), utilizado para la introducción de órdenes y datos en una computadora. Tiene su origen en los teletipos y las máquinas de escribir eléctricas, que se utilizaron como los teclados de los primeros ordenadores y dispositivos de almacenamiento (grabadoras de cinta de papel y tarjetas perforadas).<img class="imgteclado"src="../Imagenes/teclado03.jpg" width="243" height="207" /> Aunque físicamente hay una miríada de formas, se suelen clasificar principalmente por la distribución del teclado de su zona alfanumérica, pues salvo casos muy especiales es común a todos los dispositivos y fabricantes (incluso para teclados árabes y japoneses). </article></section><br /><section class="raton"><header><h3>RATÓN</h3></header><article class="artraton">El mouse (del inglés, pronunciado [ˈmaʊs]) o ratón es un periférico de computadora de uso manual, utilizado como entrada o control de datos. Se utiliza con una de las dos manos del usuario y detecta su movimiento relativo en dos dimensiones por la superficie horizontal en la que se apoya, reflejándose habitualmente a través de un puntero o flecha en el monitor. Anteriormente, la información del desplazamiento era transmitida gracias al movimiento de una bola debajo del ratón, la cual accionaba dos rodillos que correspondían a los ejes X e Y. Hoy, el puntero reacciona a los movimientos debido a un rayo de luz que se refleja entre el ratón y la superficie en la que se encuentra. Cabe aclarar que un ratón óptico apoyado en un espejo o sobre un barnizado por ejemplo es inutilizable, ya que la luz láser no desempeña su función correcta.<img class="imgmouse" src="../Imagenes/mouse01.jpg" width="234" height="215" /> La superficie a apoyar el ratón debe ser opaca, una superficie que no genere un reflejo, es recomendable el uso de alfombrillas. </article></section><br /><article class="procesador"><header><h3>PROCESADOR</h3></header><article class="artpro">El microprocesador (o simplemente procesador) es el circuito integrado central y más complejo de un sistema informático; a modo de ilustración, se le suele llamar por analogía el «cerebro» de un computador.Es el encargado de ejecutar los programas, desde el sistema operativo hasta las aplicaciones de usuario; sólo ejecuta instrucciones programadas en lenguaje de bajo nivel, realizando
operaciones aritméticas y lógicas simples, tales como sumar, restar, multiplicar, dividir, las lógicas binarias y accesos a memoria.<img class="imgprocesa" src="../Imagenes/microprocesador03.jpg" width="259" height="194" /> Esta unidad central de procesamiento está constituida, esencialmente, por registros, una unidad de control, una unidad aritmético lógica (ALU) y una unidad de cálculo en coma flotante (conocida antiguamente como «coprocesador matemático»). </article></article></section><aside><header><h1><center>GLOSARIO DE TERMINOS INFORMATICOS</center></h1></header><article class="glosario"><br />Disco Duro:Es un dispositivo de almacenamiento de datos no volati que emplea un sistema de grabación magnetiuca para almacenar datos digitales. Su capacidad se mide en gigabyts y asta la actualidad en terabyts. Este puede estar conectado dentro de la PC o conectado mediante un dispositivo de USB.<br />
MICROPROCESADOR: Es la parte que fue disenada para llevar a cabo la ejecucion de programas y tambien es la encargada de dar las las instrucciones a las computadora.<br />MEMORIA RAM:(Random Access Memory, Memoria de Acceso Aleatorio) es donde el computador guarda los datos que está utilizando en el momento presente. El almacenamiento es considerado temporal por que los datos y programas permanecen en ella mientras que la computadora este encendida o no sea reiniciada.<br />MICROPROCESADOR: Es el cerebro del ordenador. Es un chip, un tipo de componente electrónico en cuyo interior existen miles (o millones) de elementos llamados transistores, cuya combinación permite realizar el trabajo que tenga encomendado el chip.MONITOR: Es el periférico más utilizado en la actualidad para obtener la salida de las operaciones realizadas por la computadora, las pantallas de los sistemas informaticos muestran una imagen del resultado de la información procesada por la computadora.<br />MEMORIA RAM: (RADOM ACCESS MEMORY), memoria de acceso aleatorio cuyo contenido permanecerá presente mientras el computador permanezca encendido.<br />MEMORIA ROM: Memoria de solo lectura. Chip de memoria que solo almacena permanentemente instrucciones y datos de los fabricantes.<br />MOUSE: El ratón o mouse informatico es un dispositivo señalador o de entrada, recibe esta denominación por su apariencia.<br />TECLADO: Es un periférico de entrada, que convierte la acción mecánica de pulsar una serie de pulsos eléctricos codificados que permiten identificarla. Las teclas que lo constituyen sirven para entrar caracteres alfanuméricos y comandos a una computadora.<br />Impresora: Una impresora es un periférico de computadora que permite producir una copia permanente de textos o gráficos de documentos almacenados en formato electrónico, imprimiendo en papel de
lustre los datos en medios físicos, normalmente en papel o transparencias, utilizando cartuchos de tinta o tecnologíaláser.</article></aside></body></html>
Estilo@charset "utf-8";body {
width::100%;background-image:url(../Imagenes/FONDO%202.jpg);
}.introduccion{
background-color:#CF6;width:90%;padding:30px;margin:15px;text-align:justify;
}.diferencia{
Width: 93%;Height:30;float:left;
padding:15px;margin:30px;background-color:#3C9;text-align:justify;
}.computador{
background-color:#0CF;width:95%;float:left;padding:15px;margin:5px;text-align:justify;
}.monitor{
width:15%;float:left;padding:15px;background-color:#9FC;margin-right:15px;text-align:justify;
}.teclado{
width:15%;
float:left;padding:15px;background-color:#9fc;margin-right:15px;text-align:justify;
}
.raton{width:15%;float:left;padding:15px;background-color:#9fc;margin-right:15px;text-align:justify;
}.procesador{
width:15%;float:left;padding:5px;background-color:#9fc;margin-right:15px;text-align:justify;
}h1{
text-shadow:2px 6px 9px #FF0000;
background-color:#0F0;
}h3{
text-shadow:2px 4px 9px #FF00FF;
}.intro{
background-color:#0FF;}
.computacion{background-color:#C6C;width:42%;float:left;padding:15px;margin:20px;text-align:justify;
}
.infor{background-color:#C6C;width:42%;float:right;padding:15px;
margin:20px;text-align:justify;
}header{
background:#C09, #000;width:100%;height:auto;text-shadow:2px 3px 6px #9999CC, 4px 5px 7px #99CCCC;
}.artpro{
background-color:#FC3;}
.artraton{background-color:#9F9;}
.imgteclado{float:left;width:100px;height:100px;padding:8px;}
.imgmonitor{float:right;width:100px;height:100px;padding:10px;
}.imgmouse{
float:right;width:100px;height:100px;padding:10px;}
.imgprocesa{float:right;width:100px;height:100px;padding:10px;}
.arteclado{background-color:#C06;
}.artmonitor{
background-color:#F99;}
.partcomp{background-color:#9CF;}
.secomp{background-color:#CF3;width:70%;
padding:10px;margin:10px;float:left;
}
aside{width:25%;float: left;
}.glosario{
background-color:#0FF;margin:5px;padding:10px;text-align:justify
}
MAQUETACION.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sin título</title><link href="estilo.css" rel="stylesheet" type="text/css" /></head>
<body><header></header><nav></nav><section><P>El concepto "Computación" refiere al estudio científico que se desarrolla sobre sistemas automatizados de manejo de informaciones, lo cual se lleva a cabo a través de herramientas pensadas para tal propósito.<img class=" imgizq"src="../Imagenes/microprocesador02.jpg" width="142" height="138" /> Es de este modo, que aparecen conceptos como la PC, Tecnología, Internet e Informática, que se vinculan entre sí en el marco del procesamiento y movilidad de la información. Las Ciencias de la Computación suponen un área muy profunda de análisis, que tiene sus orígenes en 1920, cuando "computación" hacía referencia a los cálculos generados por la propia persona. Luego, con la llegada de las PC´s, la historia y el significado de este concepto se ampliarían sobre nuevos horizontes, distinguiendo los algoritmos que forman parte del desarrollo de las soluciones. En resumen, "computación" implica las órdenes y soluciones dictadas en una máquina, comprendiendo el análisis de los factores involucrados sobre este proceso, dentro de los cuales aparecen los lenguajes de programación. De este modo, se automatizan tareas, generando datos concretos de forma ordenada.</P><P>El concepto "Computación" refiere al estudio científico que se desarrolla sobre sistemas automatizados de manejo de informaciones, lo cual se lleva a cabo a través de herramientas pensadas para tal propósito. Es de este modo, que aparecen conceptos como la PC, Tecnología, Internet e Informática, que se vinculan entre sí en el marco del procesamiento y movilidad de la
información.<img class="imgder" src="../Imagenes/scanner01.jpg" width="274" height="184" /> Las Ciencias de la Computación suponen un área muy profunda de análisis, que tiene sus orígenes en 1920, cuando "computación" hacía referencia a los cálculos generados por la propia persona. Luego, con la llegada de las PC´s, la historia y el significado de este concepto se ampliarían sobre nuevos horizontes, distinguiendo los algoritmos que forman parte del desarrollo de las soluciones. En resumen, "computación" implica las órdenes y soluciones dictadas en una máquina, comprendiendo el análisis de los factores involucrados sobre este proceso, dentro de los cuales aparecen los lenguajes de programación. De este modo, se automatizan tareas, generando datos concretos de forma ordenada.</P><P> El concepto "Computación" refiere al estudio científico que se desarrolla sobre sistemas automatizados de manejo de informaciones, lo cual se lleva a cabo a través de herramientas pensadas para tal propósito. Es de este modo, que aparecen conceptos como la PC, Tecnología, Internet e Informática, que se vinculan entre sí en el marco del procesamiento y movilidad de la información. Las Ciencias de la Computación suponen un área muy profunda de análisis, que tiene sus orígenes en 1920, cuando "computación" hacía referencia a los cálculos generados por la propia persona.<img class="imgizq" src="../Imagenes/mouse01.jpg" width="234" height="215" /> Luego, con la llegada de las PC´s, la historia y el significado de este concepto se ampliarían sobre nuevos horizontes, distinguiendo los algoritmos que forman parte del desarrollo de las soluciones. En resumen, "computación" implica las órdenes y soluciones dictadas en una máquina, comprendiendo el análisis de los factores involucrados sobre este proceso, dentro de los cuales aparecen los lenguajes de programación. De este modo, se automatizan tareas, generando datos concretos de forma ordenada.</P></section>
</body></html>
Estilo@charset "utf-8";body {
width:100%;background-image:url(../Imagenes/fondo01.jpg);
}p{
width:21.5%;float:left;padding:35px;background-color:#C3C; margin-right:15px;text-align:justify;}
.imgizq{float:left;width:95px;height:100px;margin:10px;
border-radius:20px; }
.imgder{float:right;width:95px;height:100px;margin:10px;border-radius:20px;
}Practica Formularios
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sin título</title></head><body><form action="file:///C|/Users/PC-Desmaison/Desktop/procesar.php" method="get"><label>Nombre y Apellidos:</label><input type="text" name="nombre" size="15" maxlength="20" /><br /><label> Ingrese Clave:</label><input type="password" name="nombre" size="15" maxlength="20" value="Ingrese Datos" /><br /><input type="checkbox" name="condicion" >Acepto Condiciones<br /><input type="checkbox" name="publicidad" checked="checked" />Deseo recibir publicidad<br /><input type="radio" name="sexo" value="hombre" />Hombre<br /><input type="radio" name="sexo" value="mujer" />Mujer<br /><br /><input type="button" name="enviar" value="enviar" /><input type="button" name="reset" value="reset" /><br /><br /><textarea rows="4" cols="30"></textarea><br /><br />Elija una Opcion: <Select size="4" multiple="multiple"> <option> Azul </option> <option> Verde </option> <option> Rojo </option> <option> Amarillo</option> <option>Rosado </option> <option>Blanco</option> <option>Negro </option> </Select </form></body>
</html>