Home  
Noticias Mundo Digital
La dimisión de Steve Jobs
Redes Sociales: usos y abusos
Generación acomodaticia
Congreso BDigital Apps 2010
Cuál es la diferencia entre Facebook y Twiter
El móvil, un apéndice sensorial más
Matar a la gallina de los huevos de oro
Apps Stores
Mobile World Congress 2010
Víctor Domingo. La política 2.0
ay Pad ! . vaya con el iPAD!
Noticias Mundo Digital - 2004-2009
WWDC09 (Worldwide Developers Conference)
Microsoft y el medio ambiente
Bdigital Global Congress 2009
Guía Internet - Glosario
Cómo protegerse de los fraudes
¿Qué es la web 2.0?
Posicionamiento web
Las PYMES son más competitivas en la red
El ahorro está en Internet
I Cumbre de Empresas
OOh ! ...esto está cambiando de nuevo
Pruebas con la P4P
¿Qué es Skype?
14. Cómo buscar en Internet
Guía Internet
Nuestro cuerpo frente al ordenador
Programario libre
El impacto de Internet
Facebook y la gestión de la reputación personal
El correo electrónico o e-mail

 Buscar
en 39ymas.com
Google


Temas Empresa Comunidad
  información digital | recursos | articulos |
  11/02/2012
 

 6. Creación y publicación de una página web

 

 

Informaciones básicas

 

 

4¿Qué incluye una página web?

 

En una página web se puede insertar:

 

          Texto

          Variar el fondo de la página (colores, dibujos...)

         Imágenes

         Archivos de sonido, animación o vídeo

         Títulos y subtítulos

         Listas desplegables, formularios, cuadros de texto y otros elementos interactivos para que quien visite nuestra página pueda rellenar, elegir y cliclar en diferentes lugares de nuestra web.

 

         Formularios

          Vínculos o enlaces con el mismo documento, con otras páginas web o con direcciones de correo electrónico.

         Tablas donde situar los botones, imágenes y texto para tener una presentación más coherente.

 

 

4Herramientas esenciales para la construcción de una web

 

Para la creación de una página básica se puede usar FrontPage Express, un programa que se encuentra en Internet Explorer; Web Facil Pro que está en www.webfacilpro.com; ISTPage2000 en www.download.terra.com.ni; Netscape Composer en www.netscape.com/es.

 

Si la página a crear es más compleja habrá que saber cómo funciona el lenguaje HTML (Hyper TextMarkup Language, Lenguaje de Marcas de Hipertexto) para poder hacerla.

 

 

4Diseño de la página web

 

Si nunca se ha compuesto una web lo mejor será que ocupe sólo una pantalla. De esta forma también quien la visite podrá, de un vistazo, ver lo que contiene sin necesidad de desplazarse hacia abajo o hacia la derecha.

 

Procurar colocar la información (títulos, botones...) de interés bien visible.

 

Examinar que el color de fondo de la página no interfiera con los colores del texto, gráficos o fotografías que se quieran incluir.

 

Los gráficos e imágenes se pueden colocar en miniaturas, que una vez clicadas se desplieguen, para evitar el tiempo de descarga si las imágenes son grandes.

 

Si el gráfico o imagen ocupan mucho espacio y también llevan texto informativo, colocar el texto en otro documento con un enlace en la imagen.

 

Las etiquetas de los enlaces serán claras y que se puedan leer bien de esta forma se evitan muchos errores de los visitantes. La situación de las mismas debe ser visible con facilidad por lo que se recomienda que se coloquen en la parte inferior de la página.

 

 

4Construcción

 

Para que sea más sencilla su construcción, lo primero que hay que hacer es una pauta con los pasos a seguir, p.e.:

 

a. Un título corto que defina el contenido la página

 

b. Colocar un fondo en la página que no interfiera con los elementos que se quieran colocar.

 

c. Escribir el texto con un tipo de letra que sea claramente legible y no muy largo para no cansar a los posibles visitantes de la página.

 

d. Para colocar las imágenes lo mejor es crear una tabla con dos celdas, una para la imagen y otra para el texto.

 

e. Una vez creada la tabla colocar la imagen en una de las celdas, teniendo en cuenta que los formatos utilizados en Internet son GIF, JPEG y PNG ya que comprimen las imágenes y ocupan menos espacio y se descargan mas rápidamente.

 

f. Colocar el texto en la otra celda, mejor si lo hacemos en forma de listado.

 

g. Podemos crear un vínculo a pie de página, separado con una línea horizontal, para enlazar con otra página web que tenga que ver con nuestra información.

 

h. Para saber que la página creada funciona, habrá que verla desde el navegador. Para comprobar el vínculo hay que conectarse a Internet y clicar sobre él para comprobar que nos lleva a la página que queríamos.

 

i. Si vemos que todo funciona, será el momento de "publicar" ("subir") nuestra página. Esto quiere decir que la alojaremos en un servidor de Internet, con una dirección con la que todo el que quiera podrá visitarla.

 

Por ejemplo, si queremos que nuestra página se aloje en el servidor Tripod, seguiremos estos pasos:

 

1. Ir a la dirección http://www.tripod.lycos.es y clicar en Regístrate para que nos den una contraseña.

 

2. Una vez en la página principal clicar en web FTP (File Transport Protocol, Protocolo de Transferencia de Archivos).

 

3. Clicar en el enlace Subir.

 

4. Clicar en el botón Examinar para localizar los archivos de nuestra página.

 

5. Cuando veamos que todos nuestros archivos están en el servidor, clicar en subir archivos.

 

6. Para poder verlos hay que escribir la dirección en la casilla Dirección de nuestro navegador. Cuando aparezcan, clicar en web.htm para poder ver nuestra página web.

 

En las siguientes direcciones podremos encontrar ayuda gratuita para construir nuestra página y para alojarla:

 

http://gratisweb.com

http://tuportal.com

 

Ver:
Proceso para el desarrollo de una página web

 

 

Equipo Torrese
© Leonor Sedó

 

 

 

 
Últimas noticias
Servicios
jurídicos
Recursos Humanos
Coaching
Multimedia
Foro 39ymás
Regístrate
Contacta
Recomienda

whoiswhobcn.com

RSS
¡No te pierdas nada!
¡Suscríbete!

Regístrate para recibir los nuevos artículos mensualmente



© Creactivitat 2002
quiénes somos - políticas de uso - políticas de privacidad - publicidad