Informática

viernes, 12 de abril de 2013

viernes, 22 de marzo de 2013

Es una novedosa herramienta con la cual podemos crear innovadoras presentaciones con una excelente calidad en comparacion con ottros programas. algunas cosas que se pueden crear con Prezzi a parte de presentaciones son trabajos como mapas mentales, mapas conceptuales, o cualquier tipo de organizador grafico que se nesecite para determinador trabajo o ´proyecto.

En la realizacio de presentaciones en prezzi se pueden poner hasta imagenes, videos y hasta puedes poner lineas de conexion entre cada tema para que todo sea muy claro y cualquiera lo pueda entender mejor, asi loas presentaciones se pueden subir en linea, y seria de muy buena ayuda para los diseños de cursos de capacitacion online

2. Caracteristicas de Prezzi:

Estas son unas caracteristicas de prezzi:

-Creacion de textos instantaneos

-Plantillas predeterminadas.

-Insertar archivos multimedias, como imágenes, video u otros objetos.

-Se puede invitar a otros usuarios en la edición de la presentación.

-Paso de zooms delicados, limpios y dinámicos.

-Distribución y ocupación infinita de los objetos multimedia.

-Creación de textos instantáneos.

-Plantillas predeterminadas.

-Insertar archivos multimedias, como imágenes, video u otros objetos.

-Se puede invitar a otros usuarios en la edición de la presentación.

-Paso de zooms delicados, limpios y dinámicos.

-Distribución y ocupación infinita de los objetos multimedia

3. Cómo crear una página Prezzi:

Prezi es una manera distinta de plantear una presentación, donde lo que importa es la presentación en sí misma, las ideas y como se las expone.

Prezi ofrece una navegación sencilla y la posibilidad de añadir textos y objetos, moverlos, hacer zoom en ellos, de manera de hacer un recorrido virtual que se crea casi intuitivamente.

En primer lugar debemos ingresar al sitio web http://www.prezi.com/ , una vez allí nos registraremos para adquirir un código de usuario y contraseña.
Hecho esto ya podemos empezar a crear la primera presentación en linea.

viernes, 30 de noviembre de 2012

Tipos de Tabla

Cree la siguiente tabla

<html>
<head>
<title>
</title>
</head>
<body>
<table border>
      <TR>
             <TD>fila 1-celda1</TD>
           <TD>fila1-celda2</TD>
             <TD>fila 1-celda3</TD>
    </TR>
    <TR>
              <TD>fila2-celda1</TD>
            <TD>fila2-celda2</TD>
            <TD>fila2-celda3</TD>
   </TR>
</table>
</body>
</html>

ahora vamos a variar el espesor de los borrdes,hacemos poniendo un signo= y un numero en (<table border =5>). El listado ahora debe estar asi:

<html>
<head>
<title>
</title>
</head>
<body>
<table border=6>
        <caption>Titulo de la tabla</caption>
  <TR>
         <td>fila1-celda1</td>
      <td>fila1-celda2>/
      <td>fila1-celda3</td>
    </tr>
    <tr>
            <td>fila2-celda1</td>
      <td>fila2-celda2</td>
      <td>fila2-celda3</td>
    </tr>
</table>
</body>
</html>

Para poner un texto... Para poner una imagen...Para poner un enlace...

<html>
<head>
<title>
</title>
</head>
<body>
<tr>
<td>Este texto esta dentro de una celda</a></td>
</tr>
Para poner una imagen...
<tr>
<td><IMG SRC="imagen1.jpg" /></td>
</tr>
Para poner un enlace...}
<tr>
<td><A HREF="primera.htm">Ir a la primera pagina</A></td>
</tr>
</table>
</body>
</html>

tabla con color de fondo. El encabezado nos quedará...

<html>
<head>
<title>
</title>
</head>
<body>
<table border=5 WIDHT=60% HEIGHT=200 BG COLOR=#00FF00">
      <CAPTION>Titulo de la tabla </caption>
   <tr>
   <th>columna 1</th>
   <th>columna 2</th>
   <th>columna 3</th>
   </tr>
   <tr>
           <TD>BGCOLOR="#0000FF">fila-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>

Programacion HTML

1.- Forma los caracteres

<HTML>

<HEAD>

<TITLE>Ejemplos de Estilos de Fuentes</TITLE>

</HEAD>

<BODY>

Este ejemplo muestra cómo cambiar la fuente de un determinado texto

<FONT>

<BR>

Este ejemplo muestra cómo cambiar el tamaño de un determinado texto

</FONT>

<BR>

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)

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 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">

Mi Pagina web

<HTML>
<HEAD>
<TITLE>Sistemas Operativos</TITLE>
</HEAD>
<BODY>
<FONT FACE=”Juice ITC">
</FONT>
<BR>
<H1><¿Qué es un sistema operativo?</H1>
<BR>
Es un programa o conjunto de programas que gestiona los recursos de hadware y
provee servicio a los programas de aplicación, ejecutándose en modo privilegiado
respecto de los restantes.
<BR>
<H1>Tipos de sistemas operativos</H1>
<BR>
<H3>Sistema Operativo Windows</H3>
<BR>
<img src=./Ana Lucia/Imagen/segunda.jpg>
<BR>
<H3>Sistema Operativo Linux</H3>
<BR>
<img src=./Ana Lucia/Imagen/Segunda.jpg>
<BR>
<H1>Diferencia entre Sistema Operativo Windows y Linux</H1>
<BR>
Windows es más fácil de usar y de configurar, es inestable y se bloquea frecuentemente.
Linux es más potente, estable y seguro, pero no es fácil de usar.
<BR>
<H1>Diferencia entre AMD E INTEL</H1>
<BR>
Intel es más caro y sus dos preocesadores son matemáticos, por lo cual trabajar con el PC es más rápido
AMD es más barato y tiene un procesador matemático y otro gráfico por lo cual es mejor para jugar
<BR>

<H1>Tipos de sistemas operativos para celulares</H1>
<BR>
Symbian
<BR>
Blackberry
<BR>
Java
<BR>
Windows Mobile
<BR>
Palm
<BR>
Mac SO X
<BR>
<H1><CENTER>Mi vídeo</CENTER></H1>
<BR>
<CENTER><iframe width="420" height="315" src="http://www.youtube.com/embed/NvsdOCawaSQ" frameborder="0" allowfullscreen></iframe></CENTER>
</BODY>
</HTML>|

Diseño de Página WEB

1.-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.
       Aquí paso a otro párrafo.
       <br />
     Aquí bajo un renglón.
</body>
</html>

2.-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.
      Aquí paso a otro párrafo.
   <br />
      Aquí bajo un renglón
      <center>
      Este texto está centrado
      </center></body></html>

3.-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.
       Aquí paso a otro párrafo.
       <br />
       Aquí bajo un renglón.
       <center>
       Este texto está centrado.
       </center>
       <hr size="1" width="10%" />
       <hr size="4" width="30%" />
       <hr size="8" width="100%" />
      </html><br />
4.-<b> y </b> para negrita, <l> y </l> cursiva, <br />
<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>
     <l> Estas palabras están en itálica</l>
     <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>

5.-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.
</ll></ll></ll></ll></ul>
Lista ordenada:
<ol>
    <ll> Monitor
    <ll> Placa de sonido
    <ll> Teclado
    <ll> Etc.
</ll></ll></ll></ll></ol>
</body>
</html>

6.-Listas de definición (DT), comentarios no visibles en la pantalla: <l --="--" y="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>
        
        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>
      <l>Estas palabras están en itálica</l>
     </body>
</html>

jueves, 15 de noviembre de 2012

LENGUAJE 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">
<span style="font-size: small;">A</span> <span style="font-size: medium;">A</span><span style="font-size: large;">A</span>
<span style="font-size: x-large;">A</span> <span>A</span><span style="font-size: x-large;">A</span>
<span style="font-size: large;">A</span> <span style="font-size: medium;">A</span><span style="font-size: small;">A</span>
</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 demostracion de </b>
                8 9 10 11 12 13 14                    texto preformateado
              15 16 17 18 19 20 21
</pre>
</body></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
</li>
</li>
</li>
</ol>
<ul>
<li>Html
<li>JavaScript
</li>
</li>
</ul>
|</body></html>

6.

<html>
<head>
<title>Manipulando Imagenes</title>
</head>
<body>
<h1>
Tres Imagenes ... </h1>
<img src="./imagenes/logo,jpg" />
<img src="./imagenes/intro.jpg" />
<hr />
<img align="LEFT" height="92" src="./imagenes/final.jpg" width="272" />
</body>
</html>|