Sitio con ayudas, guas y enlaces tiles para crear sitios Web

Estar en el Ciberespacio

Alguna vez se ha preguntado para qu es bueno un sitio Web?. Para mucho, para mucho.
Todo depende de su inters para dar a concer: informacin profesional, familiar, institucional y/o
empresarial.
Cada vez existe la necesidad de darse a conocer en la red, en este sitio compartiremos
ayudas, guas y sitios de inters que le servirn de mucha ayuda a la hora de crear su propio
sitio Web. Por fortuna hay formas cada vez ms sencillas y rpidas de montar un sitio Web.

Usted mismo puede crearlo! Manos a la obra!

Algunos Consejos para Crear el sitio Web

- Trate de utilizar la misma plantilla en todo su sitio

- Es conveniente que cada pgina se extienda solo a lo largo de la pantalla, que se pueda
visualizar de un solo vistazo.
- Utilice al menos una imgen en cada pgina para reforzar las ideas.
- Evite utlizar muchos colores en una sola pgina. Trate de buscar la armona y la esttica.
- Utilice imgenes y fotos de tamao 300 x 300 pixeles por pulgadas. Esto permitir que las
pginas se carguen rpidamente.

Puede leer ms:

Consejos generales para el diseo de pginas Web [Ir al sitio]
Consejos para armar un sitio Web [Ir al sitio]

Pasos a seguir para elaborar una pgina WEB

La realizacin y creacin de pginas WEB es una labor que requiere de

una cierta estructura y planificacin al comienzo de su elaboracin. El
resultado final de nuestro trabajo depender de la organizacin, la
originalidad y los elementos utilizados en las pginas que se creen.
Debe tenerse siempre presente, a quien va dirigida nuestra WEB, para
adecuar los contenidos y el estilo en funcin del colectivo que va a leer
nuestras pginas. Cuide que el lector no se pierda en la navegacin, por
lo que se debe estructurar de una forma clara la relacin de unas
pginas con otras.
1. 1. Definicin de los objetivos.
El primer paso, para la creacin de pginas WEB bien estructuradas,
es saber de antemano el mensaje que se desea transmitir. Las
imgenes y los elementos a utilizar sern distintos si se plantea una
WEB para vender un producto, o para dar informacin o para publicar
un trabajo cientfico. En este ltimo caso, la pgina debe dar una
imagen ms formal.
2. 2. Perfilar una lnea de diseo.
Hay que tener en cuenta que los WEBs profesionales tienen una
apariencia ms formal, y que su diseo es tan importante como el de
la imagen de una institucin.
En un plano ms profesional, se debe cuidar la presentacin,
manteniendo siempre una imagen corporativa a lo largo de todas las
pginas y un estilo adecuado al perfil de la institucin. Esto te
permitir recopilar los materiales que incluirs en ella: imgenes,
grficas, impresos, formularios, logotipos, etc.
La lnea de diseo debe ser coherente y homognea, que mantenga
una apariencia visual comn: los mismos colores o motivos de fondo,
el mismo estilo de lneas divisorias horizontales y verticales, los
mismos iconos o vietas o los mismos logotipos grficos siempre en
la misma posicin de la pgina.
Su aspecto profesional con elementos comunes har que los
usuarios visiten las pginas con orden y no se pierdan pensando que
estn en otra Web.
3. 3. Crear el organigrama de navegacin.
A continuacin debes planificar cmo van a desplazarse los usuarios
por ellas. Se debe realizar un diagrama de flujo claro para definir los
ndices principales, las pginas secundarias y las ramificaciones de
todos los documentos.
Si utilizas una sola pgina WEB y esta es muy extensa debers
poner enlaces a las diferentes partes del documento al principio y al
final de tu pgina y de esta forma facilitar la lectura de la misma, sin
tener que depender tanto de las barras de desplazamiento.

4. 4. Definicin de estilo
Una vez creada la estructura bsica del WEB, se debe definir el estilo
de las pginas.
Resulta prctico crearse una pgina de estilo para aplicar a todas las
pginas que vayamos generando, incluyendo los logotipos,
encabezados y pies.
[Pasos a seguir para elaborar una pgina WEB]

Reglas para estructurar y disear pginas WEB

Igual que cualquier otro medio, el Web tiene ciertas idiosincracias que el
buen diseador debe tener en cuenta. Dado que el Web es un medio
estrictamente para computadoras, el resultado que querramos obtener
se ver condicionado al hardware con el que se visualice (la tarjeta de
video, el monitor, y las configuraciones) y el explorador web que se
utilice para la visualizacin de nuestras pginas.
Definir el contenido de las pginas:
Use grficos y colores y vare el tamao de la letra para realzar la
pgina, pero asegrese que la pgina tambin funcione cuando
se vea como texto normal.
Incluya siempre una alternativa de texto a los elementos grficos,
pues algunos usuarios desactivan su presentacin para lograr
una descarga de la pgina mucho ms rpida..
Reduzca el texto al mnimo, es decir no es conveniente presentar
textos muy largos, ya que el usuario no los lee.
Reduzca al mnimo los estilos de encabezamientos y subttulos
cuando organice el contenido y utilice los estilos de forma
coherente.
Puede insertar lneas horizontales para separar visualmente las
secciones del documento.
Combinacin de fondos con el texto:

El fondo puede hacer que la lectura de los documentos en pantalla

sea ms atractiva. Sin embargo, los colores e imgenes oscuras
pueden interferir con los colores del texto, dificultando su lectura. Es
conveniente aplicar al texto un color de contraste, por ejemplo: un
color claro para texto sobre fondo oscuro y viceversa. Pero, trate de
evitar la utilizacin de textos de color blanco, pues algunas
impresoras no escriben en dicho color.
Establecer la longitud de la pgina:
Una gran parte de los monitores de los equipos personales actuales
presentan la informacin en una resolucin de 640 x 480 pixels en
pantallas de 13 a 15 pulgadas (tambin en 800 x 600). Disee las
pginas de forma que la informacin se presente en partes cortas y
claramente segmentadas, a fin de mantener las pginas concisas.
Una buena regla general para escribir una pgina que se leer en la
pantalla es que su longitud no sea mayor que dos o tres pantallas de
informacin de 640 x 480, incluidos los enlaces de navegacin
locales, al principio y final de la pgina.
Si la informacin es muy extensa, divida la informacin en pginas
separadas o proporcione un enlace con un archivo diferente que
contenga el texto en una sola pgina. Esto permitir que la descarga
de la informacin y la navegacin a lo largo de los diferentes temas
se haga ms rpida para los visitantes del Web.
Reducir el tamao de los archivos de imgenes y vdeos en las
pginas Web:
Las imgenes son un elemento importante en un sitio Web. Estas
vienen en dos formatos bsicos: GIF y JPEG. Cada formato tiene sus
ventajas e inconvenientes.
Las imgenes GIF son preferibles cuando la imagen va a contener
menos de 256 colores. Los GIF son tambin apropiados para
animaciones sencillas. Las imgenes JPEG se utilizan en imagenes
con ms de 256 colores, como son las fotografas escaneadas.
Las imgenes grficas y los videos pueden dar un aspecto ms
atractivo a sus pginas Web. Sin embargo, los archivos de dichos
elementos pueden llegar a ser de gran tamao e incrementar el
tiempo necesario para descargar las pginas, sobretodo para los
lectores que tienen acceso va MODEM. El tiempo de descarga es
muy importante en el World Wide Web, ya que algunos usuarios
abonan la cuota en funcin de las horas de conexin, otros
simplemente no son tan pacientes como para esperar mucho tiempo
por la carga de la pgina. Si Ud. planifica la cantidad de imgenes
que utilizar en su pagina Web y su tamao, puede reducir por
consiguiente el tamao de los archivos y el tiempo de descarga de
los grficos y videos.
Para reducir el tamao de un archivo grfico, utilice menos colores,
reduzca el alto y el ancho del grfico o recrtelo.

Uso de tablas como herramientas de diseo:

Puede utilizar las tablas como una herramienta de diseo, pero
tambin para organizar la informacin. Las columnas, los grficos y
el texto pueden organizarse de forma que aparezcan alineados en
los navegadores Web. Si no se utilizan tablas, es complicado
mantener los grficos y el texto alineados en HTML (formato de las
pginas Web).
Uso de distintos navegadores:
Su pgina Web puede tener un aspecto en su pantalla y otro
diferente para los usuarios que la vean, en especial si lo hacen en el
Word Wide Web. Los usuarios ven las pginas con distintos
exploradores de Web (Ej: Internet Explorer o Netscape Navigator)
que, por lo general, se encuentra en sistemas operativos diferentes.
Se recomienda utilizar un diseo que sea legible en todas o en la
mayora de las circunstancias. Aunque todos los navegadores
admiten un nico lenguaje HTML, existen algunas diferencias entre
ellos.

Bibliografa:

1.
2.

Caizares FC. Creacin de pginas Web con Office 97. Ediciones ANAYA Multimedia, Madrid, 1999:
25-33
Matthews MS, Poulsen EB. Front Page 98. Manual de Referencia. McGRAW-HILL/Interamericana de
Espaa, Madrid, 1999: 12-27

Resumen
Recuerda que una pgina web es un documento que puede estar conformado por texto,
imgenes, audio, video y por otros documentos a los que se accede a travs de enlaces.
En cambio un sitio web es un conjunto de pginas web, generalmente referentes a un tema en
particular, que incluye una pgina inicial denominada home page, con un nombre de dominio y
direccin en Internet especficos.
Sigue esta gua para saber cmo construirlo y qu debes tener en cuenta para lograrlo.

Pasos

1
Decide sobre qu tema/s se tratar tu sitio y cules son tus objetivos al respecto. Quieres dar
a conocer tu barrio, vender palos de golf, crear un lugar de encuentro entre fanticos del
atletismo?

2
Elige un nombre para tu sitio y registra el dominio a nivel local y/o internacional, segn tu
preferencia. Puedes registrar dominios .com en: www.godaddy.com

3
Contrata un servidor donde alojar tu sitio. Este paso te permitir verlo online. Hay mucha oferta
y precios accesibles.

4
Elije un servicio de publicacin de pginas.
Los servicios de publicacin de pginas te brindarn varias herramientas sencillas de utilizar.
Generalmente encontrars una especie de "pgina en blanco" donde podrs comenzar a
escribir, y una serie de botones, a travs de los cuales se pueden agregar fotos, justificar texto,
tipo de letra, colores o incluso algunos simples efectos especiales.
Podrs actualizar los contenidos en forma muy simple.
Muchos de los servicios de publicacin de pginas Web son editables, para ello es importante
conocer bsicamente el lenguaje de programacin HTML.
El HTML, Hiper Text Markup Language, es el lenguaje de programacin bsico de Internet y
est basado en tags o etiquetas que permiten indicarle a la PC dnde y cmo debe ir cada
elemento de la pgina web.
Los principales servicios de publicacin son:

Google Pages Creator

Google ofrece unos 100 MB para crear sencillas pginas web.
Una vez suscripto, puedes elegir entre ms de 40 plantillas para crear tu pgina propia.
Una de las grandes ventajas en que, al ser un servicio de Google, las pginas creadas con esta
herramienta estarn indexadas en el poderoso buscador.

MSN Spaces
Para crear una pgina web con esta herramienta de Microsoft, slo es necesario poseer una
direccin de correo electrnico de Hotmail o suscribirse a .NET Passport.
Posteriormente, debers establecer un titulo que defina a la pgina.
Tendrs luego a tu disposicin, una pgina con las herramientas que Spaces pone a
disposicin de los navegantes para que armen su pgina.
Con la opcin "Personalizar", podrs definir el diseo y las reas en donde integrars tus
contenidos.
En Configuracin, podrs agregar el ttulo e indicar, entre otras cosas, la fecha y hora.
Podrs descargar hasta 500 fotos.

Geocities
Permite construir sitios en forma rpida y sencilla.
Geocities ofrece alojamiento gratuito, pero para sostener eso, debers aceptar que se
publiciten avisos publicitarios en su sitio.

Blogger

Accediendo a la pgina principal, podrs crearlo fcilmente siguiendo las indicaciones.

Podrs contar con ms informacin en estas notas Cmo se crea un blog personal? y
Consejos para que tu blog sea popular

5
Visita sitios de todas partes del mundo sobre el mismo tema y evala los siguientes puntos:
cmo organizan la informacin, cmo la presentan visualmente y cmo se dirigen a los
usuarios.

6
Piensa qu personas te gustara que visiten tu sitio y de qu forma te conviene ms hablarles.
Investiga sobre todas las culturas a las que quieres dirigirte para ser preciso en la informacin y
en el lenguaje que utilizars para comunicar tus contenidos.

7
Elabora una lista de secciones que quieres que tu sitio incluya. A la hora de concebirlas, busca
que se relacionen entre s para generar fluidez entre las distintas reas del sitio.

8
Ten en cuenta pautas bsicas de diseo
Para disear, es fundamental utilizar estilos de letras claros y sencillos (Arial, Times New
Roman)
Si vas a utilizar una imagen de fondo, es importante que no interfiera con el texto.
Presta atencin a los colores de la pgina. Si utilizas colores claros para el fondo, debers
elegir oscuros para las letras y viceversa.
Las pginas no tienen que ser muy largas. Se puede dividir la informacin en distintas pginas,
enlazndolas.
No utilices imgenes muy grandes, porque pueden ocupar todo el espacio de la pantalla o no

dejar ver el texto.

Disea la pgina principal de tu sitio o homepage, de manera atractiva, recuerda que es lo que
primero que vern aquellas personas que ingresen.

9
Escribe, por lo menos, un boceto de los contenidos de dos secciones para poder mostrarle el
proyecto a posibles interesados.

10
Convoca a un diseador y, si no conoces a ninguno o quieres ahorrar en ese rubro, puedes
bajarte desde Internet plantillas .html prediseadas.

11
Cuando el sitio est online, envale un e-mail a todos tus contactos para avisarles. Procura
tambin que, quienes participan del sitio, hagan lo mismo.

12
Establece contactos con otros sitios e internautas para intercambiar links y armar una red de
difusin virtual.

Importante

No esperes a tener el sitio en todo su potencial para mostrarlo.

Un proyecto virtual es un objeto en desarrollo constante y, por mnimos que sean, los
cambios son percibidos por los usuarios como seales de vida del sitio.

Glosario

Pgina Web:

es una fuente de informacin adaptada para la World Wide Web (WWW) y accesible mediante un navegador
de Internet. Esta informacin se presenta generalmente en formato HTML y puede contener hiperenlaces a otras pginas web,
constituyendo la red enlazada de la World Wide Web. Fuente: Wikipedia

Sitio Web: (en ingls: website) es un conjunto de pginas web, tpicamente comunes a un dominio de Internet o
subdominio en la World Wide Web en Internet. Fuente: Wikipedia

Enlace (Hipervculo):

es un elemento de un documento electrnico que hace referencia a otro recurso, por ejemplo, otro
documento o un punto especfico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso,
un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegacin,
mostrarlo como parte del documento referenciador o guardarlo localmente.Fuente: Wikipedia

HTML: , sigla de HyperText Markup Language (Lenguaje de Etiquetas de Hipertexto), es el lenguaje de marcado
predominante para la construccin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as
como para complementar el texto con objetos tales como imgenes. Fuente: Wikipedia

Directorio de Recursos para crear pginas web

Compartir,ver y descargar imgenes de calidad de modo totalmente libre y gratuito: pixalia.net

Imgenes de Dominio Pblico http://www.wpclipart.co
Banco de Imgenes http://victorcuevas.es/educadores21/archives/158
Almacenamiento y +: http://www.es.diino.com
Fotos de dominio publico> http://public-domain-photos.com
Banco de fotos libre> http://www.sxc.hu/
Crear Banners http://www.banner.de/