informatica

informatica

viernes, 30 de noviembre de 2012

PAGINA WEB CON VIDEOS¡¡

1)

<html>

<head>
<title>
      Mi pagina Web.
</title>
</head>
<body>
    <center>Mi video</center>
    <center><iframe width="560" height="315" src="http://www.youtube.com/embed/Ys7-6_t7OEQ" frameborder="0" allowfullscreen></iframe></center>
   <center>Mi imagen</center>
    <br>
   <center><img src.=/imagenes/beauty_and_a_beat.jpg></center>
       Hola soy yo.Estoy haciendo una pagina Web.
   <p>
   Aqui paso a otro parrafo.
   <br>
   Aqui bajo un renglon.
   <p>
   <CENTER>
   Este textoestacentrado.
   </CENTER>
   <HR width=10% SIZE=1>
   <HR width=30% SIZE=4>
   <HR width=100% SIZE=8>
</BODY>
</HTML> 







<HTML>
   <HEAD>
   <TITLE>
                   Mipágina de WEB
   </TITLE>
   </HEAD>
   <BODY>
      <center>Mi video</center>
     <center><iframe width="560" height="315" src="http://www.youtube.com/embed/lr9wk-hfgW4" frameborder="0" allowfullscreen></iframe></center>
       <br>
       <center><img src.=/imagenes/rihanna.jpg></center>
                   <H1>Título más grande con H1</H1>
                   <H2>Título menos grande con H2</H2>
                   <H3>Título un poco menos grande con H3</H3>
                   <H4>Título en letra normal con H4</H4>
                   <H5>Titulo en letra chica con H5</H5>
                   <H6>Título en letra bien chica con H6</H6>
                   Hola, soy yo. Estoy haciendo una página WEB.
                   <P>
                   Aquí paso a otro párrafo.
                  <BR>
                  Aquí bajo un renglón 
                  <P>
                  <CENTER>
                 Este texto está centrado
                  </CENTER>
                  </BODY>
                  </HTML>

3)



<HTML>
     <HEAD>
     <TITLE>
                    Mipágina de WEB
     </TITLE>
     </HEAD>
      <center>Mi video</center>
      <center><iframe width="420" height="315" src="http://www.youtube.com/embed/ih_rNdPtUu0" frameborder="0" allowfullscreen></iframe></center>
<br>
<center><img src=./imagenes/britney.jpg></center>
                    Hola, soy yo. Estoy haciendo una página WEB.
                     <P>
                     Aquí paso a otro párrafo.
                     <BR>
                     Aquí bajo un renglón.
                     <P>
                     <CENTER>
                     Este texto está centrado.
                    </CENTER>
                    <HR width=10% SIZE=1>
                    <HR width=30% SIZE=4>
                    <HR width=100% SIZE=8>
      </BODY>
      </HTML>

TABLAS : PARTE TRES¡


<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TD>Este texto esta dentro de una
celsa</A></TD>
     Para poner una imagen...
<TD><IMG SRC=2imagen1.jpg"></TD>
    Para poner un enlace...
<TD><A HREF="primera.htm">Ir a la primera
pagina</A></TD>
</TABLE>
</BODY>
</HTML>

TABLAS : PARTE DOS¡


<html>
<head>
<title>
</title>
</head>
<body>
<table border= 5>
        <caption> titulo de la tabla </caption>caption>
<tr>
       <td> fila1-celda 1</td>
<td> fila1-celda 2</td>
<td> fila1-celda 3</td>
</tr>
<tr>
       <td> fila2-celda 1</td>
<td> fila2-celda 2</td>
<td> fila2-celda 3</td>
        </tr>
</table>
</body>
</html>

TABLAS: PARTE 1¡


<html>
<head>
<title>
</title>
</head>
<body>
<table border>
       <tr>
        <td> fila 1- celda1</td>
<td> fila 1- celda2</td>
<td> fila 1- celda3</td>
   </tr>
<tr>
    <td> fila 2- celda1</td>
<td> fila 2- celda2</td>
<td> fila 2- celda3</td>
</tr>

</table>
</body>
</html>

jueves, 29 de noviembre de 2012



                             Diseño de Página Web
  • La etiqueta<P> separa el texto en diferentes párrafos,<BR> baja un renglón.
  <HTML>
  <HEAD>
  <TITLE>
                  Mipágina de WEB
  </TITLE>
  </HEAD>
  <BODY>
                 Hola, soy yo. Estoy haciendo una página WEB.
                 <P>
                 Aquí paso a otro párrafo.
                <BR>
                 Aquí bajo un renglón.
  </BODY>
  </HTML>


  • Cabeceras o títulos, comprendidos entre las etiquetas <H1> y </H1>, <H2>, </H2>,etc. (hasta el número 6), texto en el centro con <CENTER> </CENTER>
   <HTML>
   <HEAD>
   <TITLE>
                   Mipágina de WEB
   </TITLE>
   </HEAD>
   <BODY>
                   <H1>Título más grande con H1</H1>
                   <H2>Título menos grande con H2</H2>
                   <H3>Título un poco menos grande con H3</H3>
                   <H4>Título en letra normal con H4</H4>
                   <H5>Titulo en letra chica con H5</H5>
                   <H6>Título en letra bien chica con H6</H6>
                   Hola, soy yo. Estoy haciendo una página WEB.
                   <P>
                   Aquí paso a otro párrafo.
                  <BR>
                  Aquí bajo un renglón 
                  <P>
                  <CENTER>
                 Este texto está centrado
                  </CENTER>
                  </BODY>
                  </HTML>

  • La etiqueta<HR> ( no existe la correspondiente de cierre) pone una raya horizontal. Para que no ocupe toda la pantalla sino una parte indicándole WIDTH=XX%y el ancho con SIZE=X
     <HTML>
     <HEAD>
     <TITLE>
                    Mipágina de WEB
     </TITLE>
     </HEAD>
                     Hola, soy yo. Estoy haciendo una página WEB.
                     <P>
                     Aquí paso a otro párrafo.
                     <BR>
                     Aquí bajo un renglón.
                     <P>
                     <CENTER>
                     Este texto está centrado.
                    </CENTER>
                    <HR width=10% SIZE=1>
                    <HR width=30% SIZE=4>
                    <HR width=100% SIZE=8>
      </BODY>
      </HTML>

  • <B> y </B> para negrita, <l> y </l> cursiva, <PRE> y </PRE> para poner texto preformateado , es decir, aparecerá tal cual uno lo escribe
       <HTML>
       <HEAD>
       <TITLE>
                      Mi segunda página de WEB 
       </TITLE>
       </HEAD>
       <BODY>
                       <B>Estas palabras están en negrita </B>
                       <P>
                       <l> Estas palabras están en itálica</l>
                       <P>
                       <PRE>Este texto está preformateado y esto va luego de 10 espacios en blanco 
                       El texto actual fue escrito después de dar un enter</PRE>
       </BODY>
       </HTML>

  • Listas desordenadas (UL), Listas ordenadas (OL)
       <HTML>
       <HEAD>
       <TITLE>
                      Mi segunda página de WEB
       </TITLE>
       </HEAD>
       <BODY>
       Lista desordenada
      <UL>
                     <Ll> Monitor
                     <Ll> Placa de sonido
                     <Ll> Teclado
                     <Ll> Etc.
     </UL>
     Lista ordenada:
    <OL>
                  <Ll> Monitor
                  <Ll> Placa de sonido
                  <Ll> Teclado
                  <Ll> Etc.

    </OL>

    </BODY>
    </HTML>

  • Listas de definición (DT), comentarios no visibles en la pantalla: <l -- y  -->
    <HTML>
    <HEAD>
    <TITLE>
                   Mi segunda página de WEB.
    </TITLE>
    </HEAD>
    <BODY>
    Lista de definición 
   <DL>
                <DT> Monitor:
                                    <DD> Hardware de la computadora cuya función es destruir ojos.
                                    <DT> Placa de sonido:
                                                   <DD> Rompe la tranquilidad familiar.
                                    <DT>Teclado: 
                                                 <DD>Destructor de uñas.
   </DL>
                   <!--Esto es un comentario al código que no se verá en pantalla -->
                   El texto que figura como comentario en este código no lo vemos en la pantalla
                   <P>
                   <B>Estas palabras están en negrita</B>
                   <P>
                   <l>Estas palabras están en itálica</l>
                   </BODY>
  </HTML>


Lenguaje web

<html>
   <head>
   <title>Pagina nueva 2</title>
  </head>
  <body bgcolor=cyan>
<PRE>

            1  2   3   4   5   6   7                    <B>Esto es una demostración de </B>
            8  9  10 11 12 13 14                             texto preformateado
          15 16 17 18 19 20 21


D:\3ro sec_andry lupuche rodriguez\pagina04.html

<html>
   <head>
   <title>Pagina nueva 2</title>
   </head>
   <body bgcolor=cyan>
<h1>Listas</h1>
<HR>
<OL>
<LI>Capa de Datos
<LI>Postgresql
</OL>
<UL>
<LI>Html
<LI>JavaScript
</UL>
|</html>

D:\3ro sec_andry lupuche rodriguez\pagina02.html

<html>
   <head>
   <ttitle>Manipulando imágenes</title>
   </head>
   <body>
   <h1>Tres Imagenes  ...</h1>
   <img src=./imagenes/logo.jpg>
   <p/>
   <img src=./imagenes/intro.jpg>
  <hr>
  <img src=./imagenes/final.jpg ALIGN=LEFT  WIDTH=272 HEIGHT=92 >
  </body>
</html>|

Programación HTML:
Para utilizar listas:

<HTML>
<HEAD>
<TITLE>Lista de viñetas</TITLE>
<HEAD>
<BODY>
Los últimos cuatro viajes que he realizado han tenido como destino:
<UL>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</UL>
<OL  START=4  TYPE=A>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</OL>

Vínculo para poner imágenes a la página

<img src="imagenes/Einstein.gif"  WIDTH="160"  HEIGHT="108">

viernes, 16 de noviembre de 2012


AQUA(agua)           
black (negro)BLACK(negro)            
BLUE(azul)             
FUCHSIA(fucsia) 
GRAY(gris)                 
GREEN(verde)              
LIME(lima)              
MAROON(marrón) 
NAVY(azul marino)   
OLIVE(oliva)                
PURPLE(morado)    
RED(rojo) 
SILVER(plata)            
TEAL(azul verdoso)   
WHITE(blanco)      
YELLOW(amarillo)    

diseño de paginas web



1)
<html>
  <head> 
     <title>Primer ejemplo</title>
  </head>
  <body>
  Programación html
  <hr>
  BSCONSULTORES -Arequipa 2008
  </body>
</html>

2)
<html>
  <head> 
     <title>Pagina nueva 1 </title>
  </head>
  <body bgcolor=cyan>
  <h1>Segunda prueba...</h1>
  <h2>Encabezados en HTML</h2>
  <hr>
  <u><b>BSConsultores </b> -Arequipa 2008</u>
  </body>
</html>

3)
<html>
  <head> 
     <title>Pagina nueva 2 </title>
  </head>
  <body bgcolor=cyan>
  <FONT SIZE=3>A</font><FONT SIZE=4>A</font><FONT 
SIZE=5>A</font>   <FONT SIZE=6>A</font><FONT SIZE=7>A</font><FONT SIZE=6>A</font>  <FONT SIZE=5>A</font><FONT SIZE=4>A</font><FONT SIZE=3>A</FONT>
  </body>
</html>

viernes, 12 de octubre de 2012





           Sistema operativo
¿Qué es un sistema operativo?
El sistema operativo es el programa (o software) más importante de un ordenador. Para que funcionen los otros programas, cada ordenador de uso general debe tener un sistema operativo. Los sistemas operativos realizan tareas básicas, tales como reconocimiento de la conexión del teclado, enviar la información a la pantalla, no perder de vista archivos y directorios en el disco, y controlar los dispositivos periféricos tales como impresoras, escáner, etc.

¿Qué empresas fabrican o desarrollan sistemas operativos?


Familia Windows
·         Windows 95
·         Windows 98
·         Windows ME
·         Windows NT
·         Windows 2000
·         Windows 2000 server
·         Windows XP
·         Windows Server 2003
·         Windows CE
·         Windows Mobile
·         Windows XP 64 bits
·         Windows Vista (Longhorn)
Familia Macintosh
·         Mac OS 7
·         Mac OS 8
·         Mac OS 9
·         Mac OS X
Familia UNIX
·         AIX
·         AMIX
·         GNU/Linux
·         GNU / Hurd
·         HP-UX
·         Irix
·         Minix
·         System V
·         Solaris
·         UnixWare



Tipos de sistemas operativos:
Los sistemas operativos pueden ser clasificados de la siguiente forma:
·         Multiusuario: Permite que dos o más usuarios utilicen sus programas al mismo tiempo. Algunos sistemas operativos permiten a centenares o millares de usuarios al mismo tiempo.
·         Multiprocesador: soporta el abrir un mismo programa en más de una CPU.
·         Multitarea: Permite que varios programas se ejecuten al mismo tiempo.
·         Multitramo: Permite que diversas partes de un solo programa funcionen al mismo tiempo.
·         Tiempo Real: Responde a las entradas inmediatamente. Los sistemas operativos como DOS y UNIX, no funcionan en tiempo real.



Diferencias entre Windows y Linux

1 existe dos barras de herramientas en Linux ,mientras que en Windows solo una
2 Linux esta menos avanzado que Windows
3 Linux es gratuito
4 Windows es más fácil de manejar
5 los editores de textos son diferentes
6 Linux es más rápido que Windows
7 A Linux no le entra virus
8 el ordenador se apaga de manera diferente
Sistemas operativos para celulares

 Existen 4 sistemas operativos dominantes en el mercado mundial de la telefonía móvil: Symbian lidera ampliamente con un 66%, seguido de lejos por Windows Mobile (14%), BlackBerry(7%) y Linux (6%). También haciendo una entrada al mercado tenemos el sistema operativo del iPhone (el cual es de uso exclusivo para el móvil de Apple), mientas que por el otro lado tenemos a Andriod, la apuesta de Google por entrar en este competitivo mercado.


historia de microsof
Microsoft es una compañía multinacional dedicada a la tecnología informática. La Historia de Microsoft comienza el 4 de abril de 1975, cuando fue fundada por Bill Gates y Paul Allen en Albuquerque.1 Sus mejores productos actúales en venta son su sistema operativo Windows y su suite ofimáticaMicrosoft Office.
En sus inicios en el año 1980, Microsoft formó una importante unión con IBM la cual permitió ligar el sistema operativo de Microsoft con los ordenadores de IBM, pagando a Microsoft los derechos de cada venta. En 1985, IBM solicito a Microsoft que hiciera un nuevo sistema operativo para sus ordenadores llamado OS/2. Microsoft hizo el sistema operativo, pero continuó vendiendo su propia versión en directa competición con el OS/2. La versión de Microsoft eclipsó al OS/2 en términos de ventas. Cuando Microsoft lanzó sus versiones de Windows en los años 90, ya había capturado el 90% de la cuota de mercado de los ordenadores personales del mundo.




A fecha de 2007, Microsoft tiene un crédito anual de 51, 12 millones de $ y casi 79.000 empleados en 102 países. Desarrolla, fabrica, licencia y apoya una amplia gama de productos de softwarey hardware para los dispositivos informáticos