Buscar

lunes, 12 de diciembre de 2011

ATRIBUTOS PARA EL TEXTO (fuente, tamaño y color)

<FONT></FONT>: Esta instrucción nos permite dar atributos al texto, es decir asignar un tamaño, tipo de letra y un color.
Para esto utilizamos los siguientes atributos:
_ FACE: tipo de letra
_ SIZE: cambiar tamaño a a letra
_ COLOR: asignar un color a la letra

Ejemplo:
1.          <font face="Arial" size="3" color="blue"> tipo de letra arial con "3" de tamaño y azul</font>


2.          <font face="Arial" size="3" color="blue">Segundo ejemplo</font>

     <font face="Monotype Corsiva" size="3" color="red">para este caso</font>


CABECERAS

Las cabeceras permiten definir un tamaño determinado al texto y se utilizan mayormente para los títulos.
Se pueden distinguir seis tipos de cabeceras:
<H1></H1> Tamaño mayor al texto
<H2></H2>
<H3></H3>
<H4></H5>
<H6></H6> Tamaño pequeño al texto


Ejemplo:
<head><center><h1>PÁGINA WEB</h1></center></head>
... <body>
<h6>este texto con "h6" por ejemplo</h6>
</body>

viernes, 9 de diciembre de 2011

DIRECTIVAS MÁS COMUNES(color de fondo y texto)

Los siguientes se insertarán como atributos en el comando <BODY>
y los colores se pueden escribir en códigos(ver la parte de abajo) o en inglés.


_BGCOLOR: permite asignar un color de fondo a nuestra página
       Ejemplo:
                   <body bgcolor="#00ff00">Este es el color de fondo verde



_TEXT: asigna el color de texto a toda la página


  Ejemplo:
                   <body bgcolor="#00ff00" text="blue">Este es el color de fondo verde y letra azul




Algunos códigos de colores son los siguientes:
NEGRO: "#000000"
ROJO: "#FF0000"
VERDE: "#00FF00"
AZUL: "#0000FF"
BLANCO: "#FFFFFF"

Para ver una lista con más colores click aquí

DIRECTIVAS MÁS COMUNES(salto de línea.párrafo,regla)

<BR>: permite insertar un salto de línea, es decir un punto aparte.
         Ejemplo:
                      Insertaremos un<br>salto de línea

<P>: permite insertar un salto de párrafo o doble línea.
         Ejemplo:
                      Insertaremos un<p>salto de párrafo


<HR>: permite insertar una línea en forma horizontal; a esta directiva se le puede añadir algunos atributos:
           Align: alinea la línea a la derecha(right), izquierda(left) o centro(center)
           Size: asigna el grosor de la línea(en números)
           Width: asigna el tamaño de la línea(en porcentaje)
         Ejemplo:
                      Insertaremos<hr align="center" size="20" width="50%">una         regla o línea




DIRECTIVAS MÁS COMUNES(centrado,subrayado,negrita)

1.<CENTER></CENTER>: sirve para centrar un texto o imagen.
   Ejemplo:
      <body>
      <center>Mis sitios de interés</center>

2.<U></U>: sirve para subrayar el texto
   Ejemplo:
              <body>
      <center><u>Mis sitios de interés</u></center>

3.<B></B>: sirve para colocar el texto en negrita
   Ejemplo:
              <body>
      <center><u><b>Mis sitios de interés</b></u></center>

DIRECTIVAS MÁS COMUNES(cursiva,tachado,superíndice,subíndice)

<I></I>: se utliza para colocar el texto en cursiva
     Ejemplo:
                  <i>VIDA SALVAJE</i>



<S></S>: permite poner el texto en tachado
     Ejemplo:
                  <s>VIDA SALVAJE</s>

<SUP></SUP>: permite colocar un texto en pequeño y en la parte superior (superíndice)
     Ejemplo:
                  8x5<sup>40</sup>

<SUB></SUB>: muestra el texto en pequeño y lo ubica en la parte inferior


     Ejemplo:
                  H<sub>2</sub>O



ESTRUCTURA DE UNA PÁGINA WEB

<HTML>: Indica el inicio de la página web
<HEAD>: Indica el inicio del encabezado
</HEAD>: Fin del encabezado
<TITLE>: Inicio del título
</TITLE>: Fin del título
<BODY>: Indica el inicio del cuerpo
</BODY>: Fin del cuerpo
</HTML>: Fin de la página web


Ejemplo:


<html>
<head>Ejemplo de página web</head>
<title>Mipágina web</title>
<body>
Hola mundo esta es mi página web de ejemplo.
</body>
</html>

¿CÓMO VISUALIZAR UNA PÁGINA WEB?

Ya que estamos trabajando con el bloc de notas pues lo primero que haremos será:


  1. Abrir el bloc de notas que se encuentra generalmente en accesorios del menú inicio.
  2. Codificar la página web con los diversos comandos o directivas.
  3. Guardar la página web con la extención: .html
    _Archivo/guardar (guardar en donde deseemos: escritorio, mis documentos,etc.)
    _Nombre: página.html
    _clic en guardar.
     4. Para visualizar visualizar la página usamos el navegador de nuestra preferencia

ESTRUCTURA DE UNA U.R.L

http://dominio/directorio/fichero

  1. Dominio: Indica el nombre del ordenador al que accedemos, es decir el nombre del sitio web.
  2. Directorio: Es el nombre del directorio del ordenador, es decir el enlace que muestra un sitio web.
  3. Fichero: Indica el nombre del fichero en el que se ha elaborado nuestra página web, es decir la extención del documento.
Ejemplo:
               http://acedoten.blogspot.com/p/diseno-de-paginas-web.html
Dominio: acedoten.blogspot.com
Directorio: p/diseno-de-paginas-web
Fichero: .html

U.R.L (UNIFORM RESOURCE LOCATOR)

Nos indica que nuestra página se encuentra situado en un ordenador al cual se puede acceder a través de Internet.
La U.R.L es el camino que ha de seguir nuestro visor a través del Internet para acceder a un determinado recurso, una página web, un fichero o un grupo de noticias.

sábado, 26 de noviembre de 2011

MÚSICA DE FONDO Y VIDEOS DE YOUTUBE-creando mi primera pagina web en el bloc de notas

Antivirus Gratuito: Avast be free

Descárgense la versión gratuita de este antivirus, y si tienen algo de dinero tal vez las otras versiones; sólo denle click a la imagen, luego cuando les salga la página vayan abajo en decargar y cuando les salga la ventana de una promoción denle que no desean, quieren la ptotección gratuita

martes, 15 de noviembre de 2011

Captura toda la pantalla o cualquier porción, anota con rectángulos, círculos, flechas, líneas y texto, sube y comparte con un clic.


                                    click en la imagen y descarga

Gmail SIN CONEXIÓN

AplicaciónCon Gmail sin conexión, el correo electrónico es aún más fácil y eficaz. Gmail sin conexión es una versión de Gmail a la que puedes acceder sin conexión a Internet. Los correos electrónicos que escribas sin conexión se enviarán en el momento en que te conectes a Internet. Las conversaciones y mensajes eliminados, archivados o modificados se sincronizarán la próxima vez que estés online.
haz click en la imagen y descarga

martes, 1 de noviembre de 2011

GOOGLE EARTH UN MUNDO EN TU PC

      CLICK A LA IMAGEN PARA DESCARGAR                                
                                                                             ve el mundo entero y ubica tu casa,
puedes escribir un lugar y te llevará allí, o simplemente girarlo con el mouse y con la rueda de este acercarlo o alejarlo

domingo, 30 de octubre de 2011

TABLA & AUDIO Y VIDEO-creando mi primera pagina web en el bloc de notas

FORMULARIOScreando mi primera pagina web en el bloc de notas-

FRAMES-creando mi primera pagina web en el bloc de notas

HIPERENLACE-creando mi primera pagina web en el bloc de notas

LISTAS E IMÁGENES-creando mi primera pagina web en el bloc de notas

MARQUESINA-creando mi primera pagina web en el bloc de notas

EL COLOR-creando mi primera pagina web en el bloc de notas

LA BASE creando mi primera pagina web en el bloc de notas