Unidad 1 "Tu Primera Página"

Podemos ya con estos conocimientos, y alguno que otro más, crear nuestra primera página. Para ello, abre tu editor de textos ( Block de Notas ) copia y pega el siguiente texto en un nuevo documento.

< html >
< head >
< title >Tu Primera Página< / title >
< / head >
< body >
< p >< b >Bienvenido,< / b >< / p >
< p >Estás en tu página < b > Recién iniciada< / b >.< / p >
< p >Aquí aprenderás los conocimientos básicos para tu página.< / p >
< / body >
< / html >

NOTA IMPORTANTE: AL MOMENTO DE COPIAR ESTO Y PEGARLO EN EL BLOCK DE NOTAS DEBEN HACER LO SIGUIENTE : FÍJENSE QUE LAS ETIQUETAS ESTÁN CON ESPACIOS DENTRO DE ELLAS, LO COLOQUE ASÍ PARA QUE PUDIERA PUBLICARLO EN EL BLOG YA QUE SI LO HACIA COMO DEBE SER NO SE VERÍA NADA. PARA QUE A UDS. LES APAREZCA BIEN SOLO DEBEN DEJAR TODAS LAS ETIQUETAS SIN ESPACIOS DENTRO DE ELLAS.

Ahora guarda ese archivo con extensión .html o .htm en tu disco duro. Para ello accedemos al
menú Archivo y seleccionamos la opción Guardar como. En la ventana elegimos el directorio donde
deseamos guardarlo y colocaremos su nombre, por ejemplo mi_pagina.html

Consejo: Utiliza nombres en tus archivos que tengan algunas normas básicas para ahorrarte disgustos y problemas.

*Mí consejo es que no utilices acentos ni espacios ni otros caracteres raros. También te ayudará escribir
siempre las letras en minúsculas.

*Esto no quiere decir que debes hacer nombres de archivos cortos, es mejor hacerlos descriptivos para que te
aclaren lo que hay dentro. Algún caracter como el guión "-" o el guión bajo "_" te puede ayudar a separar las
palabras. Por ejemplo quienes_somos.html

Con el documento HTML creado, podemos ver el resultado obtenido a partir de un navegador. Es
conveniente, llegado a este punto, decir que no todos los navegadores son idénticos. Desgraciadamente, los resultados de nuestro código pueden cambiar de uno a otro por lo que resulta aconsejable visualizar la página en varios. Generalmente se usan Internet Explorer y Netscape como referencias ya que son los más extendidos.

A decir verdad, en el momento que estas líneas son escritas, Internet Explorer tendrá la inmensa
mayoría de usuarios, luego Mozilla Firefox, Netscape entre otros. Esto no
quiere decir que lo debemos dejar totalmente de lado ya que el % de visitas que puede
proporcionarnos puede resultar muy importante para nosotros. Por otra parte, parece que se ha
hecho publica la intención de Netscape de desviar un poco su temática de negocios hacia otros
derroteros y abandonar esta llamada "lucha de navegadores" en la cual estaba recibiendo la peor
parte. ( Netscape son pocos los usuarios que lo conoces y realmente esta OFF, pero se menciona para seguir el protocolo )

Bueno, volviendo al tema, una vez creado el archivo .html o .htm, podemos visualizar el
resultado de nuestra labor abriendo dicha página con un navegador. Para hacerlo, la forma resulta
diferente dependiendo del navegador:

Si estamos usando el Explorer, hemos de ir al barra de menú, elegir Archivo y seleccionar Abrir.
Una ventana se abrirá. Pulsamos sobre el botón Examinar y accederemos a una ventana a partir de
la cual podremos movernos por el interior de nuestro disco duro hasta dar con el archivo que
deseamos abrir.

La cosa no resulta más difícil para Netscape. En este caso, nos dirigimos también a la barra de
menú principal y elegimos File y a continuación Open File. La misma ventana de búsqueda nos
permitirá buscar el contenido de nuestro PC hasta dar con el archivo buscado.

Nota: También puedes abrir el archivo si accedes al directorio donde lo guardaste. En él podrás encontrar tu
archivo HTML y verás que tiene como icono el logotipo de Netscape o el de Internet Explorer. Para abrirlo
simplemente hacemos un doble click sobre él.

Una vez abierto el archivo podremos ver nuestra primera página web. Algo sencillita pero por algo se
empieza. Ya nos daremos cuenta que en poco tiempo seremos capaces de mejorar sensiblemente.

Ahora fijense en la parte superior izquierda de la ventana del navegador. Podras comprobar la presencia
del texto delimitado por la etiqueta