1. 5.OXENACÓMO CREAR UNA PÁGINA WEB

Transcripción

1 ANEXO CÓM UNA O CREA PÁG R INA W EB

2 Creación de páginas Web En este anexo, encontraréis la información necesaria para elaborar la página web de vuestra asociación. Aunque pueda parecer complicado, aquí aparecen cada uno de los pasos a seguir, con una explicación detallada y sencilla para que cualquier persona, aún sin tener conocimientos previos, pueda construir y diseñar fácilmente su página web. H 190 Índice 1. El proceso de registro. ES gente emprendedora solidaria 2. Configuración del subdominio. 3. El panel de administración. 4. Edición y actualización de contenidos Acceso al panel de administración Edición de contenidos. 5. El resultado final. Acceso a la página web: Haz click sobre Get Free Hosting para acceder al servicio de alojamiento web gratuito. Click sobre JOIN BRAVENET NOW para registrarnos como usuarios del servicio. Rellenamos el formulario: USURNAME: NOMBRE DEL USUARIO EN LAS OPCIONES FIRST NAME Y LAST NAME PODEMOS UTILIZAR NUESTRO NOMBRE REAL O CUALQUIER OTRO. POSTAL CODE: CÓDIGO POSTAL. DATE OF CIRTH: FECHA DE NACIMIENTO. INTRODUCID LA DIRECCIÓN DE CORREO ELECTRÓNICO DE LA ASOCIACIÓN QUE HEMOS CREADO YA QUE LA CONTRASEÑA SERÁ ENVIADA A ESA DIRECCIÓN. 1. El proceso de registro Construye tu página web gratuita (con 20Mb de espacio libre). Aunque las instrucciones que incluimos se refieren al sitio web bravenet, hay otros sitios web que ofrecen alojamiento gratuito en castellano: es.geocities.yahoo.com galeon.hispavista.com HACER CLICK SOBRE: SEND ME MY PASSWORLD Por último, hacemos click sobre complete registration Entraremos así en la siguiente página y recibiremos las confirmación de nuestro registro a través del siguiente mensaje: Thank you for joining bravenet

3 Para el paso siguiente, debemos esperar a que nos llegue a nuestra cuenta de correo electrónico el mail que contiene la contraseña. Si es muy complicada, no os preocupéis ya que la podemos cambiar. Una vez que hemos apuntado la contraseña, nos volvemos a situar en la misma página e introducimos la contraseña. Ya hemos accedido como usuario. Ahora es el momento, si lo deseamos, de cambiar la contraseña. Nos dice que antes de continuar, creemos una contraseña que seamos capaces de recordar. ( Before you continue, please set password that you will be able to remember. ) Escribiremos la nueva contraseña en los 2 espacios en blanco que aparecen a continuación: En esta página, como ves, aparecen los distintos servicios de alojamiento web. Hacemos click sobre el botón GET FREE HOSTING 2. Configuración del subdominio A partir de este momento empezaremos a configurar las características de nuestro subdominio, es decir, del espacio gratuito que nos ofrece BRAVENET. Primeramente, damos nombre al subdominio. Formato: ENTER A NEW PASSWORD :... Ejemplo: ENTER A NEW PASSWORD AGAIN:... Después, haremos click en: SET PASSWORD A continuación, hacemos click en SETUP FREE HOSTING Y accederemos de nuevo al panel de administración. Construimos nuestra página web. Hacemos click sobre Build a Website para empezar a construir nuestra página web. A continuación, nos aparecerá una ventana donde se confirma si el nombre que hemos elegido está disponible o no. Si la respuesta es positiva, nos aparecerá el mensaje: is available to register entonces haremos click en: USE THIS SUBDOMAIN H 191

4 Si la respuesta es negativa, nos aparecerá el mensaje is not available to register, entonces repetiremos el paso anterior haciendo click sobre Hacemos click en: PROCEED TO STEP 1: SELECTING YOUR LAYOUT SEARCH FOR ANOTHER SUBDOMAIN Seleccionaremos la plantilla de diseño que mejor se adapte a nuestras necesidades. Más tarde podremos cambiarla, si queremos. 3. El panel de administración H ES gente emprendedora solidaria 192 Ya disponemos de un alojamiento gratuito en subdominio al que hemos dado nombre. Nos fijamos ahora en el PANEL DE ADMINISTRACIÓN que nos aparece en pantalla. El panel de administración será nuestro punto de partida para empezar a diseñar nuestra web y nos permitirá ir actualizando los contenidos de nuestra página web. Nos aparecerán varias opciones: elegimos una USE THIS LAYOUT Segundo paso: Selección del color principal (Select Primary Color) El color elegido será el que predomine en nuestra página web. Podemos elegir el color teniendo en cuenta los colores de nuestro logotipo. Nosotros seleccionaremos la función : USE THIS COLOR Website Wizard- For beginners (asistente para principiantes) Ya que dicha función nos va a permitir diseñar nuestra página sin tener conocimientos de html. Construyendo paso a paso nuestra página web. Son 9 pasos: Hacemos click en: THE STEP BY STEP BUILDER Primer paso: Selección de plantilla de diseño. Tercer paso: Selección del color de fondo (Select Background color) Al elegir un color, el asistente selecciona una gama de colores para que escojamos un color de fondo. USE THIS COLOR Cuarto paso: Configuración del conjunto de colores (Select Your Color Set)

5 En función de las opciones elegidas ahora tenemos que seleccionar una combinación de 4 colores que serán los que aparezcan en nuestra página web. Quinto paso: Creación del encabezado y del pie de página (Create Header and Footer) El encabezado aparecerá en la parte superior de todas las páginas de tu web. Por lo general el encabezado contiene el nombre de la asociación, logotipo y un slogan. El pie de página ocupa la parte inferior y se suele utilizar para poner información de la empresa, dirección, número de teléfono, número de fax, dirección de correo electrónico, etc. Es el momento de empezar a añadir contenidos a nuestra página web. Para añadir texto a estas 2 secciones y a cualquier otra, utilizaremos el editor visual que nos permite hacerlo del mismo modo que si estuviéramos trabajando con un procesador de texto cualquiera. H 193