Blog de Daiyiro

#BlogDeDaiyiro es sobre todo Bricolajes de Electrónica/Informática. ¡^-^¡

LO NUEVO:

11.10.13

1 - Edición En HTML - Introducción

Este es un tutorial antiguo que confeccione para otra pagina web hace tiempo, aunque hoy en dia todas las paginas webs se confeccionan con Dreamweaver o otros programas editores de html, es importante conocer el código html y este tutorial es ideal para conocer mejor las entrañas de un html.



INTRODUCCIÓN

Para realizar tu pagina Web necesitas en principio un editor de textos, simplemente usando el NOTEPAD de Windows, ya que una pagina Web es simplemente un texto al que se le añaden diferentes palabras clave (directivas) con el objeto de indicar diferentes propiedades. De cualquier manera existen editores específicos para realizar paginas Web, como Dreamweaver.

Dichos editores permiten por medio de menús e iconos incluir directivas de HTML sin necesidad de teclear las.


Bien dicho esto comenzamos, para poner un texto en cursiva en una pagina Web deberíamos escribir la instrucción:

<I>Texto</I>

En un editor de Html, simplemente marcaríamos el texto con el ratón y pulsaríamos el icono de cursiva, el editor de encargaria de poner automaticamente las directivas <I></I>.



Cuando escribas tu pagina Web te recomiendo que todos los links, nombres de graficos, etc.. los consignes en letra minúscula ya que la mayoría de los servidores Web distinguen entre mayúsculas y minúsculas. Es decir, las directivas :

<IMG SRC="dibujo.gif">
<IMG SRC="Dibujo.Gif">

hacen referencia a ficheros distintos, aunque en tu disco duro harán referencia al mismo fichero, ya que Windows no distingue entre mayúsculas y minúsculas. Así que procura escribir correctamente estos nombres.


Una vez tengas tus paginas listas para ser publicadas en Internet, necesitaras un servidor de paginas Web donde alojarlas.

Un servidor Web es un ordenador que esta permanentemente conectado a Internet, por lo que situando nuestras paginas en el, estas serán accesibles a todo el mundo.

Generalmente los proveedores de Internet ofrecen a sus clientes espacios Web gratuitos para publicar paginas personales.

000WebHost te ofrece la posibilidad de publicar tu pagina Web de forma totalmente gratuita de hasta 1500 Mb.

Para ello solo necesitas tener acceso a internet y disponer de una dirección de correo electrónico (e-mail).

Los pasos para obtener el espacio en el servidor de 000WebHost son los siguientes :
Accede a la URL http://www.000webhost.com/order.php y rellena el formulario.

En pocos minutos recibirás un e-mail con tu dirección FTP, password, la pagina donde tienes que acceder para cambiar el password y la que tienes que hacer para subir la pagina.


De nada sirve tener tu pagina Web en Internet si su dirección no la conoce nadie. Es muy importante "agregar" tu pagina para que la vean otras personas.

En principio es aconsejable incluir la URL de tu pagina Web en todos los correos que envíes. Tambien es bueno que agreges tu pagina a directorios, foros y redes sociales.

Así mismo debes dar de alta la dirección de tu pagina en los principales buscadores.

En la pagina http://www.google.com/intl/es/submit_content.html podrás registrar de una manera cómoda tu pagina Web en el principal buscador de paginas web.


QUE ES EL HTML ¿?

El HTML (Hyper Text Markup Language) es un sistema para estructurar documentos. Estos documentos pueden ser mostrados por los visores de paginas Web en Internet, como Mozilla o Navegador Chrome. Por el momento no existe un estándar de HTML ya que tanto Netscape como Microsoft se empeñan en incluir directivas que solo funcionan con sus respectivos navegadores. De cualquier manera existen diferentes revisiones o niveles de estandarización, el 1.0, el 2.0, el 3.0, y el 4.0 lo que produce que algunos visores no "comprendan" en su totalidad el contenido de un documento. En este manual se ha utilizado la revisión 4.0 de HTML. Esto quiere decir que algunas de las órdenes de HTML que aquí se indican puede que no sean reconocidas por algunos visores de páginas Web, sobre todo si son antiguos, aunque hoy en dia es dificil que esto suceda.


Básicamente, el HTML consta de una serie de órdenes o directivas, que indican al visor que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. En este manual nos referiremos a estas órdenes con la palabra "directiva".
Las directivas de HTML pueden ser de dos tipos, cerradas o abiertas. Las directivas cerradas son aquellas que tienen una palabra clave que indica el principio de la directiva y otra que indica el final. Entre la directiva inicial y la final se pueden encontrar otras directivas. Las directivas abiertas constan de una sola palabra clave. Para diferenciar las directivas del resto del texto del documento se encierran entre los símbolos < y >. Las directivas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Una directiva puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la directiva.
Ejemplos :
Directiva cerrada <CENTER> Mi página Web </CENTER>

Directiva abierta <HR>

Directiva con parámetros <BODY bgcolor="#FFFFFF"> </BODY>
Los ficheros que contienen documentos HTML suelen tener la extensión .html o .htm. En este manual se han fijado los siguientes criterios a la hora de escribir la sintaxis de las directivas de HTML:
1º) Las directivas se indican en letra mayúscula y en negrilla.
2º) Los parámetros de las directivas se indican en letra minúscula y negrilla.
3º) El resto de elementos se indican en letra normal.
4º) Las palabras a resaltar en el texto se indican en cursiva y negrilla.



ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
Un documento escrito en HTML contendría básicamente las siguientes directivas :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Indica el inicio del documento.
Inicio de la cabecera.
Inicio del título del documento.
Final del título del documento.
Final de la cabecera del documento.
Inicio del cuerpo del documento.
Final del cuerpo del documento.
Final del documento. 


El documento se hallará situado en algún ordenador al que se pueda acceder a través de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator).

La URL es el camino que ha de seguir nuestro visor a través de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc.

Es decir, lo que el visor de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red Internet.

La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero.

El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y fichero el nombre del fichero que contiene la página Web escrita en HTML. Por ejemplo :



http://daiyiro.blogspot.com.es/carpeta/chtm01.html

Donde ....



http://
daiyiro.blogspot.com.es
/carpeta/
chtm01.html

es el indicador de pagina Web
es el Dominio (nombre) del ordenador
es el Directorio dentro del ordenador
es el Fichero que contiene la página Web 



1 comentario:

  1. hola, tienes toda la razón, es importante tener en cuenta todo lo que comentas aquí, a veces una mayúscula en un fichero o una extensión mas larga de la adecuada puede provocar problemas.

    ResponderEliminar