Como Crear un Sitio Web Gratis!!

Paso a paso sólo para principiantes...

HOLA AMIGOS, HOY LES QUIERO COMENTAR CUALES SON ALGUNOS DE LOS PRINCIPALES PASOS A SEGUIR PARA PUBLICAR UN SITIO WEB EN INTERNET.

LES ACLARO QUE YO NO SOY EXPERTO, PERO HE DECIDIDO COMPARTIR ALGO DE MIS ESCAZOS CONOCIMIENTOS CON TODOS USTEDES, ASÍ DE ESTA FORMA VOY APRENDIENDO Y, A LA VEZ PUEDO AYUDAR A LA PERSONA QUE ASÍ LO DESEE.

SOFTWARE Y HOSTING

HOSTING

CONSEGUIR UN HOSTING Y EN LO POSIBLE GRATUITO ES LO PRINCIPAL, PUES ES DONDE VAMOS A PUBLICAR NUESTRAS PÁGINAS WEB. HAY MUCHOS SITIOS EN INTERNET QUE PROVEEN SERVICIOS DE HOSTING GRATUITO, PERO YO LES VOY A RECOMENDAR EL QUE ESTOY UTILIZANDO YO PARA CREAR ESTA PÁGINA, POR EJEMPLO.

ACÁ LES DEJO UN LINK PARA QUE USTEDES SE REGISTREN Y COMIENZEN A DRISFRUTAR DE LOS SERVICIOS QUE AHÍ SE PRESENTAN: AQUÍ SERVICIO DE HOSTING GRATUITO

TE DAN 500MB DE ESPACIO EN SERVIDOR PARA CREAR TU SITIO WEB Y, PODES USAR PÁGINAS WEB DINAMICAS CON PHP5 Y MYSQL. HAY MUCHOS SERVICIOS GRATIS MÁS, QUE YA TE IRAS DANDO CUENTA CON EL TIEMPO, PERO LO BÁSICO ES ESTO QUE TE CUENTO, MÁS OTRA VENTAJA, NO INSERTA PUBLICIDAD EN TÚ SITIO.

OTROS SITIOS WEB DE HOSTING GRATUITO :

FREEHOSTIA

AWARDSPACE

ESTOS DOS SITIOS YO REALMENTE NO LOS ESTOY USANDO, PERO PIENSO ECHARLES UN VISTASO MÁS ADELANTE.

SOFTWARE

¿YA TIENES TÚ SERVICIO DE HOSTING FUNCIONAANDO?

BUENO, AHORA LO QUE TENES QUE HACER ES DESCARGAR DE INTERNET ALGÚN EDITOR DE PÁGINAS WEB QUE SEA FACIL DE USAR Y QUE SEA FACIL DE CRAKEAR.

EL DREAMWEAVER ES UNO DE LOS EDITORES DE SITIOS WEB QUE YO MÁS CONZCO Y QUE AHORA ESTOY UTILIZANDO. LES DEJO DOS CARPETAS, LA PRIMERA CONTIENE EL ADOBEDREAMWEAVER DESCARGADO DESDE SU SITIO WEB OFICIAL Y, LA OTRA, CONTIENE UNA CARPETA CON LA MEDICINA PARA CRACKEARLO. TODO FUNCIONA BIEN YO MISMO LO ESTOY USANDO, SI TIENEN ALGÚN INCONVENIENTE PARA INSTALAR EL PROGRAMA Y SU CRACK NO DUDEN EN HACERMELO SABER.

QUÉ SON Y PARA QUÉ SIRVEN LAS PÁGINAS WEB??

A PARTIR DE AHORA YA ESTAMOS EN CONDICIONES DE EMPEZAR A PUBLICAR INFORMACIÓN EN INTERNET. POR EJEMPLO, ÉSTE TUTORIAL ESTA COMPUESTO POR UNA PÁGINA WEB BASTANTE SIMPLE QUE SE LOCALIZA EN UN SERVIDOR DE INTERNET. TÚ EN ESTE MISMO MOMENTO, HAS ACCEDIDO A ESTA PÁGINA POR INTERMEDIO DE UN EXPLORADOR WEB. ACÁ EN ESTA PÁGINA ENCONTRASTES CIERTA INFORMACIÓN : TEXTO, ENLACES, PROGRAMAS, TODO ORGANIZADO PARA LA WORLD WIDE WEB. O SEA, UNA PÁGINA WEB ES UN DOCUMENTO ELECTRÓNICO DONDE SE ORGANIZA EL CONTENIDO QUE NOSOTROS VAMOS A PUBLICAR EN INTERNET Y, LUEGO ÉSTA SERÁ ACCEDIDA POR OTROS USUARIOS EN LA RED POR INTERMEDIO DE UN EXPLORADOR WEB.

ORGANIZACIÓN DE UNA PÁGINA WEB EN UN SERVIDOR

PÁGINAS WEB Y SU ESTRUCTURA EN UN SERVIDOR.

ANTES DE QUE EMPIECEN A CREAR UNA PÁGINA WEB, YO LES RECOMIENDO QUE ORGANICEN LA INFORMACIÓN QUE DESEAN PUBLICAR EN FORMA BIEN ESTRUCTURADA. ESTO TIENE MUCHAS VENTAJAS, UNA ES QUE FACILITA LA TAREA DE MANTENIMIENTO DEL SITIO WEB.

LA FIGURA DE MÁS ARRIBA MUESTRA LA ESTRUCTURA DE UN SITIO WEB BASTANTE SIMPLE, PUES CONSTA SOLO DE DOS NIVELES. EN EL PRIMER NIVEL SE ENCUENTRA LA PÁGINA PRINCIPAL, QUE EN ESTE CASO, ES DE UN SITIO WEB PERSONAL. TAMBIÉN HAY UNA PÁGINA DE CONTACTO Y UNA FOTO CON LA IMÁGEN DE LA PERSONA DE QUE SE TRATE.

EN EL SEGUNDO NIVEL, YA TENEMOS DOS CARPETAS CON DOS TEMAS DIFERENTES BIEN ORGANIZADOS EN DOS SECCIONES, UNA FOTOS Y OTRA VÍDEOS. COMO PUEDEN VER UNA CARPETA PUEDE CONTENER UNA O MÁS PÁGINAS WEB Y TODO TIPO DE DOCUMENTOS, LA REGLA GENERAL ES QUE CADA CARPETA GUARDE INFORMACIÓN LO MÁS LOGICA POSIBLE.

LENGUAJE HTML Y PÁGINAS WEB.

TODAS LAS PÁGINAS WEB ESTÁN ESCRITAS EN UN LENGUAJE DE ETIQUETAS QUE SE LLAMA HTML (HIPERTEXT MARKUP LANGUAGE). CADA ELEMENTO DE LA PÁGINA TIENE QUE TENER UNA ETIQUETA DE INICIO Y OTRA DE CIERRE POR EJEMPLO:

<HTML></HTML> ESTAS DOS ETIQUETAS LE DICEN AL EXPLORADOR QUE COMIENZA Y TERMINA RESPECTIVAMENTE, UN DOCUMENTO DE HIPERTEXTO.

PERO LAS PAGINAS WEB BÁSICAS, SE COMPONEN DE POR LO MENOS UN CONJUNTO DE CUATRO ETIQUETAS EN EL ORDEN SIGUIENTE:

<HTML>

<HEAD>

<TITLE> MY SITIO WEB </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

LA PRIMERA ETIQUETA MARCA EL INICIO DE UN DOCUMENTO DE HYPERTEXO O PÁGINA WEB <HTML> </HTML>. EL SEGUNDO ELEMENTO, ES EL TÍTULO DE LA PÁGINA WEB <TITLE></TITLE>. EL TERCER ELEMENTO ES LA CABECERA DE LA PÁGINA WEB <HEAD></HEAD> Y, DESPUÉS, EL CUERTO ELEMENTO ES EL CUERPO DEL DOCUMENTO <BODY></BODY>.

AHORA, SI USTEDES USAN UN EXPLORADOR PARA LEER ESTA SIMPLE PÁGINA WEB, SE VAN A ENCONTRAR QUE LES VA A SALÍR UNA PÁGINA EN BLANCO. PORQUE NO TIENE INFORMACIÓN EN EL CUERPO DEL DOCUMENTO, PARA SOLUCIONAR ESTO VAMOS A PONER UN TEXTO CUALQUIERA ENTRE LAS ETIQUETAS <BODY></BODY>

 

<HTML>

<HEAD>

<TITLE>MY SITIO WEB </TITLE>

</HEAD>

<BODY>

<P STYLE = "FONT-FAMILY : ARIAL, HELVETICA,SANS-SERIF", ALING ="LEFT" > HOLA MUNDO </P>

</BODY>

</HTML>

AHORA SÍ, EN EL EXPLORADOR LES SALDRÁ LA PALABRA "HOLA MUNDO".

 

QUÉES LO QUE CONTIENE UNA ETIQUETA DE LENGUAJE HYPERTEXTO??

PARA CONTESTAR ESTA PREGUNTA, PRIMERO MIRÉN LA ETIQUETA DE INICIO DEL ELEMENTO PARRAFO DENTRO DEL CUERPO DE LA PÁGINA WEB <P>, AHÍ SE ENCUENTRAN LOS ATRIBUTOS DE ÉSE ELEMNTO PARRAFO Y, ENTRE LA ETIQUETA DE INICIO Y LA DE CIERRE DEL PARRAFO <P></P>, SE COLOCA EL CONTENIDO DE TEXTO QUE VAMOS A MOSTRAR EN LA PÁGINA WEB.

ESTO QUE DIGO SIRVE PARA TODAS LAS ETIQUETAS DE HYPERTEXTO, MANIPULANDO LOS ATRIBUTOS DE UNA ETIQUETA, PODEMOS CONTROLAR LA FORMA DE COMO SE MUESTRA EL CONTENIDO EN UNA PÁGINA WEB, OBSERVEN LOS SIGUIENTES EJEMPLOS.

MANIPULANDO ARTIBUTOS DE PARRAFOS EN UNA PÁGINA WEB.

1 FUENTE ARIAL, ALINEADA A LA IZQUIERDA

<P STYLE = "FONT-FAMILY : ARIAL, HELVETICA,SANS-SERIF", ALING ="LEFT">"HOLA MUNDO"</P>

"HOLA MUNDO".

2 TAMAÑO DE FUENTE 36 pixeles, ALINEADA A LA IZQUIERDA

<P style="font-size: 36px" align="left" > HOLA MUNDO</P>

HOLA MUNDO

3 FONDO DE TEXTO CON COLOR VERDE OLIVA CENTRADO

<P style="background-color:#0F6" align="center" > HOLA MUNDO</P>

HOLA MUNDO

CÓMO ESTRUCTURAR UN TEXTO EN LENGUAJE HTML??

CUANDO TENGAS QUE CREAR UNA PÁGINA, TÚ DEBÉS PENSAR PRIMERO EN LOS BUSCADORES, COMO EL DE GOOGLE. SI ESCRIBES UN ARTÍCULO, ES PARA QUE RAPIDAMENTE TU PÁGINA SEA INDEXADA HACIA ELLOS Y OBTENGAS USUARIOS PARA TU SITIO WEB.

ESTO SE LOGRA CON ETIQUETAS DE TEXTO, PUESTAS EN FORMA BIEN ESTRUCTURADA. LO QUE SE LLAMA MARCADO ESTRUCTURAL DEL TEXTO.

EJEMPLO:

<H1> COMO CREAR UN SITIO WEB GRATIS !!</H1>

<H2> PAASO A PASO SÓLO PAARA PRICIPIANTES..</H2>

<H1> SOFTWARE Y HOSTING </H1>>

<P> ESTO ES UN EJEMPLO !!<P>

<H3> OTRA SECCIÓN MÁS</H3>

<H1></H1> ES EL ENCABEZADO DE LA PÁGINA WEB, YO RECOMIENTO QUE EL ENCABEZADO SEA EL MISMO QUE EL TÍTULO DE LA PÁGINA WEB EN EL EXPLORADOR. OBSERVEN BIEN EN ESTA PÁGINA QUE USTEDES ESTÁN LEYENDO AHORA EL ENCABEZADO ARRIBA DEL TODOY, AHORA OBSERVEN EL TITULO DE LA PÁGINA EN LA VENTANA DE TITULO DEL EXPLORADOR.

A MODO DE EJEMPLO, ASÍ ES COMO YO LES DIGO : <TITLE>COMO CREAR UN SITIO WEB GRATIS !!</TITLE>

<H2></H2> ES UN ENCABEZADO DE SEGUNDO NIVEL.

<P></P> ES EL PARRAFO QUE ESTAMOS ESCRIBIENDO AHORA.

EL BUSCADOR DE GOOGLE PRESTA MUCHA ATENCIÓN A TODOS ESTOS ELEMENTOS DE TEXTO, ÉL LO LEE Y LO GUARDA EN SU BASE DE DATOS ENSEGUIDA.

CÓMO INCRUSTAR IMÁGENES EN LENGUAJE HTML.

UNA PÁGINA WEB SIN IMÁGENES NO ES UNA PÁGINA WEB. LA ETIQUETA QUE SIRVE PARA INCRUSTAR UNA IMÁGEN EN UNA PÁGINA WEB, ES LA SIGUIENTE : <IMG> A DIFERENCIA DE LAS DEMÁS ETIQUETAS HTML, ESTA NO TIENE ETIQUETA DE CIERRE.

EJEMPLO : <img src="../../segovia.gif" width="50" height="50" />

ACÁ SE VE LA IMÁGEN EN LA PÁGINA WEB.

ATRIBUTOS DE LA IMÁGEN:

SRC : ES EL ATRIBUTO QUE ESPECIFICA LA DIRECCIÓN DEL SITIO WEB DONDE SE TIENE ALOJADO EL RECURSO IMÁGEN.

WIDTH: ES EL ANCHO DE LA IMÁGEN

HEIGTH: ES LA ALTURA DE LA IMÁGEN.

LOS ENLACES O HYPERVINCULOS.

UN ELEMENTO QUE NO PUEDE FALTAR EN UNA PÁGINA WEB, SON LOS HYPERVINCULOS. ÉSTOS SIRVEN PARA IR DE UNA PÁGINA WEB HACIA OTRA.

LA ETIQUETA DE UN HYPERVICULO ES LA SIGUIENTE : <A></A>

ATRIBUTOS : HREF = DIRECCIÓN HTTP O UBICACIÓN DE NUESTRO PROPIO SITIO WEB.

ATRIBUTO : TARGET = SIRVE PARA DECIRLE AL EXPLORADOR SI QUEREMOS QUE LA NUEVA PÁGINA WEB SE HABRA EN LA MISMA VENTANA O EN UNA VENTANA NUEVA.

HAY MUCHOS MÁS ATRIBUTOS, YO NO LOS VOY A EXPLICAR ACÁ SÓLO LES VOY A DEJAR UN EJEMPLO DE COMO FUNCIONAN ESTOS DOS QUE HE MENCIONADO ANTERIORMENTE.

<A HREF ="http://no-energia-nuclear.blogspot.com" TARGET ="NEW">IR A VISITAR MY BLOGSOBRE ENERGÍA NUCLEAR</A>

EJEMPLO:

SI HACES CLICK EN EL HYPERVINCULO VAS A VISITAR MI BLOG SOBRE ENERGÍA NUCLEAR EN UNA VENTANA NUEVA.

IR A VISITAR MY BLOG SOBRE ENERGÍA NUCLEAR

<A HREF ="../../" TARGET = "SELF> INICIO</A>

SI AHORA HACES CLICK EN EL HYPERVINCULO "INICIO" NAVEGAS HACIA MI PÁGINA PRINCIPAL !!

IR AL INICIO

CONSEJO PRÁCTICO

HEMOS APRENDIDO LO MÁS NECESARIO QUE YO CONSIDERO QUE SE TIENE QUE SABER PARA CREAR UN SITIO WEB. LO QUE ME INTERESA, ES SABER SI A USTEDES QUE EMPIEZAN DESDE CERO, SIN SABER NADA DE COMPUTACIÓN, ESTO QUE EXPLICO LES PARECE QUE SE ENTIENDE?? SOY CONCIENTE QUE FALTA EXPLICAR MUCHA COSA EN FORMA MÁS DETALLADA, PERO ESTA INFORMACIÓN CREANME QUE ES LO MÁS ESCENCIAL.

POR OTRO LADO, COMO YA USTEDES HAN VISTO, LA CREACIÓN DE UNA PÁGINA WEB ES BIEN SIMPLE, PUES TODAS LAS PÁGINAS GUARDAN LA MISMA ESTRUCTURA BÁSICA. EL LENGUAJE HTML GUARDA UNA ESTRUCTURA DE PROGRAMACIÓN BASTANTE SIMPLE Y CUALQUIERA LO PUEDE ENTENDER FACILMENTE. LA FORMA DE APRENDER ÉSTE LENGUAJE ES EXPERIMENTANDO, POR EJEMPLO, TIENEN QUE AGARRAR UN ELEMENTO CUALQUIERA DE HTML Y ESTUDIAR SUS ATRIBUTOS, MODIFICARLOS Y VER COMO SE MUESTRAN EN EL EXPLORADOR. BUSQUÉN MÁS INFORMACIÓN EN SITIOS WEB QUE SEAN MÁS ESPECIALIZADOS EN EL TEMA (HAY MUCHOS EN LA RED). BUENO DEPENDIENDO DE SUS COMENTARIOS, LUEGO VERÉ SI SIGO HACIENDO ÉSTE TIPO DE TUTORIALES.

DESDE YA ESPERO SUS COMENTARIOS Y LES MANDO UN ABRAZO FUERTE!!