miércoles, 31 de diciembre de 2008

31.- Elementos de estructuración de Texto "<em></em>"

En este y los siguientes post, veremos diferentes elementos, que nos ayudaran a estructurar el texto.

código     : <em></em>
resultado: enfatizado

Código de ejemplo:

<html>
  <head>
    <title>Estructuracion de Texto</title>
  </head>
  <body>
     Texto normal
     <em>texto enfatizado</em>
   </body>
</html>

Se vería así:

Texto normal texto enfatizado

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: deciencias.net

Temas anteriores *
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas <br>
28.- HTML - Elementos básicos - Párrafos- <p> </p>
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas

viernes, 12 de diciembre de 2008

30.- HTML - Encabezados o Titulos <hn><hn>

Hoy veremos como hacer un encabezado o un titulo fácilmente para nuestra pagina web, y además un formato que podamos repetir en otras, para mantener la homogeneidad (aunque mas adelante veremos métodos mas avanzados)

Se puede dar mayor o menor importancia a los textos cambiando el tamaño y aplicando "negrita". Esto se puede hacer manteniendo un criterio si utilizamos la etiqueta<hN></hN>, en donde N es un valor valor entero comprendido entre 1 y 6 (el 1 formatearía títulos de mayor importancia, y el 6 los de menor importancia).

Estos títulos son párrafos, y producen saltos de línea. Veamos un ejemplo:

<html>
  <head>
    <title>Encabezados o Títulos</title>
  </head>
  <body>
    <h1>Ejemplo de Encabezado 1 - etiqueta <h1></h1>
    <h2>Ejemplo de Encabezado 2 - etiqueta <h2></h2>
    <h3>Ejemplo de Encabezado 3 - etiqueta <h3></h3>
    <h4>Ejemplo de Encabezado 4 - etiqueta <h4></h4>
    <h5>Ejemplo de Encabezado 5 - etiqueta <h5></h5>
    <h6>Ejemplo de Encabezado 6 - etiqueta <h6></h6>
  </body>
</html>

 titulos

Como se puede observar esta etiqueta tiene un principio <hn> y un cierre <hn>

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: MovableType

Temas anteriores *
29.- HTML - Elementos básicos - Espacios y líneas <br>
28.- HTML - Elementos básicos - Párrafos- <p> </p>
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología

martes, 9 de diciembre de 2008

29.- HTML - Elementos básicos - Espacios y líneas <br>

Como hemos dicho anteriormente el html fue diseñado al principio especialmente para texto. Es por eso que los saltos de línea no se representan, y aunque lo escribamos en varias líneas se representa en una sola línea separada por espacios, veamos un ejemplo.

Código Ejemplo de separadores y líneas:

<html>
  <head>
    <title>Espacios y líneas</title>
  </head>
  <body>
    Esto                   
    aunque no                     lo          parezca
    es
    una
    sola
    línea
    de
    texto
  </body>
</html>

----- el código anterior en el navegador será así ---------

Esto aunque no lo parezca es una sola línea de texto

-----------------------------------------------------------

El ancho de la representación de esta línea de texto vendrá determinada por la ventana del navegador.

Como podéis observar tampoco se representan los espacios en blanco, por muchos espacios que pongamos solo se representara uno.

Para representar un salto de línea se utiliza la etiqueta <br>. Es decir que por cada <br> que se escribe en el código, se salta una linea en la representación.

Código Ejemplo de etiqueta <br>:

<html>
  <head>
    <title>Etiqueta de salto de línea <br></title>
  </head>
  <body>
    Esto                    
    es una línea, que saltara una línea después de la etiqueta<br>
    esta línea esta debajo porque antes hay una etiqueta <br>  </body>
</html>

----- el código anterior en el navegador será así ---------

Esto es una línea, que saltara una línea después de la etiqueta
esta línea esta debajo porque antes hay una etiqueta

-----------------------------------------------------------

Podéis encontrar más información en: Tres Hojuelas

Temas anteriores *
28.- HTML - Elementos básicos - Párrafos- <p> </p>
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores

martes, 2 de diciembre de 2008

1 - PHP, MySQL, XML, CSS, HTML, Java script

PHP, MySQL, XML, CSS, HTML, Java script

Se preguntaran que quieren decir los jeroglíficos del titulo. Pues son lenguajes y herramientas de programación para crear sitios web interactivos.

Con esto se pueden crear desde los formularios mas sencillos a los sitios de comercio electrónico mas complejos, y lo que es mejor, con la ayuda de tecnologías de código abierto.

La idea es que el que lea esto tenga cierta experiencia en HTML y lenguajes de programación, y no estaría demás tener alguna noción de bases de datos relacionales.

De todas maneras todos nuestros artículos trataran de ser claros, sencillos y cortos. Además siempre estará abierta la opción de comentarios donde serán respondidos y aclaradas las dudas.

Si conoce, o alguna vez ha creado una pagina web con HTML, conocerá que tiene sus limitaciones, con HTML se crean sitios estáticos, fijos. Los usuarios no pueden ínter-actuar con el sitio en forma significativa.

Sin embargo con PHP y MySQL, se pueden crear sitios Web dinámicos, donde se muestre información en tiempo real y que el usuario pueda ínter-actuar con ella.

PHP es concebido por Rasmus Lendorf en 1994. Este lenguaje (PHP) de secuencia de comando de servidor diseñado específicamente para la web, puede incrustar código dentro de una pagina, que se ejecutara, será interpretado en el servidor Web y generara código HTML y otros contenidos.

PHP es un lenguaje de código abierto, lo que significa que puede ser modificado y redistribuido sin coste alguno.

PHP ahora significa “Hipertext Preprocessor”, antes significaba “Personal Home Page”.

28.- HTML - Elementos básicos - Párrafos- <p> </p>

Como ya hemos visto para representar saltos de línea utilizamos la etiqueta <br>, para el caso de párrafos, utilizamos las etiquetas <p> y </p> para cerrar el párrafo.

Cada vez que se cambia de párrafo, se representa un salto de línea que separa un párrafo de otro.

Código Ejemplo de párrafo:

<html>
  <head>
    <title>Párrafos</title>
  </head>
  <body>
    <p>Primer Párrafo</p>
    <p>Segundo Párrafo</p>
  </body>
</html>

Como siempre copia o escribe este código con un editor de texto plano (como el notepad de Windows), grabadlo como un archivo con extensión .hml y después abrid ese archivo con vuestro navegador, y obtendrás algo como esto.

-----------------------------------------------------------

Primer Párrafo

Segundo Párrafo

-----------------------------------------------------------

La etiqueta <p> </p> cuenta con el atributo align que permite alinear el texto a la izquierda, a la derecha o al centro. Este atributo también permite justificar el texto a los márgenes, veamos los ejemplos.

Código Ejemplo de párrafo alineado a la izquierda (left):
<html>
  <head>
    <title>Párrafos</title>
  </head>
  <body>
    <p align="left">texto alineado a la izquierda</p>
  </body>
</html>

----- aquí como se vera en el navegador ---------

texto alineado a la izquierda

-----------------------------------------------------------

Código Ejemplo de párrafo alineado a la derecha (right):

<html>
  <head>
    <title>Párrafos</title>
  </head>
  <body>
    <p align="right">texto alineado a la derecha</p>
  </body>
</html>

----- aquí como se vera en el navegador ---------
                 

texto alineado a la derecha

-----------------------------------------------------------

Código Ejemplo de párrafo alineado al centro  (center):

<html>
  <head>
    <title>Párrafos</title>
  </head>
  <body>
    <p align="center">texto alineado al centro</p>
  </body>
</html>

----- aquí como se vera en el navegador ---------
                 

texto alineado al centro

-----------------------------------------------------------

Código Ejemplo de párrafo justificado (justify):

<html>
  <head>
    <title>Párrafos</title>
  </head>
  <body>
    <p align="justify">texto alineado al centro</p>
  </body>
</html>

----- aquí como se vera en el navegador ---------

texto justificado a los márgenes izquierda y derecha, esta línea es mas larga para que podáis observar claramente como funciona la justificación.

-----------------------------------------------------------
Como ya sabéis desde el post anterior, estamos agregando un link donde podáis ver mas información referente al tema tratado. Aunque todo el material expuesto en este blog es de creación propia,  (excepto en los casos indicados), buscaremos otros sitios donde se trate el tema para que podáis tener otro punto de vista o ampliar la información.

Podéis encontrar más información en: Desarrollo web

Temas anteriores *
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto

martes, 25 de noviembre de 2008

27.- HTML - Elementos básicos - Separadores de Texto

Los separadores de texto son líneas horizontales que se utilizan para separan las secciones de los documentos.

Se incluyen mediante el elemento <hr>, y no tienen etiqueta de cierre. Se separan del texto en un salto de línea antes y después.

E elemento <hr> dispone de los siguientes atributos:

  • width: permite indicar el ancho que va a tener la línea en pixels o en porcentaje (%).
  • size: permite indicar el alto que va a tener la línea en pixels.
  • align: Especifica su posición con respecto a los márgenes izquierda, derecha o centro (left, right, center).
  • noshade: Este atributo permite eliminar el relieve de la línea que tiene por defecto.

A continuación como siempre un pequeño ejemplo, copiad el siguiente codigo en un editor de texto plano, guardar el archivo con extensión .hml y después abridlo con cualquier navegador para ver los resultados.


*********** El código de ejemplo*******************************
<html>
  <head>
    <title>Separadores de texto en html</title>
  </head>
  <body>
    Separador sencillo :
    <hr />
    Separador con width (ancho) de 80% y align (alineacion) centro : 
    <hr align="center" width="80%" />
    Separador con size 3 y noshade :
    <hr size="3" noshade="noshade" />
    Ahora un ejemplo con align derecha, width de 50%,
      size 7 y noshade :
    <hr align="right" width="50%" size="7"
      noshade="noshade" />
    Fin de los ejemplos de separadores.
  </body>
</html>

**********************************************

y el resultado seria el siguiente:


 


separadoreshtml   



Si tenéis dudas, escribid...


Temas anteriores *

26.- Un buen editor para programación Web - Notepad2


25.- HTML: Entidades y caracteres especiales. (2a parte)


24.- Encabezados o títulos en html


23.- Elemento de centrado html


22.- Estructura básica de un documento


21.- Estructura básica de un documento html - Marcas y etiquetas


20.- Estructura básica de un documento html. Metodología


19.- Algunos Navegadores


18.- Evolución del concepto hipertexto


17.- Información lineal e hipertexto

jueves, 6 de noviembre de 2008

¿Quieres postear en este blog?

Si tienes algo interesante o curioso, un truco o novedad que quieres contar o compartir puedes, enviar un post como comentario, indicando tus intenciones de que se publique como entrada, o enviándolo al e-mail: f1news(arroba)adinet.com.uy.

Una vez revisado por nuestro equipo de editores será publicado en http://www.bobuu.blogspot.com/. Si tienes pagina web incluso puedes incluir un link a tu página para promocionarlo.

Solo recuerda que no nos gustan los recorta y pega, y si se hace referencia a otra web o información, se debe mencionar esa fuente así como incluir un link a la misma.

escritor

miércoles, 5 de noviembre de 2008

26.- Un buen editor para programación Web - Notepad2

Un buen editor para programación Web - Notepad2

Hemos visto en post anteriores, algo sobre html, y podíamos usar para probar los ejemplos el Notepad de Windows o cualquier editor de texto "plano".

Hoy les vamos a proponer otro editor de fácil uso y con algunas ventajas sobre los editores simples.

Estamos hablando del Notepad2, es muy simple de usar, pero entre sus diferencias tenemos que utiliza colores para facilitarnos la escritura y lectura del código, además es posible configurarlo para que realice automáticamente el cierre de sentencias que hemos abierto, he incluso puede identificar que tipo de archivo estamos utilizando de acuerdo al nombre de la extensión de este.

notepad2

No necesita instalación, solo se baja en un archivo .zip, se descomprime en una carpeta y voila, ya esta funcionando.

Después solo queda "jugar" con los settings para adaptarlo a la comodidad de cada uno.

Lo podéis descargar gratis de la siguiente Web.

Descarga : Islabit

Temas anteriores *
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML

domingo, 5 de octubre de 2008

Ilusiones ópticas, que te sorprenderán

Si te gustan las ilusiones ópticas, trata de ver las dos imágenes en los siguientes dibujos.

mexicanos

¿que ves ? te ayudo... dos mejicanos o dos ancianos, mira bien, que podrás ver las dos cosas.

¿ y en esta otra ?

calavera

¿Vez la muerte o dos enamorados ?,  si quieres ver mas de estas imágenes con doble sentido visita portalmix, te divertirás.

Vía: Portalmix
Mas información: ilusiones ópticas portalmix

viernes, 12 de septiembre de 2008

Curiosidades en Google

Hay muchas curiosidades, y esta es otra de ellas, tenéis que probar realizar las siguientes búsquedas en http://www.google.es/, y presionar el botón <voy a tener suerte>.

Hace las siguientes búsquedas y os sorprenderéis, leed con atención lo que sale.

Por ejemplo buscando             trabajo digno

y parte de lo que encontraréis será lo siguiente:

trabajodigno

otras búsquedas curiosas ...

un mecánico serio y fiable 
un aparcamiento
una razón para esta barbarie
una vivienda digna a un precio razonable
Osama Bin Laden
Armas de Destrucción Masiva (ADM)
responsables del desastre del Prestige
Versió en català: No es poden trobar els responsables...
encontrar a Wally
póngase en contacto

Que les sea agradable,

jueves, 11 de septiembre de 2008

Curiosidad de Google (el buscador)

Si creías que la gente de Google no tiene humor.

mira este post y prueba hacer la búsqueda de Chuck Norris, eso si tienes que estar preparado para correr.

Pincha en el siguiente enlace para ver la noticia:

 

Cuidado te están buscando

viernes, 5 de septiembre de 2008

El Humano, Ser imperfecto - Parte VI (Ahora el Humano)

El Humano, Ser imperfecto - Parte VI (Ahora el Humano)

Podríamos seguir mucho mas mirando la evolución, pero error, tras error, surge el ser humano. Fruto de miles de alteraciones.

Al principio, hablo de muy al principio, el mas fuerte y mas violento era que conseguía las hembras y lograba una abundante prole, extendiendo sus genes.

El “educado” y “pacifico”, o moría, o no lograba una extensión de sus genes

Así por generaciones, logrando la reproducción, los violentos, asesinos y dominantes.

jueves, 4 de septiembre de 2008

El Humano, Ser imperfecto - Parte V (Más deformaciones)

El Humano, Ser imperfecto - Parte V (Más deformaciones)

Nuevamente la normalidad pasa a ser la ultima mutación, que domina.

Pero otro accidente, hace que algunos de los seres tengan pequeñas “verrugas” en forma de gancho o deformaciones exteriores.

Todas las demás se ríen de los “monstruos”, sin embargo logran reproducirse. Y una catástrofe hace que grandes corrientes arrastren a la mayoría de los organismos “normales”, sin embargo los sobrevivientes son los deformes con sus irregularidades en la superficie que les permito engancharse para no ser arrastrados.

clip_image002

Y una nueva generación, ya normalizada pero fruto de una anomalía es la que domina el ambiente.

Ahora saltaremos ya al ser humano…

miércoles, 3 de septiembre de 2008

El Humano, Ser imperfecto - Parte IV (Primeros caníbales)

El Humano, Ser imperfecto - Parte IV (Primeros caníbales)

Ya nos acostumbramos a los seres pluricelulares, es algo normal, seres que deambulan llevados por las corrientes, absorbiendo las materias elementales para su existencia.

Pero una nueva sorpresa nos espera, algunas de los seres mas grandes comienzan a “absorber” a los mas pequeños, dándoles mayor velocidad de crecimiento, ya que la energía absorbida requiere de menos esfuerzo que tomarla directamente de los elementos.

Este cambio hace que una nueva generación “deformada”, comience a dominar el ambiente, Son los Caníbales, de su época, los primeros que comen a sus congéneres. Monstruos que logran finalmente logran el control.

clip_image002

Hasta ahora algunos dirían, “la evolución”, pero sigamos mas adelante…

martes, 2 de septiembre de 2008

Google ha lanzado su navegador "Chrome"

Google ha lanzado su navegador "Chrome"

Lo que faltaba... google tiene su propio navegador, eso si por ahora solo para windows.

Podeis descargarlo desde la pagina del buscador de google

"http://www.google.es"

Podéis encontrar mas información en el blog

"http://www.softhoy.com"

o en el propio google, lo estoy probando y les puedo asegurar que es bastante simple y "liviano".

Saludos

El Humano, Ser imperfecto - Parte III (la unión de las moléculas)

El Humano, Ser imperfecto - Parte III (la unión de las moléculas)

Y como decimos todavía estamos en el principio de los tiempos. Ya no se generaban nuevas moléculas, las condiciones medio-ambientales no son las mismas. Sin embargo las moléculas “defectuosas” que se dividían en si mismas logran multiplicarse en gran numero.

Pero, si partiésemos ahora de que esta forma de vida es la normal, nuevamente surge una deformación (no una mejora), un error, ya sea por electrostática, tensión superficial, o lo que sea, que hace que dos moléculas simples se unan y actúen como una sola. Por supuesto esto no es normal, ya que la normalidad son las pequeñas moléculas individuales y auto divisibles.

clip_image002

También existen uniones de más de 2 moléculas y hasta unión de uniones. Moléculas de 2 o mas elementos unidas entre si, formando grandes moléculas.

Pero paciencia que esto no termina aquí, en el próximo post, seguimos con la historia.

lunes, 1 de septiembre de 2008

25.- HTML: Entidades y caracteres especiales. (2a parte)

HTML: Entidades y caracteres especiales. (2a parte)

Seguimos con el tema empezado antes y ampliaremos un poco el panorama sobre el uso de los caracteres ASCII y como mostrarlos en nuestro documento HTML.

Como el conjunto de caracteres ASCII no es suficiente para un sistema como la Web, HTML usa un conjunto de caracteres más completo llamado Conjunto Universal de Caracteres (Universal Character Set, UCS), que esta definido en ISO10646. Este estándar define un repertorio de miles de caracteres usados por comunidades de todo el mundo.

Como el conjunto de caracteres del documento no es suficiente para permitir a los agentes de usuario interpretar correctamente los documentos HTML es que éstos se intercambian normalmente: codificados como una secuencia de bytes en un fichero.

Los agentes de usuario deben conocer además la codificación de caracteres específica usada para transformar el flujo de caracteres del documento en un flujo de bytes.

También los agentes de usuario deben tener en cuenta la prioridad a la hora de determinar la codificación de caracteres de un documento. De prioridad mas alta a mas baja.

  1. Un parámetro "charset" HTTP en un campo "Content-Type".
  2. Una declaración META con "http-equiv" establecido en "Content-Type" y un valor dado para "charset".
  3. El atributo charset establecido en un elemento que designe
    <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



    hasta la próxima...



Temas anteriores *

24.- Encabezados o títulos en html


23.- Elemento de centrado html


22.- Estructura básica de un documento


21.- Estructura básica de un documento html - Marcas y etiquetas


20.- Estructura básica de un documento html. Metodología


19.- Algunos Navegadores


18.- Evolución del concepto hipertexto


17.- Información lineal e hipertexto


16.- Estructura básica de un documento HTML


15.- Definición de Tipos de Documentos (DTDs)

El Humano, Ser imperfecto - Parte II (la división de las moléculas)

El Humano, Ser imperfecto - Parte II (la división de las moléculas)

Continuo con el tema que había empezado, pidiendo disculpas por la demora en estas otras partes.

Después de este primer accidente, nos encontramos un montón de moléculas orgánicas flotando en lo que algunos llaman “el caldo de la vida”, y las condiciones permitían generar mas de estas moléculas “vivas”, pero también sucedía que algunas de ellas se dividían, y a su vez estas también se dividían. Algo que no era normal, ya que lo normal era que las moléculas fuesen generadas por el entorno y no que se formaran nuevas moléculas de las ya existentes.

clip_image002

Una nueva imperfección de la naturaleza, permitía la división de las moléculas en 2 nuevas moléculas iguales.

Pero esto solo es el principio….,

domingo, 31 de agosto de 2008

Frase sesuda (... nadie ...)

Frase sesuda...

Nadie es nadie, para decir que nadie llegara a ser nadie en la vida.

... divagando con la mente y el ordenador...

Todos tenemos derecho a divagar siempre y cuando nadie moleste a nadie....

Porque no he escrito ...

Porque no he escrito...

He vuelto... y espero seguir escribiendo..

Pido disculpas por el mes de agosto que no he posteado nada. Espero que el que ha podido tomar sus vacaciones, las disfrutara como se merecen.

Cuando escribí el post "El humano, Ser imperfecto" solo pude publicar la primera parte, ya que un "maléfico" corte de electricidad, me hizo perder todo el resto del tema que ya tenia escrito.

Y por otra parte el tirano mes de agosto, no me ha dejado ni un minuto libre para escribir unas líneas. (y no estaba de vacaciones).

Intentaré continuar con la explicación de porque somos los seres mas imperfectos, y que la naturaleza no es siempre sabia, así como también agregaré notas sobre programación web.

saludos

domingo, 10 de agosto de 2008

Transmisión de vídeo inalámbrica

He visto que existen equipos capaces de transmitir vídeo en forma inalámbrica hasta 50 o 60 kms.

alvarion4

Con esto podríamos vigilar nuestra casa con pocket pc, o un móvil, fácilmente y sin demasiado costo. El sistema parece que es Wimax.

Via: STponce

Temas anteriores de curso gratis * 
http://bobuu.blogspot.com
69.- HTML - Listas descriptivas <dl><dt>...</dt><dd>...</dd></dl>
68.- HTML - Listas no ordenadas - <ul><li>...</li></ul>
67.- HTML - Listas ordenadas - <ol><li>...</li></ol>
mas ... acceder al índice de temas ...

** Gracias por visitar a nuestros Sponsors.
soolucionesaviso

sábado, 19 de julio de 2008

El humano, Ser imperfecto.

El Humano, Ser imperfecto - Parte I

He estado pensado, sobre la humanidad, y la naturaleza, y tal vez lo he hecho muy a la ligera, pero ni la naturaleza es sabia ni el hombre es un prodigio de perfección.

Para demostrar y aclarar lo dicho anteriormente anterior, comenzare desde el principio de la evolución (dejando de lado la visión religiosa y extraterrestre que casi es lo mismo).

En sus orígenes hace millones de años. Se supone que existían lagos formados por multitud de moléculas y átomos (partículas elementales de la naturaleza).

Y he aquí el primer accidente, ya sea por un rayo, por sobrecalentamiento, por enfriamiento o el tipo de accidente que fuera, varias moléculas inorgánicas se unieron formando una molécula orgánica. LA VIDA. y además (seguro que fue por pura casualidad) esta molécula orgánica tenia átomos de carbono (claro.. si es orgánica). Pero también podría haber sido de silicio, u otro elemento. Pero no sabemos si también se formaron y no prosperaron o que es lo que paso.

evolucion 2

... continua ...

viernes, 18 de julio de 2008

24.- Encabezados o títulos en html

Encabezados o Títulos

Podemos dar mayor o menor importancia a nuestros textos. Para eso se puede recurrir a los Encabezados mediante la etiqueta
<hn></hn>
donde n tiene un valor entero comprendido entre 1 y 6 (1 seria el de mayor importancia, 6 el de menor importancia).
Estos títulos o encabezados son párrafos, ya que producen saltos de línea.

Disponen del atributo align igual que los párrafos, aunque también están desaprobados a favor de las hojas de estilo como hemos dicho antes

Veamos un ejemplo:

<html>
<head>
<title>Ejemplo de Encabezados</title>
</head>
<body>
<h1>Encabezado tipo 1</h1>
<h2>Encabezado tipo 2</h2>
<h3>Encabezado tipo 3</h3>
<h4>Encabezado tipo 4</h4>
<h5>Encabezado tipo 5</h5>
<h6>Encabezado tipo 6</h6>
</body>
</html>

Realizamos la misma operación que detallamos en el post anterior, y probamos nuestro pequeño programita en el navegador, y listo veremos una lista de encabezados con diferentes formatos.

En el código podemos observar las diferentes etiquetas de un programa.

<html></html> al principio y al final del código.
<head></head> etiquetas de principio y fin del encabezado, y dentro de la cual se encuentra el titulo.
<title></title> etiqueta dentro de la cual se encuentra el titulo que se mostrara en la página web. Esta etiqueta a su vez se encuentra dentro del encabezado.
<body></body> etiquetas del cuerpo, donde se escribe la mayoría del código.

Con lo de los títulos que vimos en el post anterior y esto, ya tenéis para ir probando diferentes textos y combinaciones para afianzar conocimientos.

Temas anteriores *
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML

jueves, 17 de julio de 2008

23.- Elemento de centrado html

Elemento de centrado

El elemento <center> sirve para que el contenido que hay entre las etiquetas de inicio y de fin (<center> ... </center>) aparezca centrado horizontalmente en el documento.

Se trata de un elemento no aprobado a favor de las hojas de estilo. Es decir, que una vez tengamos conocimiento de como crear hojas de estilo, tanto el centrado como el formato es recomendable realizarlo a través de este método..

Ahora si intentaremos hacer nuestra primer pagina web, En el siguiente ejemplo veremos un texto centrado y otro sin utilizar los elementos de centrado.

<html>
<head>
<title>Ejemplo de texto centrado</title>
</head>
<body>
<center>Texto Centrado</center>
texto sin centrar
</body>
</html>

Para comenzar copiamos el código anterior en el bloc de notas de windows u otro editor de texto "plano", sin formatos.

Una vez copiado el texto, grabamos el archivo en un directorio vuestro, con por ejemplo el nombre "prueba.html".

Ya grabado el archivo, tenemos varias opciones, o hacemos doble click sobre el archivo grabado y este se ejecutara en vuestro navegador por defecto, o abrimos el navegador, seleccionamos "archivo", "abrir" y veremos en nuestro navegador una hoja con el titulo "Ejemplo de texto centrado", y dos textos, uno centrado y otro a la izquierda.

Ya estará mas animado el tema en los próximos capítulos, Si tenéis cualquier dificultad para grabar, o probar el ejemplo, no dudéis en comentarlo que con mucho gusto realizare las aclaraciones necesarias.

Temas anteriores *
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML

22.- Estructura básica de un documento

Estructura básica de un documento - Atributos de elementos.

atributos de elementos

Las marcas que ya hemos visto, de un documento HTML se pueden personalizar mediante atributos, estos atributos permiten variar tamaño, alineación, color, etc.

El navegador asignará a esa marca las modificaciones en función de los valores de esos atributos y veremos como resultado en el navegador que el contenido de las marcas, (el elemento que encontramos entre las marcas de inicio y fin), se ve afectado por esos atributos.

Cada atributo tiene un identificador, seguido de un signo "=" y el valor que se le quiere asignar entre comillas simples (' ') o comillas dobles (" ").

Temas anteriores *
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?

miércoles, 16 de julio de 2008

21.- Estructura básica de un documento html - Marcas y etiquetas

Estructura básica de un documento html - Marcas y Etiquetas.

concepto de marcas y elementos

¿Que son las Marcas?: son los elementos de marcado de HTML, son fáciles de entender y de utilizar. Suelen ser palabras en inglés (por lo preciso) o abreviatura de palabras. Las etiquetas indican al navegador cómo mostrar o tratar el contenido del documento.

Las etiqueta tienen un nombre de etiqueta, a veces seguido por una lista de atributos, todo entre los símbolos menor que (<) y mayor que (>).

Por ejemplo una etiqueta seria:

<nombre_etiqueta atributo="valor">











Aunque no es obligatorio, si es muy aconsejable que el valor se escriba entre comillas.









La mayoría de las etiquetas tienen un inicio y un cierre y afectan a la parte del contenido que se encuentra entre este inicio y cierre. El componente de inicio es el nombre de etiqueta y sus atributos, si los hay. La etiqueta de cierre es sólo el nombre de la etiqueta precedido de una barra (/).









Un ejemplo seria el siguiente:













<nombre_etiqueta>
contenido
</nombre_etiqueta>











donde <nombre_etiqueta> es el inicio




contenido, es la parte afectada por las etiquetas





y </nombre_etiqueta> es el cierre.



martes, 15 de julio de 2008

20.- Estructura básica de un documento html. Metodología

Estructura básica de un documento html. Metodología.

Para hacer nuestros documentos HTML intentaremos seguir el método básico descrito aquí, con las herramientas incluidas en cualquier sistema operativo.

1.- Se edita un documento con un editor de texto ASCII (notepad u otro).

2.- Se salva o graba con extensión html o htm (la extensión .htm viene arrastrada de los sistemas de 16 bits, donde sus sistemas de archivos sólo permiten archivos con 8 caracteres para el nombre, y 3 caracteres para la extensión).

Aconsejamos no utilizar nombres con espacios en blanco o caracteres no reconocidos en todos los idiomas, como por ejemplo los acentos o la ñ.

3.- Procedemos a ejecutar el "browser" o navegador (Navigator, Explorer, Mozilla, Opera, etc....).

4.- Abrimos el documento que hemos creado a través del navegador(archivo-> abrir)

5.- Si debemos hacer cambios, modificamos el documento HTML, lo salvamos y volvemos a visualizar el documento desde el navegador utilizando la opción de actualizar hoja o abriéndolo nuevamente.

Temas anteriores *
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL

martes, 8 de julio de 2008

La energía Nuclear

La energía nuclear 

energia nuclear 1-5 energia nuclear 2-5

energia nuclear 3-5 energia nuclear 4-5

energia nuclear 5-5

Monólogo sobre la energía nuclear:

- Estaba pensando...
Con todo esto de la energía nuclear si... nuclear no...

¿A quien le gustaría vivir al lado de una central nuclear? ...

¿Los que toman las decisiones, llevarían a sus hijos a vivir al lado de una central nuclear ?

Si la respuesta es no, creo que el debate esta cerrado.

- ¡Tengo una idea!
Porque no fabricarlas en la luna y transmitir la electricidad por microondas.

Fe de erratas en la imagen: "desiciones", quiso decir "decisiones"

sábado, 28 de junio de 2008

19.- Algunos Navegadores

aquí mencionaremos algunos navegadores que son necesarios para poder ver nuestros programas en acción:

Internet Explorer : Ya va por la versión 7 y es el navegador de Microsoft que viene preinstalado en los sistemas operativos Windows. Haciendo <click> en el siguiente icono iras directamente a la pagina de descarga de Microsoft.

explorer

Netscape : En su momento fue el mayor competidor de Microsoft en cuanto a navegadores. Actualmente su version es la 6.2 solo para windows. No es de los mas usados. Haciendo <click> en el siguiente icono iras directamente a la pagina de descarga de Netscape.

netscape

Mozilla FireFox: Mozilla Firefox va por la version 3.0 (nuevita), es gratuita y ya el 2º navegador por cantidad de usuarios. Es el rival actualmente mas serio de Internet Explorer. Haciendo <click> en el siguiente icono iras directamente a la pagina de descarga de Netscape.

image

Opera : Otra alternativa a los navegadores mencionados anteriormente es opera. que también podéis ir a su pagina de descargas haciendo <click> en el siguiente icono.

opera

Partiendo del supuesto que ya tengais instalado el Internet explorer, si es la versión 6.0 también vale, aconsejo descargar el Mozilla, ya que haremos nuestros programas para que los usuarios de ambos navegadores los puedan ver. Y que mejor que probar nosotros mismos como van a quedar. Se pueden tener instalados mas de 1 navegador en cada ordenador, sois vosotros después quienes elegís que navegador utilizar en cada caso.

Temas anteriores *
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI

viernes, 27 de junio de 2008

18.- Evolución del concepto hipertexto

Evolución del concepto Hipertext

En el post anterior tratábamos de explicar el concepto hipertexto, pues bien como todo nos "gastamos" explicando para decirles ahora que en la actualidad el hipertexto tiene un sentido mas amplio.

En la actualidad, un documento HTML nos permite incluir múltiples elementos multimedia (imágenes, sonido, vídeo, animaciones, etc.)

Los avances y la posibilidad de unión de hipertexto y multimedia acopia los beneficios de ambas tecnologías:

La multimedia proporciona una mayor riqueza y variedad en la transmisión de información, así como amplia el abanico de posibilidades para crear.

El hipertexto por su lado nos da una estructura que permite que los documentos se presenten y se exploren siguiendo diferentes secuencias.

Uniendo estos dos elementos, (hipertexto y multimedia) se obtiene el concepto de "hipermedia" donde se observa que los bloques de texto son cada vez menos y en su lugar aparecen  imágenes, animaciones y sonidos. Dando mas "vida" a las paginas web.

Temas anteriores *
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP

jueves, 26 de junio de 2008

17.- Información lineal e hipertexto

Información Lineal e Hipertexto

Hoy trataremos de definir lo que es hipertexto.

Hipertexto fue definido en la década del 60 como "Una escritura no secuencial a un texto que bifurca, que permite que el lector elija y que lea mejor en una pantalla interactiva". Dicho de otra forma se trata de un conjunto de bloques de texto conectados entre sí por nexos (links) que dan opciones de diferentes caminos al usuario.

Podemos decir que hipertexto es un modelo diseñado para imitar la estructura asociativa, no lineal (un libro tiene estructura lineal), a través de enlaces electrónicos. Al seleccionar estos enlaces dirigen al usuario a recuperar información de acuerdo a sus preferencias.

Al no tratarse de un esquema lineal, es decir que no se lee un documento a continuación de otro linealmente, sino que a través de estos nexos se puede acceder a diferentes secciones según los criterios del usuario, facilitan la estructuración de toda la información.

Un ejemplo de hipertexto lo podéis ver en este mismo blog, si hacéis click en cualquiera de los enlaces de la derecha, los llevará al documento que este enlace señala.

Se que hasta el momento estoy dando la lata con estos temas, pero insisto que son muy útiles principalmente para los no iniciados.

Y si tenéis alguna duda consulta o preferís cambiar la dirección de estos post, solo tenéis que escribir en los comentarios.

* Temas anteriores *
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red

martes, 24 de junio de 2008

16.- Estructura básica de un documento HTML

Estructura básica de un documento HTML

Al fin vamos a ver un poco de código, ya me aburría con tanta palabrería, ahora veremos un poco como es la estructura de un documento html.

Un documento HTML sencillo podría ser el que se ve en el siguiente cuadro

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title> HTML de ejemplo </title>
</head>
<body>
  <p> Aquí iria el texto del documento </p>
</body>
</html>

En este documento podemos apreciar los siguientes elementos fundamentales:

a.- En la primera línea de un documento HTML se debe indicar que versión de HTML utiliza el documento. En nuestro caso de ejemplo, utilizamos la versión estricta de la versión HTML 4.01 definida en el documento "http://www.w3.org/TR/html4/strict.dtd"

b.- Los documentos HTML comienzan con una etiqueta <html> y finaliza con una etiqueta </html>. Observad que la etiqueta final es igual a la inicial con la única diferencia que se le agrega delante la barra inclinada a la derecha “/”.

c.- Dentro del documento se pueden ver dos secciones:  Head y  Body.  (Cabecera y cuerpo).

d.- La sección Head (cabecera) empieza con la etiqueta <head>, finaliza con la etiqueta </head> y contiene la sección Title que define el título del documento.

e.- La sección Body (cuerpo) empieza con la etiqueta <body>, finaliza con la etiqueta </body> y contiene un párrafo de texto encerrado dentro de las etiquetas <p> y </p>.

* Temas anteriores *
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet

lunes, 23 de junio de 2008

15.- Definición de Tipos de Documentos (DTDs)

Definición de Tipos de Documentos (DTDs)

En la primera línea de un documento HTML se debe especificar la versión en la que está desarrollado. Esto se consigue insertando una referencia (URI) a un documento donde se especifica formalmente la sintaxis y estructura de todos los elementos que se pueden utilizar en esa versión de HTML.

Este documento se llama DTD (Data Type Definition, en castellano Definición de Tipos de Documento).

La DTD indica qué elementos, atributos, y demás, tiene un documento y cómo se anidan. No dice nada acerca de tipos de dato. En función de la DTD que se defina para ese documento, se permitirán o se prohibirán el uso de ciertos elementos. La definición de la versión de un documento HTML tiene la siguiente estructura:


donde el FPI (Format Public Identifier o Identificador Público de Formato) y la URI_DTD (URI de la DTD que define formalmente el FPI seleccionado) varían en función de las necesidades del documento.

Los posibles juegos de valores se pueden ver en la tabla que muestra el siguiente link:

Tabla de valores

Bueno ahora se anima un poco la cosa, ya sabemos que significa esta complicada línea de código que siempre (o casi siempre) vemos en los encabezados del código de las páginas web.

* Temas anteriores *
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB

domingo, 22 de junio de 2008

14.- Edición de páginas escritas en HTML

Edición de páginas escritas en HTML

Como hemos dicho anteriormente HTML es un formato basado en texto, diseñado para ser leído y editado directamente usando un editor de texto. No obstante, escribir y mantener un gran número de páginas a mano requiere esfuerzo y conocimiento en profundidad de HTML, además de la dificultad del análisis del código. Un editor simple para realizar un programa html es el notepad de Windows.

Para evitar este problema existen algunos editores visuales como Macromedia Dreamweaver y Microsoft FrontPage que permiten editar páginas web de una forma similar a como se edita un documento de texto. Sin embargo, estos editores pueden llegar a generar código HTML de muy baja calidad sobre el que tarde o temprano habrá que realizar una operación de limpieza y reestructuración, utilizando un editor de texto.

La extensión de los ficheros que contienen código HTML es .html. Pero, debido a las limitaciones del sistema de ficheros del sistema operativo DOS de Windows, la extensión .htm también es aceptada como válida.

El código HTML también se puede generar de forma automática desde el servidor como respuesta a la ejecución de un script de servidor (escrito en Perl, PHP, ASP, JSP, etc.).

* Temas anteriores *
13.- Historia y evolución del lenguaje HTML y XHTML
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB
4.- Como empezar con PHP y MySQL

sábado, 21 de junio de 2008

13.- Historia y evolución del lenguaje HTML y XHTML

Historia y evolución del lenguaje HTML y XHTML

Si, si… se que este tema es “pesado” que todos queremos comenzar a escribir código y ver los resultados, pero es muy importante, conocer sobre estos temas, y que nuestra cabeza se vaya formando en estos conceptos HTML, HTTP, URI, URL, PHP, MySQL, WEB, son signos incomprensibles para muchas personas, pero a esta altura ya muchos de vosotros, al menos sabéis a que se refiere cada uno.

HTML fue definido originalmente por Tim Berners-Lee. Actualmente HTML es un Estándar Internacional (ISO/IEC 15445:2000), y es mantenido por el World Wide Web Consortium (W3C).

Las primeras versiones de HTML eran muy sencillas con el objeto de que fuera sencillo editar un documento HTML por personas no familiarizadas con la edición de textos. Los navegadores Web mostraban las páginas incluso con errores sintéticos, interpretando lo que el usuario habría querido mostrar. Con el paso del tiempo, los estándares han ido haciendo más rígida y formal la sintaxis del lenguaje, aunque los navegadores siguen mostrando los errores de sintaxis. El W3C ha definido como sucesor de HTML al lenguaje XHTML.

XHTML aplica las reglas de sintaxis estricta de XML al lenguaje HTML, facilitando de esta forma el mantenimiento y procesamiento de los documentos. No hay que confundir a XHTML con la versión actual de HTML.

XHTML es un estándar diferente pero que convive en paralelo con HTML. De hecho el W3C recomienda el uso de XHTML 1.1, XHTML 1.0, o HTML 4.01 para la publicación de páginas web.

En el próximo post, iremos viendo como editar documentos en html.

* Temas anteriores *
12.- ¿Qué es HTML?
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB
4.- Como empezar con PHP y MySQL
3.- PHP y MySQL

viernes, 20 de junio de 2008

12.- ¿Qué es HTML?

¿Qué es HTML?
Vamos a comenzar a hablar sobre el HTML, es necesario dominar o conocer bien este lenguaje antes de introducirnos en otros lenguajes web, como el php.

HTML son las iniciales de HyperText Markup Language (dicho en castellano lenguaje de marcas basado en hipertexto). Este lenguaje de marcas fue diseñado para la creación de páginas web, y su posterior visualización en los navegadores. Es por lo tanto un leguaje de presentación, estructuración y especificación de hipervínculos.

HTML define la sintaxis y colocación de etiquetas especiales incluidas dentro del texto del documento, que no son visualizadas por el navegador, pero que si indican cómo mostrar los contenidos del documento, con texto, imágenes y elementos multimedia.
La estructura de un texto en HTML, se supone compuesta por cabeceras, párrafos, listas de elementos, etc. Además, es posible marcar el texto con diversos estilos de presentación, como por ejemplo, título, subtítulo, lista numerada, negrita, itálica, etc.

Este lenguaje es estandarizado y multiplataforma. Un documento preparado utilizando marcas HTML puede ser leído por una gran variedad de navegadores web, como FireFox, Opera, Netscape, o Explorer. El navegador interpreta las marcas HTML en un archivo y presenta la información formateada como una pagina web. Además, el navegador se puede ejecutar en aquella plataforma de Sistema Operativo sobre el que se encuentre disponible.

Por menciona un ejemplo, el navegador FireFox de Mozilla se puede ejecutar tanto en máquinas con Sistema Operativo Windows, como sobre equipos Linux, UNIX o Apple.

* Temas anteriores *
11.- URIs con identificadores y URIs relativos
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB
4.- Como empezar con PHP y MySQL
3.- PHP y MySQL
2.- MySQL, ¿Que es?

jueves, 19 de junio de 2008

11.- URIs con identificadores y URIs relativos

Seguimos con las URIs

Identificadores de fragmento

Hay algunas URIs que se refieren a una localización dentro de un recurso. Este tipo de URIs termina con un "#" seguido de un identificador de vínculo (llamado identificador de fragmento). Esta notación permite acceder a zonas internas de un documento.

Por ejemplo, aquí tenemos un URI que apunta a una zona interna llamada seccion_4 del documento html/principal.html, localizado en el servidor documentos.com.


URls relativos

A un URI que no contiene información completa sobre la localización del objeto se le llama relativo. Su ruta de acceso se refiere generalmente a un recurso que está en la misma máquina que el documento actual. Los URIs relativos pueden contener indicadores relativos de ruta.
Por ejemplo, "../" significa un nivel superior en la jerarquía definida por la ruta de acceso), y puede contener identificadores de fragmento.

Los URIs relativos se convierten en URIs completos a partir de un URI base. Como ejemplo de conversión de un URI relativo, supongamos que tenemos el URI base "http://www.milugar.com/documentos/entra.html". Si utilizamos el URI relativo proveedores.html dentro de un enlace de hipertexto :

se expandiría al URI completo


Asimismo el URI relativo de la siguiente línea de código de una imagen:

se expandiría al URI completo


Dentro de un documento escrito en HTML, se usaran los URIs para:

Crear un vínculo a otro documento o recurso.
Crear un vínculo a una hoja de estilo o script externos.
Incluir una imagen, objeto o aplicación en una página.
Crear un mapa de imágenes.
Enviar un formulario.
Crear un documento con marcos.
Citar una referencia externa.
Hacer referencia a convenciones de metadatos que describen un documento.
Designar una imagen de fondo.

* Temas anteriores *
10.- URL
9.- URI
8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB
4.- Como empezar con PHP y MySQL
3.- PHP y MySQL
2.- MySQL, ¿Que es?

10.- URL

URL
Hemos visto en el post anterior lo que es URI, pues bien ahora veremos que es la ton sonada URL que significa Localizador Uniforme de Recursos (Uniform Resource Locator).


Suena importante, pero se preguntaran que significa esto.? Un URL es una cadena de caracteres con la que se asigna una dirección única a cada uno de los recursos de información disponibles en Internet. Cada recurso tiene un URL único en la Web. El URL de un recurso de información es su dirección en Internet. Esta dirección permite que el navegador encuentre de forma precisa el recurso en la Web, para poder realizar la petición de este. El URL combina el nombre del ordenador que proporciona la información, junto con el directorio donde se encuentra, el nombre del fichero y el protocolo a usar para recuperar los datos.

Un URL es un URI que además indica como localizar el objeto en cuestión. El conjunto de los URLs es por tanto un subconjunto de los URIs. Los URLs se componen normalmente de tres partes: Tomaremos como ejemplo el URL que designa este blog con la entrada: http://bobuu.blogspot.com/2008/06/mysql.html

Este URL puede interpretarse de la siguiente manera:
Hay un documento disponible a través del protocolo HTTP, que se encuentra en la máquina bobuu.blogspot.com accesible a través de la ruta "/2008/06/mysql.html. Entre otros esquemas que pueden encontrarse en documentos HTML se incluyen "mailto" para correo electrónico y "ftp" para FTP.

Pongamos ahora otro ejemplo de URL. Éste referido al buzón de correo electrónico de un usuario:

...aquí va texto...

Para cualquier comentario, envíe un mensaje a

<a href="mailto:jose@midomino.com">Jose Chachi</a>

Resumiendo el formato general de un URL es el siguiente:
protocolo://máquina/directorio/fichero

El formato extendido de un URL puede también incluir, el nombre y contraseña de un usuario, y el puerto de conexión al servidor. Lo vemos esquemáticamente a continuación:
protocolo://usuario:contraseña@máquina:puerto/directorio/fichero

Y ahora un ejemplo: http://juan:micontraseña@dondelopuse.eu.mkk.es:8080/modera/precios.txt

La especificación detallada del URL se encuentra en la RFC 1738 (Uniform Resource Locators).

Ya hemos visto URL, URI, y poco a poco estamos familiarizandonos con la web y sus tecnicismos. Todos estamos impacientes por empezar a realizar programas que funcionen. Pero les pido un poco de calma, y aunque se haga pesado tratéis de entender estos términos, ya que todo esto es información muy útil y necesaria para lo que viene.

martes, 17 de junio de 2008

9.- URI

URI

URI significa “Uniform Resource Identifier”, en castellano Identificador Uniforme de Recursos .

Todos los recursos que se encuentran disponibles en la Web, como por ejemplo: documentos HTML, imágenes, videoclips, programas, etc., tienen una dirección que puede ser codificada mediante un URI (Uniform Resource Identifier), dicho en castellano, un Identificador Uniforme de Recursos.

Se puede definir formalmente a un URI como una cadena de texto que nombra de forma unívoca cualquier recurso (un servicio, una página web, un documento, una dirección de correo electrónico, etc.) accesible en una red.

La especificación detallada se encuentra en un documento llamado RFC-2396.

La sintaxis de un URI consta de dos partes separadas por el carácter ":" (dos puntos).

Primero, el tipo de esquema que sigue el nombre ("http", "ftp", "urn", etc).
Segundo la parte que identifica el recurso dentro del esquema. Esta parte sigue unas reglas generales de formación, pero depende del tipo de esquema que se esté utilizando.

Pongamos dos ejemplos:

1er. Ejemplo: http://www.nuestraweb.es Este URI identifica la página web por defecto de Nuestra web, e indica como conseguirla (pidiéndosela al servidor http://www.nuestraweb.es)

2do ejemplo: urn:ISBN:0-1234-98765-1 Este URI permite identificar un libro en base a su código ISBN, pero NO da indicación alguna de como obtener una copia de él.

Hemos llegado al final de la nota de hoy, creemos haber dado una idea de que es una URI, en la próxima nota trataremos de explicar que es URL

* Temas anteriores *

8.- HTTP
7.- Evolución de la red
6.- Como comenzó Internet
5.- Introducción a la WEB
4.- Como empezar con PHP y MySQL
3.- PHP y MySQL
2.- MySQL, ¿Que es?
1.- PHP, MySQL, XML, CSS, HTML, Java script