Por el profesor Héctor Julio Gil Ch
                                                                  SED Colegio La Aurora IED.




Diseño de sitios Web y carga de
     paginas en Internet
        Por: Héctor Julio Gil Chiquillo




              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                            SED Colegio La Aurora IED.




                   Hosting Gratis en Internet

Cargar sitios Web en internet con herramientas gratuitas

El presente trabajo tiene como propósito acercar a los estudiantes y
a cualquier persona que lo requiera a algunas pautas para acceder a
cargar sitios Web en internet en un portal de hosting gratuito

Para el mejor aprovechamiento de esta guía es indispensable hacer
en la medida de lo posible los pasos (espero sean de fácil
entendimiento) que se sugiere en ella, además depende del lector
de que “cacharree” bastante y descubra muchas cosas que aquí no
encontrará

Espero que esta guía le aporte a sus conocimientos y por que no en
su vida profesional, laboral y/o familiar
                                                                                       Profesor
                                                                      Héctor Julio Gil Chiquillo
                                                                 Ing. Sistemas Esp. Edumática


                        Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                             SED Colegio La Aurora IED.




Qué es Internet?
"Una red mundial de redes de computadoras“, Red que se encuentra
interconectada a lo largo del mundo, nadie es dueño de Internet
simplemente cada usuario paga su conexión hasta llegar a la red.

El protocolo utilizado en esta gran red es TCP/IP, TCP (Transfer
Control Protocol) se encarga de contabilizar las transmisión de datos
entre computadoras y registrar si hay o no errores, mientas que IP
(Internet Protocol) es el que realiza realmente la transferencia de
datos.

En la red existen equipos denominados host, estos equipos se
encargan de dar servicios a los clientes (usuario) en la red




                         Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                             SED Colegio La Aurora IED.




Servicios de Internet?                        •Intercambio de archivo P2P,
Algunos de estos servicios en                 Chats o IRC (Internet Relay
Internet son:                                 Chat),

•La transferencia de ficheros                 •audio y videoconferencia,
(FTP).                                        mensajería instantánea y
•(e-mail).                                    llamadas     telefónicas vía
•Los      boletines    electrónicos           Internet, Telnet,
(USENET) y grupos de noticias
(news groups).                                •Redes sociales o Social
•Las listas de distribución, World            networking,          Wikis,
Wide Web                                      Sindicación de contenidos
                                              (RSS, Atom, XML), Spaces o
•Foros web, Weblogs, blogs o                  Espacios
bitácoras,                                     Los foros de debate




                         Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                            SED Colegio La Aurora IED.




Qué es una página Web?

Una página Web es un archivo de texto que contiene lenguaje de
marcas de hipertexto (HTML) y que pertenece a un sitio Web
(webSite); contiene etiquetas de formato, archivos gráficos,
animaciones o de video y vínculos a otras páginas Web.

El archivo de texto se almacena en un servidor Web al que pueden
acceder otras computadoras conectadas a ese servidor , vía Internet
o a través de una red LAN.

Al archivo se puede acceder utilizando exploradores Web que no
hacen otra cosa que efectuar una transferencia de archivos e
interpretación de las etiquetas y vínculos HTML, y muestran el
resultado en el monitor.




                        Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                             SED Colegio La Aurora IED.




Características de una página Web?

Existen varias características que hacen que una pagina Web sea
interesante o no!

• Navegabilidad

• Interactividad

• Organización y distribución de contenidos

• Que contengan objetos multimedia(archivos de texto, sonido,
animación y vídeo

• Identidad corporativo o con la información




                         Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                            SED Colegio La Aurora IED.




Colgar paginas Web en Internet

Para tener un sitio en internet se debe tener en cuenta
algunas pautas que son obligatorias para ello:

• Registro de Dominio
         Es el nombre que identifica a un sitio Web
• Adquisición de Hosting o Alojamiento
         Es el servicio que ofrecen algunas empresas en internet,
         el cual es un espacio físico en el disco duro de un servidor
         Web que permite hospedar el sitio Web
         Páginas de alojamiento gratuito
                    Es el alojamiento que ofrecen ciertas
                    compañías en Internet para hospedar sitios
                    personales o no comerciales con beneficios
                    recíprocos y limitaciones

                        Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                           SED Colegio La Aurora IED.




REGISTRO DE UN DOMINIO PROPIO


Si queremos tener nuestra propia dirección tal como
www.soyelmaspilodemiclase.net tenemos que buscar un nombre
que no este registrado y pagar el registro.

Podemos registrar diferentes terminaciones:
La terminación .com: es para las empresas y procede de company
La terminación .net : estaba pensada para las redes.
La terminación .org se refiere a organization. no lucrativas.
La terminación .co se refiere a uso exclusivo para Colombia

          Las marcas de empresas reconocidas, se encuentran
          protegidas por la legislación. Las empresas que ya tienen
          direcciones funcionando en Internet se encuentran
          protegidas por estas legislaciones.


                       Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                            SED Colegio La Aurora IED.




PÁGINAS DE ALOJAMIENTO GRATUITO

Es el alojamiento que ofrecen ciertas compañías en Internet para
hospedar sitios personales o no comerciales con beneficios
recíprocos y limitaciones

Entre las compañías más conocidas (existen innumerables) en la
prestación del servicio de hosting gratuito están:

http://www.f2s.com                    http://www.hostgator.com
http://www.brinkster.com              http://www.vzpla.net
http://www.vermail.com                http://www.galeon.com
http://www.hostpapa.com               http://ipaginate.iespana.es
http://www.justhost.com               http://quintointento.freeservers.com
http://www.wix.com                    http://jimdo.com
http://www.hostingdepago.com          http://.metropoli2000.net




                        Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                             SED Colegio La Aurora IED.




          GUIA PARA EL ALOJAMIENTO GRATUITO
      de paginas personales no comerciales en Internet

Para la explicación de esta actividad vamos a utilizar la compañía de
alojamiento gratis Voidzone Networks cuya sitio y página principal
es http://vzpla.net, la cual es de las más sencillas de utilizar y no
anuncia en los sitios creados (recuerde que es gratuito tiene sus
limitaciones)

Para empezar es necesario(obligatorio) tener una cuenta de correo
con google, en www.gmail.com para que allí nos llegue toda la
información del servidor web

Tenga en cuenta que esta es una guía de referencia y en ningún caso
un manual que le oriente en todas las inquietudes que pueda tener,
recuerde que de usted depende ampliar la información tanto en
teoría como en la práctica.


                         Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Emplee el buscador de google para
encontrar el home page (página
principal) de vzpla.net




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Verifique la dirección que
corresponda al dominio
http://vzpla.net




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                    SED Colegio La Aurora IED.


El primer paso es el registro en
http://vzpla.net , para ello haga clic
en “Regístrate”




                                Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Diligencie el formulario de
inscripción tal y como se pide.




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                       SED Colegio La Aurora IED.


Así, al final haga clic el botón
registro y listo!




                                              Tenga en cuenta que la palabra que
                                              escriba en el cajetín “USER” es el
                                              nombre que va a tener como dominio
                                              seguido de vzpla.net



                                   Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Al terminar recibirá un mensaje
como este, y el paso a seguir es
revisar el correo de gmail inscrito




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                               SED Colegio La Aurora IED.


Verifique el mensaje de vzpla.net
en la bandeja de entrada de su
cuenta de correo o en correo spam




                           Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Abra el mensaje y siga el link de
confirmación. El nombre de usuario
lo encuentra aquí (anótelo)




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Escriba el código de verificación y
haga clic en “click”.




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                      SED Colegio La Aurora IED.


Listo! Felicitaciones, ya tiene
hosting gratuito en Internet




                                  Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                               SED Colegio La Aurora IED.


Espere unos minutos y comience a
disfrutar de esta herramienta.




                                                                   Escriba su
                                                                   USERNAME y el
                                                                   PASSWORD y haga
                                                                   clic en LOGIN.




                           Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                    SED Colegio La Aurora IED.


Escriba el “user” del correo, El “password”,
Seleccione el idioma que prefiera y…
LOGIN




                                Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Esta es la vista del panel de control
desde donde usted configurará todo
explore y verifique cada una.




                                                               Ejm. Sub Dominios




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Explore, Lea y analice cada una de
las herramientas. Devuélvase y
verifique otra




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Luego de haber verificado toda la
vista panel empecemos… Haga clic
en Administrador de Archivos




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Esta es nuestra Pantalla que
necesitaremos para el montaje de
nuestro sitio Web. Explorela!




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Esta será la carpeta de nuestro sitio
htdocs.




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Aquí encontraremos la dirección de
los recursos(páginas, imágenes,
videos y/o animaciones)




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Esta es la página “index.htm” que
será la puerta de entrada a su sitio,
mas adelante la explico




             Link “Editar”: Permite modificar el contenido
             de la pagina “index.htm”



                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Así se ve la página por defecto ¡Qué
tal !, …personalizarla es nuestro
trabajo inicial




                             MANOS A LA OBRA!




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Ahora vamos a personalizarla
Verifique el vinculo “Editar” de la
pagina “index.htm” y haga clic sobre
él




           Link “Ver”: Visualiza el código de la página y
           los errores de sintaxis de esta.



                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Se le hace conocido el contenido?
Yo creo que si,
Motiva cierto? Pues ánimo!




                               Iconos “Guardar” y “volver”,
                               recuerde esto es como en clase,
                               solo que es en línea( en tiempo
                               real)




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


No es una guía de HTML porque
usted ya lo sabe(y muy bien), escribí
un código fácil (reconózcalo)




      Fíjese que la estructura es tal como la aprendimos.
      <HTML>
      <head><title> ….etc. Recuerde guardar y volver(atrás)




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Este es el resultado del código
escrito.
Interesante, Verdad?




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Esta es la misma página en otro
navegador Web.
…pero Cómo llegué ahí?




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


El link “Ver” permite la visualización
del código y su sintaxis




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Explore las herramientas y verifique
cada, ejemplo crear una subcarpeta
para organizar los recursos




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Dele el nombre a los subdirectorios
o subcarpetas que tengan relación
con los contenidos que almacena.




                                 Haga clic el icono aceptar




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


…y verifique que se hayan creado
correctamente con los nombres
correctos. Ahora devuélvase




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Observe que las subcarpetas o
subdirectorios se crearon en la
carpeta “htdocs”




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Ahora intente crear un archivo
desde 0,




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Es fácil, acuérdese del código HTML
Ah! Y no olvide la estructura básica
y la sintaxis.




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                               SED Colegio La Aurora IED.


Ahora verifique como se CARGAN
archivos que ya hemos creado con
anticipación,




                           Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Si es un archivo de otro tipo,
recuerde que tiene subcarpetas
para organizar la información




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                 SED Colegio La Aurora IED.


Así se ve nuestra carpeta cuando
está vacía




                             Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                               SED Colegio La Aurora IED.


Debemos explorar para encontrarlo
y cargarlo, esto se hace haciendo
clic en “Examinar”




                           Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                    SED Colegio La Aurora IED.


Seleccione el archivo que va a
cargar y listo! Haga clic en abrir




                                Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Aquí aparece la dirección local del
archivo a cargar, haga luego clic en
el icono aceptar




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Aquí aparece la dirección local del
archivo a cargar, haga luego clic en
el icono aceptar




                                                     El archivo cargado fue una
                                                     página Web llamada
                                                     “Crear_Tablas.html”




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                     SED Colegio La Aurora IED.


Aquí se ve que el archivo está
cargado y la dirección URL del
archivo ya en Internet




                                 Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Esta es la pagina del archivo cargado




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                    SED Colegio La Aurora IED.




Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                    SED Colegio La Aurora IED.




Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Ahora se va a cargar otro tipo de
recurso en la carpeta “recursos”




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Verifique cómo o qué contenido
tiene esta carpeta




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


El tipo de archivo es un applet o un
archivo de Flash en Swf




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Lo primero es hacer clic en el botón
“+ add”




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Busque el archivo a cargar y ya sabe,
haga clic en “add files” y listo!




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                   SED Colegio La Aurora IED.


Aquí aparece el archivo cargando . . .




                               Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                    SED Colegio La Aurora IED.


Sigue el progreso de la carga




                                Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                SED Colegio La Aurora IED.


Pueda ser que algunos archivos no
sean compatibles con la plataforma
y entonces se generan estos textos




                            Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Aquí aparece un archivo de flash de
tipo swf, pruébelo en su navegador
copiando la URL que aparece abajo




                   Digite la siguiente dirección en su navegador
       http://cibercaminantes.vzpla.net/recursos/MascaraEncabezado.swf
                              Para verificar este recurso




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                                  SED Colegio La Aurora IED.


Ahora le queda a usted que profundice
sobre el tema y desarrolle hasta donde
su imaginación lo permita. Éxitos!!!!




                              Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com
Por el profesor Héctor Julio Gil Ch
                                                                            SED Colegio La Aurora IED.




 Diseño de sitios Web y carga de
      paginas en Internet
                              Gracias…

Espero que esta guía le haya servido de algo, cualquier sugerencia
 favor escribir al correo electrónico cibercaminantes@gmail.com
                 Profesor: Héctor Julio Gil Chiquillo


                                                             …Espere nuevas publicaciones




                        Sugerencias y aclaraciones escriba al correo del proyecto:   cibercaminantes@gmail.com

Hosting gratis

  • 1.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Diseño de sitios Web y carga de paginas en Internet Por: Héctor Julio Gil Chiquillo Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 2.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Hosting Gratis en Internet Cargar sitios Web en internet con herramientas gratuitas El presente trabajo tiene como propósito acercar a los estudiantes y a cualquier persona que lo requiera a algunas pautas para acceder a cargar sitios Web en internet en un portal de hosting gratuito Para el mejor aprovechamiento de esta guía es indispensable hacer en la medida de lo posible los pasos (espero sean de fácil entendimiento) que se sugiere en ella, además depende del lector de que “cacharree” bastante y descubra muchas cosas que aquí no encontrará Espero que esta guía le aporte a sus conocimientos y por que no en su vida profesional, laboral y/o familiar Profesor Héctor Julio Gil Chiquillo Ing. Sistemas Esp. Edumática Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 3.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Qué es Internet? "Una red mundial de redes de computadoras“, Red que se encuentra interconectada a lo largo del mundo, nadie es dueño de Internet simplemente cada usuario paga su conexión hasta llegar a la red. El protocolo utilizado en esta gran red es TCP/IP, TCP (Transfer Control Protocol) se encarga de contabilizar las transmisión de datos entre computadoras y registrar si hay o no errores, mientas que IP (Internet Protocol) es el que realiza realmente la transferencia de datos. En la red existen equipos denominados host, estos equipos se encargan de dar servicios a los clientes (usuario) en la red Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 4.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Servicios de Internet? •Intercambio de archivo P2P, Algunos de estos servicios en Chats o IRC (Internet Relay Internet son: Chat), •La transferencia de ficheros •audio y videoconferencia, (FTP). mensajería instantánea y •(e-mail). llamadas telefónicas vía •Los boletines electrónicos Internet, Telnet, (USENET) y grupos de noticias (news groups). •Redes sociales o Social •Las listas de distribución, World networking, Wikis, Wide Web Sindicación de contenidos (RSS, Atom, XML), Spaces o •Foros web, Weblogs, blogs o Espacios bitácoras, Los foros de debate Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 5.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Qué es una página Web? Una página Web es un archivo de texto que contiene lenguaje de marcas de hipertexto (HTML) y que pertenece a un sitio Web (webSite); contiene etiquetas de formato, archivos gráficos, animaciones o de video y vínculos a otras páginas Web. El archivo de texto se almacena en un servidor Web al que pueden acceder otras computadoras conectadas a ese servidor , vía Internet o a través de una red LAN. Al archivo se puede acceder utilizando exploradores Web que no hacen otra cosa que efectuar una transferencia de archivos e interpretación de las etiquetas y vínculos HTML, y muestran el resultado en el monitor. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 6.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Características de una página Web? Existen varias características que hacen que una pagina Web sea interesante o no! • Navegabilidad • Interactividad • Organización y distribución de contenidos • Que contengan objetos multimedia(archivos de texto, sonido, animación y vídeo • Identidad corporativo o con la información Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 7.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Colgar paginas Web en Internet Para tener un sitio en internet se debe tener en cuenta algunas pautas que son obligatorias para ello: • Registro de Dominio Es el nombre que identifica a un sitio Web • Adquisición de Hosting o Alojamiento Es el servicio que ofrecen algunas empresas en internet, el cual es un espacio físico en el disco duro de un servidor Web que permite hospedar el sitio Web Páginas de alojamiento gratuito Es el alojamiento que ofrecen ciertas compañías en Internet para hospedar sitios personales o no comerciales con beneficios recíprocos y limitaciones Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 8.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. REGISTRO DE UN DOMINIO PROPIO Si queremos tener nuestra propia dirección tal como www.soyelmaspilodemiclase.net tenemos que buscar un nombre que no este registrado y pagar el registro. Podemos registrar diferentes terminaciones: La terminación .com: es para las empresas y procede de company La terminación .net : estaba pensada para las redes. La terminación .org se refiere a organization. no lucrativas. La terminación .co se refiere a uso exclusivo para Colombia Las marcas de empresas reconocidas, se encuentran protegidas por la legislación. Las empresas que ya tienen direcciones funcionando en Internet se encuentran protegidas por estas legislaciones. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 9.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. PÁGINAS DE ALOJAMIENTO GRATUITO Es el alojamiento que ofrecen ciertas compañías en Internet para hospedar sitios personales o no comerciales con beneficios recíprocos y limitaciones Entre las compañías más conocidas (existen innumerables) en la prestación del servicio de hosting gratuito están: http://www.f2s.com http://www.hostgator.com http://www.brinkster.com http://www.vzpla.net http://www.vermail.com http://www.galeon.com http://www.hostpapa.com http://ipaginate.iespana.es http://www.justhost.com http://quintointento.freeservers.com http://www.wix.com http://jimdo.com http://www.hostingdepago.com http://.metropoli2000.net Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 10.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. GUIA PARA EL ALOJAMIENTO GRATUITO de paginas personales no comerciales en Internet Para la explicación de esta actividad vamos a utilizar la compañía de alojamiento gratis Voidzone Networks cuya sitio y página principal es http://vzpla.net, la cual es de las más sencillas de utilizar y no anuncia en los sitios creados (recuerde que es gratuito tiene sus limitaciones) Para empezar es necesario(obligatorio) tener una cuenta de correo con google, en www.gmail.com para que allí nos llegue toda la información del servidor web Tenga en cuenta que esta es una guía de referencia y en ningún caso un manual que le oriente en todas las inquietudes que pueda tener, recuerde que de usted depende ampliar la información tanto en teoría como en la práctica. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 11.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Emplee el buscador de google para encontrar el home page (página principal) de vzpla.net Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 12.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Verifique la dirección que corresponda al dominio http://vzpla.net Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 13.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. El primer paso es el registro en http://vzpla.net , para ello haga clic en “Regístrate” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 14.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Diligencie el formulario de inscripción tal y como se pide. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 15.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Así, al final haga clic el botón registro y listo! Tenga en cuenta que la palabra que escriba en el cajetín “USER” es el nombre que va a tener como dominio seguido de vzpla.net Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 16.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Al terminar recibirá un mensaje como este, y el paso a seguir es revisar el correo de gmail inscrito Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 17.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Verifique el mensaje de vzpla.net en la bandeja de entrada de su cuenta de correo o en correo spam Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 18.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Abra el mensaje y siga el link de confirmación. El nombre de usuario lo encuentra aquí (anótelo) Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 19.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Escriba el código de verificación y haga clic en “click”. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 20.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Listo! Felicitaciones, ya tiene hosting gratuito en Internet Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 21.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Espere unos minutos y comience a disfrutar de esta herramienta. Escriba su USERNAME y el PASSWORD y haga clic en LOGIN. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 22.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Escriba el “user” del correo, El “password”, Seleccione el idioma que prefiera y… LOGIN Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 23.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta es la vista del panel de control desde donde usted configurará todo explore y verifique cada una. Ejm. Sub Dominios Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 24.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Explore, Lea y analice cada una de las herramientas. Devuélvase y verifique otra Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 25.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Luego de haber verificado toda la vista panel empecemos… Haga clic en Administrador de Archivos Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 26.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta es nuestra Pantalla que necesitaremos para el montaje de nuestro sitio Web. Explorela! Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 27.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta será la carpeta de nuestro sitio htdocs. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 28.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí encontraremos la dirección de los recursos(páginas, imágenes, videos y/o animaciones) Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 29.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta es la página “index.htm” que será la puerta de entrada a su sitio, mas adelante la explico Link “Editar”: Permite modificar el contenido de la pagina “index.htm” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 30.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Así se ve la página por defecto ¡Qué tal !, …personalizarla es nuestro trabajo inicial MANOS A LA OBRA! Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 31.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Ahora vamos a personalizarla Verifique el vinculo “Editar” de la pagina “index.htm” y haga clic sobre él Link “Ver”: Visualiza el código de la página y los errores de sintaxis de esta. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 32.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Se le hace conocido el contenido? Yo creo que si, Motiva cierto? Pues ánimo! Iconos “Guardar” y “volver”, recuerde esto es como en clase, solo que es en línea( en tiempo real) Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 33.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. No es una guía de HTML porque usted ya lo sabe(y muy bien), escribí un código fácil (reconózcalo) Fíjese que la estructura es tal como la aprendimos. <HTML> <head><title> ….etc. Recuerde guardar y volver(atrás) Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 34.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Este es el resultado del código escrito. Interesante, Verdad? Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 35.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta es la misma página en otro navegador Web. …pero Cómo llegué ahí? Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 36.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. El link “Ver” permite la visualización del código y su sintaxis Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 37.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Explore las herramientas y verifique cada, ejemplo crear una subcarpeta para organizar los recursos Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 38.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Dele el nombre a los subdirectorios o subcarpetas que tengan relación con los contenidos que almacena. Haga clic el icono aceptar Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 39.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. …y verifique que se hayan creado correctamente con los nombres correctos. Ahora devuélvase Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 40.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Observe que las subcarpetas o subdirectorios se crearon en la carpeta “htdocs” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 41.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Ahora intente crear un archivo desde 0, Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 42.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Es fácil, acuérdese del código HTML Ah! Y no olvide la estructura básica y la sintaxis. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 43.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Ahora verifique como se CARGAN archivos que ya hemos creado con anticipación, Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 44.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Si es un archivo de otro tipo, recuerde que tiene subcarpetas para organizar la información Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 45.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Así se ve nuestra carpeta cuando está vacía Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 46.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Debemos explorar para encontrarlo y cargarlo, esto se hace haciendo clic en “Examinar” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 47.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Seleccione el archivo que va a cargar y listo! Haga clic en abrir Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 48.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí aparece la dirección local del archivo a cargar, haga luego clic en el icono aceptar Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 49.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí aparece la dirección local del archivo a cargar, haga luego clic en el icono aceptar El archivo cargado fue una página Web llamada “Crear_Tablas.html” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 50.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí se ve que el archivo está cargado y la dirección URL del archivo ya en Internet Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 51.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Esta es la pagina del archivo cargado Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 52.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 53.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 54.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Ahora se va a cargar otro tipo de recurso en la carpeta “recursos” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 55.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Verifique cómo o qué contenido tiene esta carpeta Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 56.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. El tipo de archivo es un applet o un archivo de Flash en Swf Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 57.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Lo primero es hacer clic en el botón “+ add” Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 58.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Busque el archivo a cargar y ya sabe, haga clic en “add files” y listo! Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 59.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí aparece el archivo cargando . . . Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 60.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Sigue el progreso de la carga Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 61.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Pueda ser que algunos archivos no sean compatibles con la plataforma y entonces se generan estos textos Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 62.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Aquí aparece un archivo de flash de tipo swf, pruébelo en su navegador copiando la URL que aparece abajo Digite la siguiente dirección en su navegador http://cibercaminantes.vzpla.net/recursos/MascaraEncabezado.swf Para verificar este recurso Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 63.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Ahora le queda a usted que profundice sobre el tema y desarrolle hasta donde su imaginación lo permita. Éxitos!!!! Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com
  • 64.
    Por el profesorHéctor Julio Gil Ch SED Colegio La Aurora IED. Diseño de sitios Web y carga de paginas en Internet Gracias… Espero que esta guía le haya servido de algo, cualquier sugerencia favor escribir al correo electrónico cibercaminantes@gmail.com Profesor: Héctor Julio Gil Chiquillo …Espere nuevas publicaciones Sugerencias y aclaraciones escriba al correo del proyecto: cibercaminantes@gmail.com