COMO SE HACE UNA PAGINA WEB?

LECCION 1
COMO EMPEZAMOS?
Lecciones Bsicas
- Leccin 1: Empezar
- Leccin 2: Texto
- Leccin 3: Grficos
- Leccin 4: Enlaces
- Leccin 5: Publicar
- Leccin 6: Contador/Msica

Lecciones Avanzadas

Bienvenido a lecciones web, si usted lleg a este sitio es por que

est tratando de crear una pgina web desde el principio, y que mejor
manera que hacer una pgina web sencilla para darse una idea.
Me gustara contarle que gracias a estas lecciones, miles de
personas han tenido la oportunidad de empezar y llegar a convertirse en
verdaderos Web Masters, por supuesto, debido a la gran dedicacin que
le han puesto para seguir adelante. He aqu unos ejemplos de lo que
algunos de nuestros usuarios han podido llegar a realizar:

- Leccin 7: Fondos
- Leccin 8: Formulario
- Leccin 9: Libro de Visitas
- Leccin 10: Buscadores

Hosting y Dominios
- Leccin 11: Servidores
- Leccin 12: Dominios

Lecciones
Proyecto WEB
Todas estas lecciones
+ Dominio y Espacio.
- Area Informativa y Operativa.
- Subdominios, Dominios,
Parqueados y adicionales.
- Espacio disponible y utilizado.
- Cuentas de Emails, Listas y
Filtros de Correo.
- Como crear cuentas de
correos.
- Como eliminar cuentas de
correos.
- Como configurar Outlook
Express.
- Como usar el WebMail.
- Como Filtrar Correos.

Qu se necesita para hacer una pgina WEB?

Como primera cosa, se necesita que el usuario tenga un conocimieto
avanzado en el uso de computadoras; adems, el material que se necesita para
la creacin de las pginas es el siguiente:
1. Computadora PC o Macintosh.
Todas nuestras lecciones estn basadas en una computadora PC con
sistema operativo WINDOWS.

- Como Utilizar Spam

Assassin.
- Como configurar una lista de
correo.
- Como funciona el FTP.
- Subiendo nuestra primera
pgina.
- Utilizando File Manager.
- Como configurar una base de
datos en el servidor.
- Verificacin de errores en el
servidor.
- Como revisar el espacio
asignado.
- Como proteger archivos o
directorios de nuestro
servidor.
- Como conservar nuestro
ancho de banda.
- Como manejar las copias de
respaldo (backups).
- Transferencia de Dominios.
- Verificacin de datos del
Dominio.

Ms informacin,
pincha aqu.

2. Cualquier programa editor de pginas WEB.

Aunque se puede utilizar cualquier editor de pginas, aqu en nuestras
lecciones, nos basaremos en el programa NETSCAPE
COMMUNICATOR versin 4.X mejor. Esto no quiere decir que
otros programas como Front Page o Dreamweaver no sean buenos,
sino que utilizaremos el COMMUNICATOR simplemente por que es
gratuito, es muy fcil de utilizar y por que de esa manera podemos
estar sicronizados en los comandos para ir haciendo nuestra primera
pgina web.
Si usted no tiene este programa, puede bajarlo GRATIS del siguiente
lugar:
NETSCAPE COMMUNICATOR 4.78
(ver. Espaol)
Ha salido una versin mejorada del NETSCAPE COMPOSER, ste ha
sido hecho por la empresa NVU y el cual se mira muy bueno, yo estoy
comenzando a utilizarlo, es posible que en un futuro muy cercano est
modificando mis lecciones hacia este nuevo editor. Si usted quiere
tener una copia puede bajarla directamente de este enlace:
EDITOR NVU (ver 0.90)
(ver. Ingls)

3. Espacio en un servidor en donde se guardar la pgina creada.

Usted necesita de un espacio en un servidor para poder subir sus
pginas WEB; hay de muchos tipos y de todos los precios desde
gratuitos hasta pagados.
MEJOR VALOR: Entre los pagados y como una contribucin a
fortalecer a todos los principiantes de "Cmo hacer pginas WEB",
SecmasNET nos ha dado una oferta que no se puede conseguir en
ningn otro lado, para mayor informacin visite:
PROYECTO WEB
Si usted busca espacio gratuito, asegrese primero que su proveedor de
servicio de Internet pueda asignarle ese espacio. Si su proveedor no le
facilita este espacio entonces usted puede encontrar en el Internet
muchos sitios donde otorgan espacio gratuito para poner pginas
WEB. Lea la LECCION 5 donde damos direcciones de espacios

gratuitos.
4. Cualquier programa editor de archivos grficos.
Entre ellos pueden estar COREL DRAW, FREE HAND, PAGE
MAKER. En mis lecciones todo ha sido creado utilizando el COREL
DRAW 7.0.

5. Cualquier programa editor de TEXTOS en formato ASCII.

En la PC con el programa WORDPAD es ms que suficiente.
As que, manos a la obra y continuemos con la LECCION 2.

COMO SE HACE UNA PAGINA WEB?

LECCION 2
COMO SE CREA EL TEXTO?

LECCION 2:

Cmo se crea el TEXTO?

Una vez usted ya tenga instalado el NETSCAPE COMMUNICATOR en su

computadora, ejectelo y entr al NETSCAPE COMPOSER (este es el programa
que sirve para la creacin de pginas web) y elijamos la opcin del men:
NUEVA. Esto har que nos aparezca una pgina en blanco que es donde
comenzaremos a trabajar.
Como usted ya se habr dado cuenta NETSCAPE COMPOSER tiene un
panel de control igual o similar a este:

Pues bien, estos conos son los que nos van a ayudar a ir poniendo el
TEXTO o IMAGENES en los lugares que lo deseemos.
Como primer punto escribamos el TITULO de la hoja que vamos a crear.

Ahora, justifiqumosla al centro de la pgina:

Ahora, hagmosla NEGRITA y con un valor de 18 puntos, tiene que quedar

as:

Ahora, vamos a crear el cuerpo de la pgina WEB, para ello escriba el

siguiente prrafo por abajo del ttulo que acaba de crear. Tiene que quedar as:

Como puede ver, es muy parecido a trabajar con un procesador de palabras

comn y corriente. Ahora le toca a usted escribir cualquier prrafo, trate de usar las
NEGRILLAS, las ITALICAS y el SUBRAYADO.

Tiene alguna pregunta?

FORO LECCIONES WEB

COMO SE HACE UNA PAGINA WEB?

LECCION 3
COMO SE INSERTA UN GRAFICO?

LECCION 3:

Cmo se inserta un grfico?

El insertar grficos en este editor es la tarea mas emocionante, ya que debemos tener una foto o
un dibujo arreglado para nuestros fines. Para efectos de nuestra leccin copie los siguientes archivos a
su computadora:
FOTO DE HOT DOG:

DIBUJO DE HOT DOG:

hotdog.gif

hotdogd.gif

Despus de copiar estos archivos a su computadora, presione el cono que dice IMAGEN, como
usted ver aparecer una ventana en la cul se le pide que ingrese el nombre del archivo que quiere
poner, presione en donde dice SELECCIONAR ARCHIVO... y busque la foto del HOT DOG que
acabamos de copiar a su computador. Luego de seleccionarla, presione ACEPTAR y luego ver algo
as

La posicin de la foto va a depender de donde usted la quiera, para nuestro ejercicio la vamos a
justificar hacia la izquierda y vamos a poner un texto al lado derecho de la foto. Tiene que quedar as:

Las imgenes o grficos tambin se pueden hacer mas grandes o pequeos, para ello se necesita
nicamente dar 2 clicks sobre la imagen y aparecer una ventana en donde podemos decirle cuanto
queremos hacer grande o pequea la imagen. Prubelo... En esta ventana tambin puede ver como es
que el texto se va a escribir a la par de la imagen.

Si usted utiliza alguna de estas opciones no olvide que en la hoja que est trabajando
probablemente usted no va a ver como est quedando; pero para ver como va la hoja que usted est

haciendo presione el cono que dice PRELIMINAR

Ahora, le toca su turno y al finalizar debe quedar una pgina igual a la que sigue al hacer
PRELIMINAR:

Tiene alguna pregunta?

FORO LECCIONES WEB

COMO SE HACE UNA PAGINA WEB?

LECCION 4
COMO HAGO UN ENLACE DE MI TEXTO O
GRAFICO?

LECCION 4: Cmo hago un ENLACE (link) de mi texto o grfico?

EJEMPLO DE UN ENLACE HACIA UNA DIRECCIN DE E-MAIL:
El ENLACE es la funcin que nos sirve para que cuando un usuario hace 'click' sobre
un texto o grfico, este texto o grfico, lo lleve hacia otro lugar o hacia otra pgina WEB;
entre los ENLACES ms utilizados estn los que nos hacen regresar hacia la pgina anterior
o bien para que nos puedan enviar un email.
Para nuestro ejemplo vamos a preparar un ENLACE que haga que cuando alguien lo
presione nos pueda enviar un correo, para ello, presionemos el cono que se llama
ENLACE. Ahora escriba en la casilla que dice ORIGEN DEL ENLACE su direccin de
correo electrnico (en este caso vamos a escribir ejemplo@ejemplo.net). Y en la casilla que
dice ENLAZAR CON escriba lo siguiente: mailto: ejemplo@ejemplo.net (Est seguro
que usted escribi bien la lnea anterior en ese lugar de lo contrario no funcionar. Adems,
usted DEBE cambiar la direccin de correo por la suya). Esto debi haber quedado as:

Listo, de ahora en adelante su pgina ya tendr un ENLACE para que le puedan

escribir a usted con slo presionar en donde diga su direccin de correo electrnico.
EJEMPLO DE UN ENLACE HACIA OTRA PAGINA EN EL INTERNET:
Al igual que los ejemplos anteriores, para hacer referencia hacia otra pgina WEB que
est en el Internet, usted deber escribir en ORIGEN DEL ENLACE algo como por
ejemplo lo siguiente:
LECCIONES GRATIS!!!
Y en ENLAZAR CON escriba lo siguiente:

http://www.leccionweb.org/index.html (siempre asegurese que la direccin que usted

escribe, exista.)
Esto debera haber quedado as:

EJEMPLO DE UN LINK HACIA UNA DIRECCIN ANTERIOR:

Esto mismo es lo que se hara para hacer un ENLACE que lo regrese hacia un punto o
pgina anterior a la que est diseando ahora. Para ello, escriba en ORIGEN DEL
ENLACE lo siguiente: PRESIONE AQUI PARA REGRESAR POR DONDE VINO. Y en
ENLAZAR CON escriba lo siguiente:

javascript:history.go(-1)
(Est seguro que usted escribi bien la lnea anterior en ese lugar.)
Esto debera haber quedado as:

Si todo sali bien, su hoja deber quedar igual a la que sigue cuando usted haga
PRELIMINAR:

Tiene alguna pregunta?

FORO LECCIONES WEB

COMO SE HACE UNA PAGINA WEB?

LECCION 5
QUE HAGO PARA PUBLICAR MI PAGINA?

LECCION 5: Qu hago para publicar la pgina que acabo de hacer?

Al terminar de hacer todas las LECCIONES anteriores, usted ya estar listo
para poder publicar su pgina en el INTERNET. Publicar una pgina se entiende
por subir o montar su pgina a un servidor; y, para ello debe estar seguro que usted
ya tiene un espacio disponible. Si todava no lo tiene dirjase a su proveedor de
servicio de Internet y pida el espacio que necesita. Si su proveedor no le d este
espacio GRATUITAMENTE entonces busque dentro del INTERNET lugares en
donde se otorga gratuitamente este espacio. Algunos de los lugares mas comunes
son:
EN ESPAOL:

GEOCIETIES, TRIPOD, ESPACIO.YA, MIARROBA

EN INGLES:

GEOCITIES, ANGEL FIRE, XOOM, FORTUNE CITY

Al obtener su espacio, su proveedor le dar un NOMBRE DE USUARIO

(LOGIN) y una CONTRASEA (PASSWORD) necesarios para ingresar esta
informacin dentro del servidor de pginas WEB. Segn el lugar en donde usted
guarde su pgina WEB, deber seguir algunas reglas generales ya que algunos ISP
tienen otras disposiciones.
Si usted ya tiene definido un NOMBRE DE USUARIO y una
CONTRASEA entonces ya puede publicar su pgina en ese servidor; pero,
independientemente de ello, como primera opcin deber guardar la pgina en la
que ha estado trabajando a su disco duro, as que presione ARCHIVO (FILE) y
GUARDAR COMO (SAVE AS) y pngale el siguiente nombre (todo en
minsculas): index.html. El nombre index.html es como se define en todos los
servidores a la pgina principal de un sitio, si no le ponemos este nombre a la hora
de entrar a ver nuestra pgina, sta no se mostrar.
Luego le preguntar que nombre desea ponerle a esta pgina, esta
informacin servir para que cuando alguien haga un AGREGAR A FAVORITOS
(ADD TO BOOKMARK) en el navegador, este nombre aparezca all.
Ahora, conctese al INTERNET y despus presione el cono PUBLICAR

(PUBLISH),

aqu aparecer la siguiente ventana:

y deber llenar todos los campos que se necesitan de la siguiente manera:

TITULO DE LA PAGINA: Nombre con el que se conocer a este sitio, puede
ser cualquier cosa, como por ejemplo: DESEOS DE UN HOTDOG.
NOMBRE DEL ARCHIVO HTML: Aqu pondremos el nombre del archivo
que recin acabamos de guardar: index.html. Tengamos en cuenta que todos los
nombres de las pginas deben estar en minsculas.
DIRECCION HTML O FTP EN LA QUE PUBLICAR: Aqu deberemos
escribir la direccin que nos di nuestro proveedor del espacio, como por ejemplo:
ftp://www.geocities.com/Area51/Cavern1706.
NOMBRE DEL USUARIO: Aqu deberemos poner el nombre que nos asign
nuestro proveedor del espacio.
CONTRASEA: Escribamos aqu la contrasea que nos asign nuestro
proveedor.
OTROS ARCHIVOS A INCLUIR: Para nuestro ejemplo seleccionemos la
opcin que dice "Archivos asociados a esta pgina" ya que de esta manera el
programa automticamente subir las imgenes utilizadas en la elaboracin de
nuestra pgina.

 LISTO !!!
Ahora presione ACEPTAR y todo lo que usted ha hecho, inmediatamente
ser enviado al servidor para que cualquier otra persona pueda ver lo que usted ha
creado.

Feliz creacin de pginas...

NOTA: Si la forma de publicar anteriormente descrita NO funciona con el
servicio donde est guardando su pgina, por favor vaya a la siguiente direccin de
mi FORO:
http://www.leccionweb.org/foro/viewtopic.php?t=1147
en donde est explicado paso a paso como hacerlo por medio de FTP.

Necesita ms informacin?
Si tiene alguna duda adicional sobre lo que aqu se ha expuesto, por favor
busque en:
FORO DE PREGUNTAS Y RESPUESTAS A MIS LECCIONES
si su pregunta no aparece, agrguela en el Foro y con mucho gusto la
contestaremos para usted.
Adems, le agradecera mucho, si usted cree que esta pgina le ha sido de
ayuda para iniciarse en el campo de la creacin de pginas WEB que coloque un
ENLACE (LINK) hacia mi pgina para que mas usuarios tambin tengan la
oportunidad de iniciarse en este campo. Este es el cdigo HTML:
<Copie y Pegue todo lo que est despus de esta
lnea>
<a href="http://www.leccionweb.org"
target="_self">
Tutorial de Cmo hacer Pginas WEB por Sergio
Cabrera.
</a><br>
O si lo desea, nicamente, escriba un comentario sobre estas lecciones en:
LIBRO DE VISITAS
AUTOR: Sergio Cabrera

Tiene alguna pregunta?

FORO LECCIONES WEB

LECCION 6
COMO PUEDO AGREGAR UN CONTADOR?
COMO PUEDO PONERLE MUSICA A MI PAGINA?
COMO PUEDO GANAR DINERO CON MI PAGINA?

LECCION 6a: Cmo puedo agregar un contador a mi pgina?

Muchas personas, incluyndome entre ellas, nos gusta saber que cantidad de gente
visita nuestras pginas. Para ello existen los CONTADORES, stos son programas
especiales que nos llevan un registro de las veces que han visitado o revisitado nuestras
pginas.
Otros contadores tambin nos dan la oportunidad de saber informacin sobre la
persona que visit nuestra pgina, esta informacin es de gran ayuda para los diseadores
de pginas ya que nos permite saber por ejemplo, que tipo de navegador es el mas usado,
que cantidad de colores se usan mas, que sistema DOS es el mas usado, etc. Todo esto
sirve para que podamos hacer una pgina WEB de acuerdo a nuestros visitantes.
Los contadores pueden ser de dos tipos PAGADOS y GRATIS, yo prefiero los
segundos. Y entre los que yo recomiendo estn:
WebTracker, ExTreme
Para instalar el CONTADOR en su pgina, lo primero que tiene que hacer es ir a
alguno de estos sitios y obtener una cuenta, para ello siga las indicaciones que all
aparezcan. Luego de haber creado su cuenta, ellos le darn algunos comandos que usted
tiene que agregar a su pgina. Para agregar estos comandos, usted puede utilizar la
opcin, Etiqueta HTML que se encuentra en Insertar:

al entrar all aparecer la siguiente ventana, en donde se debern ingresar los nuevos
comandos. Si sale un error al ingresar estos comandos en este cuadro, entonces deber
utilizar un programa como WORDPAD de Windows en donde podr modificar su cdigo
HTML directamente.

LECCION 6b:

Cmo puedo ponerle msica a mi pgina?

Ponerle msica a una pgina es de lo ms sencillo, solamente haga lo siguiente:

1. Abra INSERTAR y luego ETIQUETA HTML.
2. Luego escriba los siguientes comandos dentro de esa ventana:
<!--Inicia el cdigo midi html-->
<noembed>
<bgsound src="su_archivo.mid " loop="infinite">
</noembed>
<embed src="su_archivo.mid " autostart="true" loop="true"
hidden="true">
</embed>
<!--Termina el cdigo midi html-->
3. En donde dice su_archivo.mid ponga el nombre de su archivo de msica.
La ventana de NETSCAPE COMPOSER debera haber quedado as:

Si todava no tiene archivos de msica busque en el internet, all encontrar

miles de archivos. Lo nico es que debe de estar seguro que son con
extensin MID, sino no funcionar el comando anterior.
4. Listo, ahora su pgina ya tendr msica.
LECCION 6c:

Cmo puedo ganar dinero con mi pgina?

Dentro del internet hay empresas que ofrecen dinero a todas aquellas personas que
tengan pginas WEB y que estn dispuestas a colocar un BANNER (rtulo) dentro de
sta. La forma en que estas empresas trabajan es que por cada persona que visite el
anuncio que all est puesto, el dueo del sitio recibe un pago el cual puede variar entre
us$0.01 hasta us$0.25 dependiendo del anunciante, y al llegar una cierta cantidad
(usualmente us$100) la compaa enva un cheque al dueo del sitio.
Una de estas empresas es GOOGLE con su programa AdSense el cual pone un BANNER
igual a los que aparecen en la parte de arriba de mis pginas. Para ingresar a este
programa, haga CLICK aqu:

LECCION 7
COMO PUEDO AGREGAR IMAGENES DE FONDO?

LECCION 7:

Cmo puedo agregar imgenes de fondo a mi pgina?

Poner una imgen de fondo a una pgina WEB es muy sencillo. Unicamente
seleccione un dibujo GIF o JPG y defnalo en el NETSCAPE COMPOSER de la
siguiente manera:

1. Ingrese a FORMATO.
2. Luego vaya a PROPIEDADES Y COLORES DE PAGINA.
3. Escoja la pestaa COLORES Y FONDO.

4. Escriba en donde dice: UTILIZAR IMAGEN el nombre del archivo que desea
utilizar de fondo de su pgina.
5. Presione aceptar y listo.
Tenga presente que el dibujo que seleccione como fondo deber ser de entre
1kb y 5kb para que cuando su pgina se est abriendo en el navegador no tome
demasiado tiempo en hacerlo.
Adems, recuerde que cuando uno escoje una imgen de fondo o
BACKGROUND, se debe de tener en cuenta que este dibujo se va a repetir
automticamente en toda la pgina, por ejemplo, si tenemos el siguiente dibujo:
La imagen se va a repetir a lo largo de su pgina y aparecer algo similar al
siguiente ejemplo:

EL FONDO APARECERA COMO

EN ESTE EJEMPLO.

Otro ejemplo sera el de esta imgen:

CON LA IMAGEN ANTERIOR, NUESTRA

PAGINA TENDRA UN BORDE IGUAL A
ESTE.

Para obtener imgenes de fondo puede ir a la siguiente direccin:

ALBUM DE IMAGENES
All encontrar variedad de imgenes que estoy seguro le van a ayudar en el
diseo de su pgina WEB. A este lbum se irn agregando poco a poco imgenes
de todo tipo para que usted pueda utilizarlas libremente. Si usted tiene imgenes
que dese compartir con la comunidad internauta no dude en envirmelas para
poder ir agregndolas a este nuevo servicio.

LECCION 8
COMO PUEDO PONER UN FORMULARIO EN MI
PAGINA?

LECCION 8:

Cmo puedo poner un formulatio en mi pgina?

NECESARIO SABER HTML !!!

Muchas pginas necesitan tener una relacin mas directa con las personas
que las visitan y para ello se hace necesario el uso de formularios o 'FORMAS'.
Las FORMAS no son mas que campos en donde pedimos que el visitante
ponga los datos que nos interesan, por ejemplo: el nombre, correo electrnico,
direccin postal, fecha de nacimiento, etc. etc. Pero debido a que en una pgina
WEB no queda grabada la informacin que los usuarios escriben, debemos recurrir

a nuestro correo electrnico para recibir la informacin que los usuarios nos llenan
en las FORMAS.
Ahora bien, para que esto funcione necesitamos tener un programa que se
llama "FORM MAIL" el cual est hecho en lenguaje CGI (no todos los servidores
dan acceso a programas CGI, pregunte con el administrador del servidor en donde
usted tiene puesta su pgina si ellos tienen este programa disponible). Adems,
deberemos aprender algunos comandos de HTML.
Un ejemplo de una forma en donde pidamos el nombre y el correo
electrnico sera:
<FORM METHOD="Post" ACTION="http://www.ejemplo.com/cgibin/formmail">
< INPUT TYPE="hidden" NAME="recipient" value="su direccin email va
aqu!">
< INPUT TYPE="hidden" NAME="subject" value="ASUNTO que ud.
recibir">
< INPUT TYPE="hidden" NAME="redirect" value=" URL a donde va a
regresar">
Ingrese su Nombre:
< INPUT TYPE="text" NAME="nombre" size="30" maxlength="40">
Ingrese su E-mail:
< INPUT TYPE="text" NAME="email" size="30" maxlength="40">
< INPUT TYPE="submit" VALUE="ENVIAR">
< INPUT TYPE="reset" VALUE="BORRAR">
</FORM>
Lo anterior se vera de esta forma (no oprima enviar ya que esta forma no
est funcionando):

Nombre:
E-mail:
Enviar

Borrar

Cada una de las lneas HTML anteriores se debe de entender de la siguiente

manera:
<FORM METHOD="Post" ACTION="http://www.ejemplo.com/cgibin/formmail">
Aqu estamos definiendo que vamos a utilizar una FORMA, el METODO a

utlizar es POST, y la ACCION que vamos a ejecutar es un programa FormMail

que se encuentra en la direccin: http://www.ejemplo.com/cgi-bin/formmail (este
es un programa verdadero de FormMail, si su proveedor de espacio no le da el
programa CGI para FORMAS, puede utilizar este).
<INPUT TYPE="hidden" NAME="recipient" value=" su direccin
email va aqu!">
En esta lnea le estamos indicando al programa CGI anterior cual es la
direccin de correo en donde deseamos recibir la informacin que el usuario est
llenando. Cuando se declara HIDDEN la informacin quiere decir que el usuario
no va a ver esta lnea en nuestra pgina WEB.
<INPUT TYPE="hidden" NAME="subject" value=" subject que ud.
recibir">
Como es un correo el que vamos a recibir desde nuestra pgina, deberemos
indicarle al programa CGI que nos envie el ASUNTO o SUBJECT del correo.
Aqu usted puede escribir cualquier cosa, por ejemplo "Datos enviados desde mi
pgina..." y el nombre de la pgina. Esto se hace por aquello de que tengamos
varias pginas desde donde vamos a recibir informacin, sepamos de cual de ellas
vienen los datos.
<INPUT TYPE="hidden" NAME="redirect" value=" URL a donde va a
regresar">
Aqu le estamos indicando al programa CGI que al terminar de recibir la
informacin, lleve al usuario a una pgina WEB. Por lo general se envia al usuario
a una pgina de agradecimiento por haber llenado la FORMA.
<INPUT TYPE="text" NAME="nombre" size="30" maxlength="40">
En esta instruccin estamos diciendo al programa CGI que tenemos una
variable que se llama NOMBRE, la cual tiene un largo de 30 caracteres visibles y
un mximo de 40. Si nos fijamos la siguiente lnea HTML lo nico que cambia es
el nombre de la variable que se llama "email". Esto nos indica que podemos poner
tantas variables como querramos, los largos visibles y mximos pueden ser
cualquier tamao. Al declarar a estas variables como tipo "TEXT" lo estamos
dejando abierto para que el usuario pueda escribir cualquier cosa.
<INPUT TYPE="submit" VALUE="ENVIAR">
Este comando sirve para enviar toda la informacin que se acaba de llenar al
programa CGI y este a su vez nos lo enviar a la direccin de correo que se defini
anteriormente.
<INPUT TYPE="reset" VALUE="BORRAR">
Este comando nos permite borrar toda la FORMA y poder volver a meter la
informacin nuevamente.

</FORM>
Esto le indicar al cdigo HTML que nuestra definicin de la FORMA ya
termin. Este comando es muy importante ya que si no lo agregamos nuestra
pgina contendr errores.
Como ve, el crear FORMAS no es tan difcil. Lo nico es tener un poco de
experiencia con cdigo HTML para saber donde poner esta informacin.
Si desea ver ejemplos de una FORMA vaya a las siguientes direcciones:
EJEMPLO DE FORMAS #1
EJEMPLO DE FORMAS #2

LECCION 10
COMO PONER MI PAGINA EN UN BUSCADOR?

LECCION 10:

Cmo poner mi pgina en un buscador?

Luego de pasarnos horas haciendo nuestra pgina, deseamos que todo

mundo pueda acceder a ella, entonces se hace necesario poder ponerla en un
buscador como GOOGLE, ALTAVISTA, etc. Esto se hace para que toda la gente
que busca informacin relacionada con nuestra pgina pueda encontrarla y ver lo
que tanto nos ha costado hacer..
Pues bien, contrario a lo que mucha gente cree, el incluir una pgina en un
buscador es una tarea muy sencilla, lo nico que hay que hacer es saber hacerlo.
He aqu, una forma de hacerlo para lo que es el buscador llamado ALTAVISTA. El
ingresar una pgina aqu es muy similar a ingresarla en cualquier otro buscador. Es
por ello que este ejemplo nos dar una idea de como hacerlo en cualquier otro:
1. Deberemos ingresar al buscador en donde queremos poner nuestra pgina, para
este ejemplo, entremos a:
http://www.altavista.com
2. Estando all busquemos lo siguiente:

3. Entremos a ese LINK y nos aparecer una pgina donde deberemos seleccionar
"ENVIO BASICO" que es la forma gratuita de poner nuestra pgina:

4. Listo, ahora solamente siga los pasos que all se detallan para que el servidor de
ALTAVISTA verifique si la pgina cumple son sus requisitos y, si los cumple,
deberemos esperar de 2 a 4 semanas para ver que aparezca en los resultados de sus
bsquedas.

Si desea ver otro ejemplo de como ingresar datos a un buscador, vaya a la

siguiente direccion:
DIRECTORIO DE PAGINAS WEB

LECCION 11
COMO SUBIR MI PAGINA AL SERVIDOR DE
SecmasNET?

LECCION 11:

Cmo subir mi pgina al servidor de SecmasNET?

Para subir la pgina que acabamos de hacer al servidor de SecmasNET o a

cualquier otro servidor, se puede hacer de dos maneras utilizando un programa
FTP o bien utilizando nuestro Panel de Control en la funcin "FILE MANAGER".
El programa FTP puede ser cualquier programa que nos permita hacer
transferencia de archivos de nuestra mquina hacia un servidor. El que
normalmente se usa es uno que se llama WS_FTP LE el cual se puede conseguir
gratuitamente desde:
http://www.download.com
La forma de utilizar el FTP es muy sencilla, luego de haber pagado tu
espacio en SecmasNET (para una oferta especial en los precios de alojamiento de
SecmasNET visita ProyectoWEB) debers recibir un correo electrnico en donde
se te dan los datos como: NOMBRE DE USUARIO, CONTRASEA y la
direccin hacia donde debe de apuntar el FTP para subir tus archivos. Lo bueno de
los programas FTP es que te permiten de un modo muy simple y seguro crear
directorios en el servidor, subir archivos hacia diferentes lugares, eliminar archivos
o directorios, poner las propiedades de los archivos (CHMOD), etc. etc. Esta es
una imagen del programa WS_FTP LE:

Ahora bien si ya tenemos nuestra cuenta con SecmasNET tambin podemos

utilizar el programa de "MANEJO DE ARCHIVOS (file manager)" que se
encuentra en el Panel de Control. Esta es una vista del Panel de Control y del lugar
donde se encuentra el "FILE MANAGER":

Una vez colocada nuestra pgina dentro de nuestro servidor, todo mundo
podr entrar a verla. Lo bueno de tener uno su propio servidor es que desde all
podemos crear cuentas de correo, hacer backups de nuestros datos y pginas,
podemos manejar nuestras bases de datos, etc. etc. cosas que no son posibles con
un servicio gratuito de alojamiento.
Adems, contamos con la oferta de SecmasNET de que todos los usuarios de
mis pginas pueden tener su propio servidor, su propio nombre de dominio y a un
excelente precio. Para mas informacin por favor vaya a:
PROYECTO WEB por Sergio Cabrera

LECCION 12
QUE ES UN NOMBRE DE DOMINIO (DNS)?

LECCION 12:

Qu es un Nombre de Dominio (DNS)?

Se le llama Nombre de Dominio (DNS) al nombre con que indentificamos a

nuestro servidor en el Internet. Por ejemplo, un nombre de dominio puede ser
GOOGLE.COM, SECMAS.GUA.NET o bien LECCIONWEB.ORG, etc. etc.
Pero para tener un Nombre de Dominio no es indispensable tener un
servidor propio o una direccin IP, basta con tener una pgina puesta en cualquier
servidor (gratuito o pagado) para poder comprar nuestro Nombre de Dominio
(DNS). Y esto se debe a que en la actualidad las compaas que venden nombres
de dominio tienen un servicio gratuito que se denomina
REDIRECCIONAMIENTO lo cual significa que si tenemos nuestra pgina en
GEOCITIES, en una direccin bastante larga como
http://www.geocities.com/Area51/cavern/1706 podemos hacer que nuestro
Nombre de Dominio apunte hacia esa direccin por medio del redireccionamiento
y podra llamarse por ejemplo: PRUEBA.BIZ.
Lo ideal de los Nombres de Dominio es que sean nombres pequeos ya que
ellos se graban mas fcil en la mente de los usuarios de Internet, por ejemplo un
nombre corto como GOOGLE.COM a todo mundo se le queda grabado pero un
nombre como BUSCADORDEPAGINASWEBGOOGLE.COM sera muy difcil
de recordar siempre.
Para poder tener nuestro propio Nombre de Dominio es necesario comprarlo,
aunque en la actualidad hay bastantes lugares que ofrecen Nombres de Dominio
gratuitos, pero esto en realidad no es un Nombre de Dominio sino que es un Sub
Dominio; la forma como esto funciona es que uno aplica para tener un nombre
como por ejemplo PRUEBA.COM.TK entonces el dueo de ese Dominio .TK lo
que hace es crear un redireccionamiento dentro de su servidor para que apunte
hacia nuestra direccin URL; ahora bien, todo tiene un costo y es que siempre que
uno entre a esos lugares de redireccionamiento gratuito, se desplegar un anuncio y
muchas veces es un poco molesto. Los Nombres de Dominio en la actualidad no
son muy caros de comprar en HOSTNDOMAINS.COM por ejemplo, un nombre
de dominio puede costar al rededor de US$9.90 por ao.
Para verificar si el Nombre de Dominio que queremos para nuestra pgina
no lo tenga otra persona se hace necesario de ciertos utilitarios que nos ayudan a
verificar si el Nombre que queremos comprar est disponible, para hacer una
prueba, puede utilizar el siguiente enlace:
Ingrese el nombre que desea buscar:

www.

Tiene alguna pregunta?

FORO LECCIONES WEB

PROYECTO WEB
TUTORIA DIRIGIDA
APRENDIENDO A USAR UN SERVIDOR
PROYECTO WEB:
Lecciones Bsicas
- Leccin 1: Empezar
- Leccin 2: Texto
- Leccin 3: Grficos
- Leccin 4: Enlaces
- Leccin 5: Publicar
- Leccin 6: Contador/Msica

Lecciones Avanzadas
- Leccin 7: Fondos
- Leccin 8: Formulario
- Leccin 9: Libro de Visitas
- Leccin 10:
Buscadores

Hosting y Dominios
- Leccin 11: Servidores
- Leccin 12: Dominios

Lecciones
Proyecto WEB
Todas estas lecciones
+ Dominio y Espacio.
- Area Informativa y Operativa.
- Subdominios, Dominios,
Parqueados y adicionales.
- Espacio disponible y
utilizado.
- Cuentas de Emails, Listas y
Filtros de Correo.
- Como crear cuentas de

Cuando me inici en el mundo de las pginas web, nunca me

imagin lo grande que podra ser este campo; desconoca lo ms simple
y elemental pero poco a poco fu aprendiendo que no todo era tan difcil y
de ah naci la inquietud de ayudar a otros que se estn iniciando en este
campo.
Los tiempos han cambiado y ahora los diseadores de pginas
WEB ya no solamente deben saber como hacer una pgina sino que
tambin deben aprender como se maneja un servidor ya que es all el
lugar donde se colocan o "publican" las pginas que hemos creado para
que todo mundo que entra al Internet las pueda ver.
El manejo de un Servidor incluye, entre otras cosas, creacin de
cuentas de correo, manejos de Back Up (o copias de seguridad) del
Servidor, Listas de correo, Anti-Spam, filtros de correo, etc.
QUE ES PROYECTO WEB?
Hablando con la gente de SecmasNET, les ped apoyo para el
PROYECTO WEB, con el cual se podra ayudar a que ms gente
conociera lo que es un Servidor y como es que se maneja. Ellos sin
dudarlo un momento accedieron dndonos espacio en sus servidores y
en su servicio de nombres de dominio, fu as como naci PROYECTO
WEB.
SecmasNET siempre ha sido el pionero en este tipo de cosas y
quiero darles las gracias por su apoyo.
Pero debido a lo costoso que suele ser el uso de un Servidor este
proyecto no puede ser gratuito, pero se logr que el precio sea bastante

correos.
- Como eliminar cuentas de
correos.
- Como configurar Outlook
Express.
- Como usar el WebMail.
- Como Filtrar Correos.
- Como Utilizar Spam
Assassin.
- Como configurar una lista de
correo.
- Como funciona el FTP.
- Subiendo nuestra primera
pgina.
- Utilizando File Manager.
- Como configurar una base de
datos en el servidor.
- Verificacin de errores en el
servidor.
- Como revisar el espacio
asignado.
- Como proteger archivos o
directorios de nuestro
servidor.
- Como conservar nuestro
ancho de banda.
- Como manejar las copias de
respaldo (backups).
- Transferencia de Dominios.
- Verificacin de datos del
Dominio.

accesible para todos los que quisieran participar de Proyecto WEB.

TUTORIA DE PROYECTO WEB:
La tutora de Proyecto WEB se basa en lecciones fciles de seguir
y ejecutar, estas lecciones sobre el uso y manejo del Servidor, se
desarrollan por medio de LECCIONES especiales en donde usted
aprender a su propio ritmo, paso a paso y con imgenes para que no se
pierda.
En caso de duda puede escribir su duda en la misma leccin que
est ejecutando y nosotros la resolveremos all mismo.
MATERIAL DE TRABAJO (includo)
Nombre de Dominio:
(usted elige)

Panel de Control:
Espacio en servidor:
Ancho de Banda:
Cuentas de E-mail:
Filtros de Email:
Bases de Datos MySQL:
Plantillas HTML:

(listas para modificar)

Foros:
(listos para usar)

.COM, .ORG, .NET o .INFO

CPanel en Espaol

150 MB
1,500 MB al mes.
ilimitadas
ilimitados
ilimitadas
53 diferentes
PhpBB y SMF

BLOGS:

b2evolution, Nucleus,
pMachine Free y WordPress

Programas:

54 diferentes

Tiempo en crear su
espacio y dominio:

Inmediato al pagar

(listos para usar)

(listos para usar)

- Nuestras lecciones son exclusivas para usuarios registrados.

- Costo de PROYECTO WEB es de us$55 por ao e incluye nuestras
lecciones, su nombre de dominio y hosting en Secmas, S.A. Si usted
compra este mismo espacio en Secmas, S.A. el costo es de us$75 al ao
pero por ser usuario de mis lecciones usted se ahorra us$20.00
- Para pagar Proyecto WEB debe ingresar a www.secmas.net (en el logo
que est ms abajo), seleccionar y pagar por su espacio. Nosotros
recibiremos la notificacin del pago de parte de Secmas, S.A. e
inmediatamente crearemos su cuenta para ingresar a nuestras lecciones.
Para obtener este precio especial debe hacer CLICK aqu.

LECCION 8
EJEMPLO DE UNA FORMA #1

(para ver como est hecha esta pgina presione el botn

derecho de su mouse y presione en donde dice "VER CODIGO FUENTE")

Nombre:
Fecha de Llegada:
Fecha de Salida:
No. de Mesas:
Adultos:
Nios:

(menores de 12 aos).

Bebs:

(menores de 2 aos).

Precio x Mesa:
*OFERTA*
Tarifa especial para
reservaciones por
Internet solamente.

$ 55.00 -- Mesa para 4 Personas

GRATIS!!!
Servicio de bebidas nacionales
No incluye impuestos.

E-mail:
Tel:
Fax:
Direccin:
Ciudad:
Cdigo Postal:
Estado o Provincia:
Pas:
Favor de escribir aqu cualquier requerimiento especial:

Enviar Reservacin

Limpiar Forma

22% de impuestos se cargarn al precio de la mesa.

Silla extra, incluyendo bebidas nacionales @ $12.00

Tiene alguna pregunta?

FORO LECCIONES WEB

LECCION 8
EJEMPLO DE UNA FORMA #2

(para ver como est hecha esta pgina presione el botn derecho de su mouse y presione en donde dice:
"VER CODIGO FUENTE")

Puede contactarnos por correo electrnico, llenando la siguiente informacin:

NOMBRE:

EMAIL:

EMPRESA:
TELEFONO:

FAX:
COMENTARIOS:

ENVIAR

BORRAR

Copyright 1999
Secma's Software

Tiene alguna pregunta?

FORO LECCIONES WEB