viernes, 29 de noviembre de 2013

Página web con bloc de notas

Para hacer una página web con bloc de notas hay una serie de pasos a seguir, para enseñarselos, pondré de ejemplo una página que hice yo; he aquí esos pasos:
1.-Abre bloc de notas:
La página web está hecha de códigos, hay unos códigos esenciales, ya que sin ellos la página no se crea, los códigos para iniciar la página son:
<HTML>=este código es para que sea página web
<HEAD> <TITLE>=estos dos dice que aquí comenzamos con lo que aparece en el título de hasta arriba; por ejemplo: este es el título de mi página web:
</TITLE> </HEAD>=estos se ponen después de lo que queremos que aparezca como título (tu nombre por ejemplo) para que lo que sigas escribiendo no se ponga como título.
<BODY>=este nos dice que lo que vamos a escribir va a aparecer en la página y no en el título
<CENTER>=esto es para que la escritura sea centrada
<FONT COLOR="(nombre del color en inglés)" SIZE="(tamaño de la letra)" FACE="(nombre del tipo de la letra con la que aparecerá el título)">=todo este código junto con el siguiente, son para poner el diseño del título
<H1>(tema)</H1>=este código indica el tamaño del título
</FONT>= cierra el código del tema
Yo, por ejemplo, el código lo puse así:
<FONT COLOR="ORANGE" SIZE="7" FACE="EDWARDIAN SCRIPT ITC"><H1>El Grafeno</H1></FONT> y la letra se ve así:
</CENTER>=cierra el título al centro
<BODY BACKGROUND="(nombre de la imagen que vas a usar como fondo).GIF" TEXT="BLACK">
la mía fué esta:
<CENTER>=centra el texto
</CENTER>=cierra el centrado del texto
</BODY>=indica que ya no va a haber más texto
</HTML>=finaliza la página
2.-Para entonces el bloc de notas luce así:

mas aún no es el final del trabajo, hay también otros códigos que nos sirven:
1.-para poner imagenes:

<CENTER>=centra la imagen
<IMG SRC="(nombre de la imagen).GIF" ALT="(repite el nombre de la imagen)"></CENTER>
2.-para poner vídeos:
<EMBED SRC="(nombre del video).AVI" AUTOSTART="false" (esto es para que se reproduzca solo o no así como esta significa que no lo hará) HIDDEN="false"/>=esto último es para ver si va a estar oculto, as´como está es para que no se oculte.
Esto es todo lo que utilicé en mi página web, hay más códigos, pero son éstos es suficiente para quedarte una página como la mía, o mejor.