1.- Creación de sitios web

Transcripción

1 Creación y publicación de sitios web TABLA DE CONTENIDOS 1.- Creación de sitios web Formato Web Creación de los componentes del sitio web...2 INSERTAR IMAGEN...2 CUADRO DE TEXTO...2 HIPERVÍNCULOS Generación de páginas web Previsualizar el sitio web Publicación del sitio web Creación de cuenta FTP Carga del sitio en la cuenta FTP Visitar el sitio web publicado Creación de sitios web Para comenzar el trabajo, es necesario que usted abra Microsoft Word. 1.1 Formato Web A través de Microsoft Word podemos crear páginas web simplemente utilizando la opción de Diseño Web. En esta opción los archivos que generemos serán guardados con la extensión.htm en vez del tradicional.doc Los archivos htm o html corresponden al tipo de archivo más usado en Internet para publicar información. VISTA DISEÑO WEB 1. Cree un nuevo documento. Para esto puede dirigirse al menú Archivo y elegir la opción Nuevo. 2. Diríjase al Menú Ver y elija la opción Diseño Web. Deberá cambiar la visualización del documento en la pantalla, viéndose solamente un fondo blanco. Vista Diseño Web Red de Profesores Innovadores 1

2 1.2 Creación de los componentes del sitio web Módulo: Creación y publicación de sitios web Para la creación de los componentes del sitio web: banner, menú principal, barra de información, cuerpo de página, etc. las opciones más simples que podemos utilizar son: insertar imágenes, cuadros de textos e hipervínculos. INSERTAR IMAGEN 1. Diríjase al menú Insertar y seleccione la opción Imagen y luego la opción Desde archivo. 2. Seleccione el archivo que desea insertar. Debería aparecer la imagen seleccionada en el documento. 3. Seleccione la imagen con el mouse y elija la opción de alineación que más le acomode 4. Si necesita poner la imagen en otro lugar, es recomendable insertar la imagen al interior de un cuadro de texto. 5. Guarde el archivo en una nueva carpeta con el nombre index y en Tipo de archivo seleccione Página Web (*.htm; *html). Es importante recordar que siempre la página principal o portada debe guardarse con el nombre index. En cualquier sitio web que creemos. CUADRO DE TEXTO 1. Diríjase al menú Insertar y seleccione la opción Cuadro de texto. Fíjese que el cursor del mouse en la pantalla es ahora una cruz. 2. Dibuje un rectángulo vertical. Si aparece un recuadro que dice Cree su dibujo aquí es recomendable, para facilitar la manipulación de los cuadros de textos, hacer el dibujo afuera del recuadro. 3. Pinche el centro del cuadro de texto (Note que ahora el cursor le indica que puede escribir en su interior) y ahora pinche en el borde del cuadro de texto (Note que ahora puede mover el cuadro de texto como objeto) 4. Haga clic con el botón derecho del mouse sobre el cuadro de texto y seleccione la opción Formato del cuadro de texto. 5. Apriete Aceptar. 6. Pinche al interior del cuadro de texto y escriba el texto que desee. Red de Profesores Innovadores 2

3 HIPERVÍNCULOS 1. Seleccione el texto del Menú principal y coloque el cursor en la palabra Inicio. 2. Haga clic con el botón derecho del mouse y seleccione la opción Hipervínculo 3. En la opción Dirección de la ventana emergente escriba el nombre del archivo htm o el sitio web que desea hipervincular. HIPERVINCULAR UN DOCUMENTO 1. Copie el documento que desea vincular a la carpeta de archivos de la página web en al que se encuentra trabajando. 2. Seleccione el texto y cree un hipervínculo. 3. En la ventana emergente seleccione en Buscar en la carpeta proyecto archivos y seleccione el documento que acaba de copiar en la carpeta. 4. Apriete Aceptar. NO OLVIDE GUARDAR EL TRABAJO RALIZADO 1.3 Generación de páginas web Para crear páginas que van a compartir algunos componentes del sitio (banner, menú principal, barra de información, etc. ) la manera más fácil de hacerlo sin tener que crear estos componentes en cada una de las páginas, es guardando la portada con el nombre de la página que queremos crear y luego modificar el cuerpo de página. Red de Profesores Innovadores 3

4 1.4 Previsualizar el sitio web Una vez terminadas todas las páginas que componen el sitio web podemos verlo funcionando de manera local utilizando el Internet Explorer. Para hacer esta vista previa existen dos opciones: 1. Utilizar la vista previa de Word: Para esto es necesario seleccionar la opción Vista previa de la página web en el menú Archivo. 2. Cargar los archivos htm: Esta opción permite visualizar los archivos y carpetas que componen nuestro sitio web, ya que podemos revisarlo haciendo doble clic sobre el archivo index.htm en la carpeta donde hemos guardado el sitio web. Red de Profesores Innovadores 4

5 2.- Publicación del sitio web Para la publicación del sitio web que hemos creado necesitamos tener una Cuenta FTP donde podamos alojar todos los archivos que componen el sitio. En Internet podemos encontrar varios servicios gratuitos de cuentas FTP y plataformas on-line, pero para la realización de este módulo se ha seleccionado el servicio que ofrece Wanadoo debido a su simplicidad. 2.1 Creación de cuenta FTP Para crear la Cuenta FTP lo primero que debemos hacer es registrarnos en el sitio web de Wanadoo. 1. Abrir el Internet Explorer e ir al sitio 2. Pinchar en la opción Registra Aquí 3. Completa los datos del formulario de inscripción. 4. No olvide poner atención al nombre de usuario y contraseña que usted ha creado. 5. Anota los datos que aparecen en la pantalla de confirmación. Estos datos corresponden a: -Correo electrónico: cuenta de gratuita que se generó debido a la -Página personal gratuita: corresponde a la dirección web del sitio. inscripción Para todos los servicios Wanadoo (cuenta FTP, correo electrónico, etc.) debemos usar el Nombre de Usuario y Contraseña que indicamos en el formulario de inscripción. Red de Profesores Innovadores 5

6 2.2 Carga del sitio en la cuenta FTP Para cargar nuestro sitio web debemos transferir a nuestra cuenta FTP los archivos que componen nuestro sitio. Esto lo podemos hacer utilizando Internet Explorer. 1. Abra el Internet Explorer. 2. Escriba en la barra de dirección ftp.wanadoo.es 3. Le aparecerá una ventana emergente solicitándole su nombre de usuario y contraseña. Coloque los mismos datos que puso en el formulario de inscripción. 4. Se le cargará una ventana vacía ya que usted ha ingresado a su cuenta FTP. En el caso de que aparezca algún archivo no se preocupe, simplemente bórrelo. 5. Copie todos los archivos y carpetas que componen su sitio web a su cuenta FTP. Esta acción puede realizarla arrastrando los archivos de una ventana a otra. 6. Le aparecerá una ventana indicándole el tiempo estimado que se demorará la transferencia. 7. Una vez terminada la transferencia debería poder ver los archivos en su cuenta FTP. 8. Cierre la ventana de su cuenta FTP. 2.3 Visitar el sitio web publicado Para visitar su sitio web abra el Internet Explorer y escriba en la barra de información la dirección web de su página personal (La que aparecía en los datos del mensaje de confirmación). Si usted ha olvidado su dirección web, utilice el siguiente formato para visitarla: ***FELICITACIONES USTED HA CREADO Y PUBLICADO UN SITIO WEB*** Red de Profesores Innovadores 6