FTP
File Transfer Protocol, es la tecnologia usada para transferir
archivos en el InternetBueno, ahora que ya conoces algunos
terminos que mas se usan en la creacion de la pagina web,
¿Que te parece si comenzamos?
Comience su Notepad haciendo un click en el icon en tu desktop
o llamandolo atraves de Start - Programs - Accessories - Notepad,
puedes utilizar cualquier editor de tu conveniencia para este
proyecto. Me gusta Notepad porque es bien rapido y se puede
escribir y hacer la prueba con el explorer y ver todo lo que
hemos hecho hasta el momento y sin tener que abrir y cerrar
cada vez que tengamos que "probar" lo que estamos
haciendo. La pagina web se compone de tres "cosas"
importantísimas que sin ellas es imposible que el "browser"
entienda qué va a presentar.
<HTML>
<HEAD>
<BODY>
Estos son los tres "señores mas importantes en
una pagina web. Para que el browser entienda que Ud. ha finalizado
en esa seccion Ud. debe de hacer un cierre cuando termine
lo que piensas hacer de esta manera: </HTML>, </HEAD>,</BODY>
de manera pues, que ya tenemos la base asi:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Muchas veces no voy a traducir al español algunos de
los términos técnicos que usamos en el ingles,
porque para mi no tienen sentido su significado. Por ejemplo,
a todos estos señores se les llama en ingles "tag",
que en español o al menos en la Republica Dominicana,
jugabamos un juego cuando niño que se le llama "El
topao", que es que a uno le topan y ¡a correr!....¿se
acuerdan?, me imagino que en otros paises se jugará
lo mismo.. Es por esa razon que no voy a traducir algunos
de los términos tecnicos, porque como que no tienen
sabor en español. Estos "tags" estan entre
los signos de "menor que y de mayor que" <>,
cuando se cierran estan estos
signos se le agrega la raya hacia la izquierda mas el atributo
que se quiere cerrar: </....>
Todos los documentos en HMTL necesitan un par de estos tags
porque estos les dan instrucciones al browser que aqui comienza
el documento <HTML> y que aqui lo termina </HTML>,
no todos los tags necesitan un cierre, algunos no, pero eso
lo veremos mas adelante. Vamos a concentrarnos en el <HEAD>
donde utilizaremos el <TITLE> </TITLE> tag. Aqui
es donde colocamos el título de la pagina que estamos
haciendo y el que se observa en la parte de arriba del browser,
es el título del documento.<HTML>
<HEAD>
<TITLE> Mi Primera Pagina Web</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>Si corrieramos esta pagina en el browser, solamente
veríamos todo blanco, porque en el medio del <body>
no hay nada escrito aun. Salve esta pagina en un folder que
Ud. quiera, yo recomiendo organizarse desde el principio,
cree un folder con el nombre que quiera, pero que tenga sentido
con lo que esta haciendo, puedes escoger algo asi: Mi Web....etc.,
luego salve la pagina que acaba de hacer con el nombre que
quieras, pero recuerda siempre que el index.html es la primera
pagina que se enseña en el web una vez que esta publicada,
de lo contrario tendria
poner el "link" completo. Por ejemplo, cuando Ud.
escribe en su browser: http://www.chapu.com automáticamente
y por "default" el index.html va hacer desplegado
en su browser sin tener que escribirlo, pero si yo no tengo
el index.html en mi website tendria que especificar a cual
.html quiero chequear. Entonces para que se vaya acostumbrando,
vamos a salvar esta pagina con el nombre de index.html, note
Ud. que aqui debes de usar letras minúsculas, no letras
mayúsculas.Ahora vamos a agregarle algo mas a nuestro
index.html que estamos preparando. Agreguemos algo a nuestra
pagina dentro del <body> tag :<HTML>
<HEAD>
<TITLE> Mi Primera Pagina Web</TITLE>
</HEAD>
<BODY>
Esto si me esta gustando
</BODY>
</HTML>Ahora salvelo de nuevo y córralo para
que veas que ya el browser esta desplegando algo que Ud. ya
escribio en el <body> tag. Vamos a agregar el color
del fondo (background color)<HTML>
<HEAD>
<TITLE> Mi Primera Pagina Web</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
Esto si me esta gustando
</BODY>
</HTML>
Tambien puedes usar una imagen en formato gif o jpg en vez
del color del fondo, pero ahora tendras que usar el siguiente
comando:<BODY BACKGROUND="nombre_de_ la imagen.gif"Como
anticipé anteriormente, vamos a organizarnos. Supongo
que ya tienes un folder que se llama Mi Web o el nombre que
usaste para estos ejercicios. Ahora crea dentro de ese folder
otro subfolder con el nombre de images, aqui pondremos las
imagenes que vayas usar en toda la pagina. Hay muchos lugares
en el internet donde puedes bajar gratis imagenes que pueden
ser utilizadas en el internet completamente gratis, tambien
puedes hacer un "search" con la palabra clave: web
clipart, y entonces visitar los lugares que te indique el
buscador y bajar todas
las imagenes que quieras para luego darle uso; pero todas
las imagenes que uses, debes colocarlas en este folder, asi
tendras organizado, no tanto tu website si no tambien tu disco
duro o Hard Drive.Vamos a poner algunas letras al estilo Bold:<HTML>
<HEAD>
<TITLE> Mi Primera Pagina Web</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
Esto si me esta<B> gustando</B>
</BODY>
</HTML>Cuando Ud. corra en su browser esta pagina, le
saldra asi:Esto si me esta gustandoPorque estamos usando
el <b> tag que significa bold y esto le instruye
al browser donde comenzar las letras negritas (bold) y cuando
finalizarla </b>, esto tambien lo puedes combinar con
Italic o con subrrayada asi:
<body>
<U>Esto</U><I> si me esta</I> <I><B>gustando</B></I>
</body>
tendremos el siguiente resultado:
Esto si me esta gustando
Tambien podemos cambiar el tamaño al tipo de letras,
para eso usamos el <FONT> tag
<body>Esto si me esta <FONT SIZE="6">gustando</FONT>
</body>
Tendremos el siguiente resultado:
Esto si me esta gustando
