viernes, 30 de noviembre de 2012



Diseño de tabla 1
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
       <TR>
            <TD>fila1-celda1</TD>
      <TD>fila1-celda2</TD>
      <TD>fila1-celda3</TD>
     
    </TR>
    <TR>
            <TD>fila2-celda1</TD>
      <TD>fila2-celda2</TD>
      <TD>fila2-celda3</TD>
     
    </TR>
</TABLE>
</BODY>
</HTML>
   



Diseño de tabla 2
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=5>
       <CAPTION>Título de la tabla</CAPTION>
    <TR>
            <TD>fila1-celda1</TD>
      <TD>fila1-celda2</TD>
      <TD>fila1-celda3</TD>
     
    </TR>
    <TR>
            <TD>fila2-celda1</TD>
      <TD>fila2-celda2</TD>
      <TD>fila2-celda3</TD>
     
    </TR>
</TABLE>
</BODY>
</HTML>
   



Diseño de tabla 3
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<table>
<TD=> dress </A></TD>
       <img.src=./Imagen/img.1computer.jpg>
<TD><IMG SRC= "IMAGEN1.JPG" ></TD>
       La etiqueta
<TD><a href="primera.html"> IR A LA PRIMERA PAGINA </a></TD>
</Table>
</body>
</html>
   
   

     

SISTEMA OPERATIVO

<HTML>
<HEAD>
 

<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><head>
<title>

<body bgcolor="#0099FF" text="#FFFFFF">
<p align="center"><FONT COLOR="RED "   SIZE  ="3" FACE=  "MV BOLI " ><u>SISTEMAS  OPERATIVOS</u></p>
<ol>
  <li><u> ES UN SISTEMA OPERATIVO?</u></li>
</ol>
<p> <FONT FACE= MC BOLI ">
    </FONT>
 <FONT COLOR="WHITE"   SIZE  ="3" FACE=  "MV BOLI " >
 Es el software encargado de ejercer  el control y coordinar el uso del hardware entre diferentes programas de  aplicaci&oacute;n y los diferentes usuarios. Es un administrador de los recursos de  hardware del sistema.&nbsp;<br>
 En una definiciónn informal es un  sistema que consiste en ofrecer una distribuci&oacute;n ordenada y controlada de los  procesadores, memorias y dispositivos de E/S entre los diversos programas que  compiten por ellos.<br>
 A pesar de que todos nosotros usamos sistemas operativos casi a diario, es  dif&iacute;cil definir qu&eacute; es un sistema operativo. En parte, esto se debe a que los  sistemas operativos realizan dos funciones diferentes.&nbsp;<br>
 Proveer una m&aacute;quina virtual, es  decir, un ambiente en el cual el usuario pueda ejecutar programas de manera  conveniente, protegi&eacute;ndolo de los detalles y complejidades del hardware.  Administrar eficientemente los recursos del computador<

  </FONT>
</p>
<p> 2. <u>TIPOS DE SISTEMAS OPERATIVOS:</u></p>
<ul><li><u>SISTEMA OPERATIVO WINDOWS</u></li>
</ul>
<p>
< Center>
<img src="
file:///C|/Users/USUARIO/AppData/Roaming/Macromedia/Dreamweaver 8/OfficeImageTemp/clip_image003.gif" alt="http://www.surt.org/zonatics/images/image115.jpg" width="350" height="259" align="middle"></p> 
<p>&nbsp;</p>
<p>
<ul>
  <ul>
    <li><u>
 <BODY>

 SISTEMAS OPERATIVO LINUX:</u></li>
  </ul>
</p>
<p><img width="350" height="273" src="
file:///C|/Users/USUARIO/AppData/Roaming/Macromedia/Dreamweaver 8/OfficeImageTemp/clip_image003_0001.gif" alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLbFnFmnQR49YjKyTkWUic9AKHYaQm0iMiPjVa5ReNAhC3Ih2283hJlLY_LOH2synZhmmnDBI59lUgbregmx4FdUiBIGAD-PwFzmLzZn9Oyak-CnPicpB7_shQri7e27UVe0H2EmsAi9k/s1600/13.jpg"> <br>
  <FONT COLOR="WHITE"   SIZE  ="3" FACE=  "MV BOLI " > 3-<u>DIFERENCIA ENTRE S.O WINDOWS Y SISTEMA LINUX:</u></p>
<ul>
  <li>Existen dos barras de  herramientas en Linux, mientras que en Windows existe solo una. </li>
  <li><strong>&nbsp;</strong>&nbsp;La barra de herramientas principal en Linux  aparece situada en la parte superior de la pantalla </li>
  <li><strong>&nbsp; </strong>Linux esta menos avanzado que Linux </li>
  <li>Los juegos de  entretenimiento de Linux son mejores que los de Windows </li>
  <li><strong>&nbsp; </strong>Linux es gratutio </li>
  <li>A Linux no le entran  virus. </li>
  <li><strong>&nbsp;</strong>La forma de cerrar la  sesi&oacute;n es diferente </li>
  <li><strong>&nbsp; </strong>Los programas de office de Windows  existen en Linux pero llamados de otra manera. </li>
  <li><strong>&nbsp; </strong>Windows es f&aacute;cil de manejar </li>
</ul>
<p><a href="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiQxCqsoU4Ayy4AR58QSQKSyWk27f6sjunuo_uENP0RHMhigm-YnIXR-Ozb6eouDskep7LS9SNPUmvIEuI7oUvoygRLtzTF6ihzRuHA7khut0eRkHyc1uvY4tIPvEPM3PUHlqEUtXQnHZk/s1600/linux-vs-windows.png"><img border="0" width="296" height="180" src="file:///C|/Users/USUARIO/AppData/Roaming/Macromedia/Dreamweaver 8/OfficeImageTemp/clip_image003_0002.gif" alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiQxCqsoU4Ayy4AR58QSQKSyWk27f6sjunuo_uENP0RHMhigm-YnIXR-Ozb6eouDskep7LS9SNPUmvIEuI7oUvoygRLtzTF6ihzRuHA7khut0eRkHyc1uvY4tIPvEPM3PUHlqEUtXQnHZk/s1600/linux-vs-windows.png"></a> </p>
<ul>
  <li><u>&nbsp;DIFERENCIA ENTRE AMD E </u><u>INTEL:</u><u> </u><u> </u></li>
</ul>
<p>Mas caro, sus dos procesadores son  matem&aacute;ticos, por lo cual para navegar o trabajar con el PC es m&aacute;s r&aacute;pido: Tmbien  es de mucha mejor calidad. </p>
<ul>
  <li><u>AMD:</u><u> </u><u> </u></li>
</ul>
<p>Mas barato, tiene varias versiones o series  distintas, tiene un procesador matematico y uno gráfico, por lo cual es mejor  para jugar, programas de dise&ntilde;o gr&aacute;fico(arquitectos, etc) me mucho m&aacute;s  eficiente con este tipo de &quot;tratamiento&quot;. No es la misma calidad que  Intel, pero es muy dificil que te vaya a fallar.</p>
<p><img border="0" width="446" height="229" src="
file:///C|/Users/USUARIO/AppData/Roaming/Macromedia/Dreamweaver 8/OfficeImageTemp/clip_image005.gif" alt="http://cache.gizmodo.com/assets/resources/2008/04/amd_vs_intel.jpg"> </p>
<ul>
  <li><u>ENUMERAR LOS TIPOS DE SISTEMA  OPERATIVOS PARA CELULARES</u></li>
</ul>
<ul>
  <li>Symbian OS </li>
  <li>&nbsp;Windows  Mobile </li>
  <li>&nbsp; Blackberry OS </li>
  <li>&nbsp;  iPHONE OS X </li>
  <li>&nbsp; Google Android </li>
  <li>&nbsp;  Windows Phone7 </li>
  <li>&nbsp;Palm webOS </li>
</ul>
<p>&nbsp;</p>
<p align="center"><a href="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDLGOBUY2ktIADPhPAZ9v8Cxc28p05GD70Chl3rnVEeWP9uElVJBTVprWAdvLhzie1WafNS16ANBLnGIupnsilOorTpuopNUiXJyM9QMP3mgzJIIXFDKVwqYd4TjZxFUE5xvc-TB4nUMQ_/s1600/sistemas-operativos-moviles.jpg"><img border="0" width="376" height="147" src="file:///C|/Users/USUARIO/AppData/Roaming/Macromedia/Dreamweaver 8/OfficeImageTemp/clip_image007.gif" alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDLGOBUY2ktIADPhPAZ9v8Cxc28p05GD70Chl3rnVEeWP9uElVJBTVprWAdvLhzie1WafNS16ANBLnGIupnsilOorTpuopNUiXJyM9QMP3mgzJIIXFDKVwqYd4TjZxFUE5xvc-TB4nUMQ_/s320/sistemas-operativos-moviles.jpg"></a><u> </u></p>
<p>&nbsp; </p>
</BODY>
</html>

DISEÑO DE PAGINA WEB



ETIQUETA:
<HTML>
<HEAD>
<TITLE>
       Mi página de WEB
</TITLE>
</HEAD>
<BODY>
      <CENTER> Mi video </CENTER>
                  <HR>
                  <CENTER> <iframe width="420" height="315" src="http://www.youtube.com/embed/V-
                u3PLo_lOo" frameborder="0" allowfullscreen></iframe> </CENTER>
                  <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/vestido-azul.jpg>
        </Center>
                
   </CENTER>
                 Hola soy yo.Estoy haciendo una página WEB
                   <P>
                   Aquí paso a otro párrafo
                   <BR>
                   Aquí bajo un renglón
</BODY>
</HMTL>


CABECERAS:
<HTML>
<HEAD>
<TITLE>
       Mi página de WEB
</TITLE>
</HEAD>
<BODY>
      <CENTER> Mi video </CENTER>
                  <HR>
                  <CENTER> <iframe width="420" height="315" src="http://www.youtube.com/embed/V-
                u3PLo_lOo" frameborder="0" allowfullscreen></iframe> </CENTER>
                  <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/dress animalplanert.jpg>
        </Center>

                 <H1>Título más grandecon H1</H1>
                   <H2>Título menos grandecon H2</H2>
                   <H3>Título unpocomenos grandecon H3</H3>
                   <H4>Título en letra normal con H4</H4>
                   <H5>Título 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>
</HMTL>


ETIQUETA-HR:

<HTML>
<HEAD>
<TITLE>
       Mi página de WEB
</TITLE>
</HEAD>
<BODY>
      <CENTER> Mi video </CENTER>
                  <HR>
                  <CENTER> <iframe width="560" height="315" src=
                http://www.youtube.com/embed/gIWE1mSfYUA
                u3PLo_lOo" frameborder="0" allowfullscreen></iframe> </CENTER>
                  <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/casas-rusticas-de-madera.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>
                   <HR width=10% SIZE=1>
                   <HR width=30% SIZE=4>
                   <HR width=100% SIZE=8>
                  
</BODY>
</HMTL>


NEGRITA:
<HTML>
<HEAD>
<TITLE>
       Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>


      <CENTER> Mi video </CENTER>
                  <HR>
                  <CENTER> <iframe width="420" height="315" src=
                V-  u3PLo_lOo" frameborder="0" allowfullscreen></iframe> </CENTER>
                  <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/LOVE.jpg>
        </Center>

                 <B<Estas palabras están en negrita </B>
                   <P>
                   <I>Estas palabras están en negrita EN ITÁLICA </I>
                   <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>
</HMTL>


LISTAS DESORDENADAS:
<HTML>
<HEAD>
<TITLE>
       Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
CENTER>Mi video </CENTER>
                  <HR>
                  <CENTER> <<iframe width="560" height="315"
                src="http://www.youtube.com/embed/QGJuMBdaqlw " frameborder="0"
                allowfullscreen></iframe></CENTER>
                   <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/baby.jpg>
        </Center>

Lista desordenada:
<UL>
       <LI> Monitor
                   <LI> Placa de sonido
                   <LI> Teclado
                   <LI> Etc
<UL>
Lista ordenada
<OL>
       <LI> Monitor
                   <LI> Placa de sonido
                   <LI> Teclado
                   <LI> Etc
</OL>   
                  
</BODY>
</HMTL>


LISTAS DE DEFINICION:
<HTML>
<HEAD>
<TITLE>
       Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
        <CENTER>Mi video </CENTER>
                  <HR>
                  <CENTER> <<iframe width="560" height="315"
                src="http://www.youtube.com/embed/r1pHdOfShHxC " frameborder="0"
                allowfullscreen></iframe></CENTER>
                   <HR>
                <CENTER> Mi  imagen  </CENTER>
                  <HR>
                  <CENTER> <Imágenes/baby2.jpg>
        </Center>



Lista de definición
<UL>
       <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 pantalla
                   <P>
                   <B>Estas palabras están negrita</B>
                   <P>
                   <I>Estas palabras están en itálica</I>
                  
       </BODY>
</HMTL>

jueves, 8 de noviembre de 2012


      LENGUAJE WEB
1)

<html>
 <head>
  <title>Primer ejemplo</title>
 </head>
 <body>
  Programación html
  <hr>
  BSCONSULTUROES - Arequipa 2008
 </body>
</html>
 
 2)
<html>
 <head>
 <title>Pagina Nueva 1 </title>
 </head>
 <body bgcolor =cyan >
 <h1>Segunda prueba ...</h1>
 <h2>Encabezadps en HTML</h2>
 <hr>
 <u><b>BSConsultores</b>  - Arequipa  2008 </u>
 </body>
 </html>
 
 
3)
<html>
 <head>
 <title>Página nueva 1 </title>
 </head>
 <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>
 
 
 
4) 
<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

</PRE>
</html>

 5
 <html>
  <head>
  <title>Pagina nueva 2</title>
  </head>
  <body bgcolor=cyan>
 <h1>Listas>/h1>
 <HR>
 <OL>
 <LI>Capa de Datos
 <LI>Mysql
 <LI>Postgresql
 </OL>
 <UL>
 <LI>Html
 <LI>JavaScript
 </UL>
 |</html>
 
6)
<html>
 <head>
 <title> Manipulando Imagenes </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 WIGTH=272 HEIGTH= 92
 </body>
</html>
 
FORMANDO LOS CARACTERES
 
1)
<HTML>
<head>
<TITLE>Ejemplos de Estilos de Fuentes</TITLE>
</HEAD>
<BODY>
          <FONT FACE="Arial">
          Este ejemplo muestra cómo cambiar la fuente de un determinado texto
          <FONT>
          <BR>
          <FONT SIZE=+4>
          Este ejemplo muestra cómo cambiar el tamaño de un determinado texto
          </FONT>
          <BR>
          <FONT COLOR=RED SIZE="2" FACE="Arial,Courier">
          Este ejemplo muestra cómo cambiar tamaño,tipo y color de un determinado texto
          </FONT>
</BODY>
</HTML>
 
COLORES QUE PUEDE UTILIZAR EN SU PÁGINA :
AQUA   (agua)
black    (negro)B
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)
2)
PARA UTILIAR LISTAS:
 HTML>
<HEAD>
<TITLE>Listas de viñetas </TITLE>
<HEAD>
<BODY>
Los últimos cuatro viajes que eh 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>El Tíbet </LI>
</OL>

VINCULO PARA PONER IMÁGENES A LA PAGINA:
<IMG SRC= "imagenes/ Einstein.gif" WIDTH= "160" HEIGHT= "108">