comparte el articulo 

Crear la página web. Consejos

Actualizado el 22/07/2007 < > 39 Cometarios

Resumen: Consejos para crear tus páginas web de forma correcta. Hacer buenas páginas web desde el principio, más amigables a buscadores, mejor diseñadas y más accesibles.

Tips iniciales para hacer una página web

Hay algunas ideas que se deben tener en cuenta a la hora de ponerse a diseñar la página web. Algunos consejos:

Usa CSS (hoja de estilos)

Separa el contenido del diseño de tu web usando hojas de estilos (CSS). Es mucho más fácil editarlo después, les gusta más a los buscadores, y las páginas cargan más rápido. La era de las tablas ha muerto.

Simplifica

La web soporta multitud de formatos, desde imágenes animadas, hasta sonidos, presentanciones en flash, videos… Todos estos recursos deben usarse con cautela, si recargas la web con gifs animados o le pones un sonido que tus usuarios no puedan quitar si así lo quieren, es muy probable que se marchen. Es mejor optar por un diseño sencillo que recargarlo en exceso.

Enlaces correctos

Usa palabras que indiquen claramente a donde dirige el enlace, no pongas cosas como “click aquí” o “este sitio”, el visitante no sabrá a donde va. Diferencia claramente qué es un enlace de lo que no lo es poniendo un color diferente al texto del enlace, así tus usuarios podrán localizarlos con rapidez y visitarlos si les interesa.

Estructura del texto

Crea listas de ideas, párrafos, frases en negrita y en cursiva, subapartados y cualquier otra cosa para diferencias partes en tus contenidos. La gente en la web lee deprisa, así que procura que la lectura de lo más importante pueda hacerse de un vistazo rápido.

Tipo de fuente

Intenta usar fuentes comunes como Verdana o Arial, que casi con toda seguridad la tendrán instaladas en sus ordenadores todos los usuarios que te visiten. Si la fuente que tienes en tu web no está disponible en el ordenador del usuario, mostrará el texto con otro tipo de fuente, lo que puede llegar a desajustarte el diseño.

Color del texto y del fondo

Procura usar un color de texto y fondo que haga buen contraste para facilitar al máximo la lectura del texto de tu web. Si de por sí leer en una pantalla cansa más que hacerlo en papel impreso, imagina lo que debe ser si no distingues bien la letra del fondo. Algunos ejemplos:

texto poco contrastado texto bien contrastado

Fondos claros

Usa fondos de pantalla sencillos o directamente no los uses. Los fondos complicados, con muchos dibujos o colores pueden distraer al usuario del contenido de tu web o incluso dificultarle su lectura.

fondo sobrecargado fondo claro

Imágenes

Los gráficos son un recurso de diseño útil. Le añaden una nota de color a tu web y le permiten tomarse una pausa al usuario, pero no recargues la página con imágenes que no lleven a nada. Si pones imágenes que sirvan para algo, para decorar, para explicar algo, para poner ejemplos, etc. Optimízalas para que pesen lo menos posible y las páginas no tarden mucho en cargarse (a la gente no le gusta esperar). En relación a esto puedes leer como añadir imágenes a una web y el tratamiento de imágenes para la web.

Navegación clara

No les hagas al visitante adivinar donde está cada cosa o a qué página dirige cada enlace. Si el usuario no sabe a donde ir para conseguir lo que venía buscando se marchará sin pensárselo, en Internet hay miles de alternativas a tu página. Asegúrate de que los enlaces importante son bien visibles, crea un mapa web, pon enlaces importantes también en el pie de página, incluye un enlace a la página principal en todas tus páginas, etc.

Compatibilidad con navegadores

No hagas una web que sólo se vea en Internet Explorer. Es uno de los errores más comunes de la gente que empieza a hacer webs. Que se vea bien en un navegador no significa que se vea bien en todos, debes asegurarte que se be correctamente por lo menos en los más importantes (Firefox, Netscape, Opera…). Para comprobarlo puedes usar herramientas como BrowserShots o instalar los navegadores más usados en tu ordenador y probar cómo se ven las páginas web en ellos.

Resolución de pantalla

No todos los ordenadores tienen la misma resolución de pantalla, al igual que con el tema de los navegadores, debes asegurarte de que tu diseño se vea bien a 800×600, 1024×768, etc.

Revisa posibles fallos

Frecuentemente debes revisar tu web en busca de posibles fallos, éstos no les gustan ni a los visitantes ni a los buscadores. Uno de los más comunes es el tener enlaces rotos (enlaces con una dirección incorrecta). Puedes revisarlos con la herramienta online de LaWebera, comprobar enlaces rotos.

Páginas en construcción

No llenes el sitio de páginas en construcción. Si todavía no tienes creada una sección no la tienes, no pasa nada, pero es frustrante pinchar un enlace esperando encontrar algo y ver la típica pantalla de página en construcción, no da una buena imagen de tu web.

Como alternativa, puedes anunciar futuros contenidos o productos en la web del tipo, “próximamente herramienta gratuita para…”. A parte de evitar la mala sensación que dejan las páginas en construcción, puedes crear expectativas acerca de novedades y conseguir que tus visitantes vuelvan.

Poner un buscador en tu web

Si tu web tiene muchos contenidos o páginas, puede ser útil incluir un buscador para que tus usuarios encuentren más fácilmente lo que buscan. Es un valor adicional para tu web y mejora mucho la usabilidad.

Para poner un buscador en tu web, puedes utilizar programas gratuitos como Google Coop o Free Find.

Publicado el 22/07/2007, última actualización 22/07/2007.

Licencia: Eres libre de distribuir este artículo bajo los términos de la licencia creative commons, siempre que pongas claramente el siguiente texto en la página que publica el artículo (enlaces activos incluidos):

Autor: Verónica Milán

URL: Crear la página web

Añadir Comentario (Subir al texto)

39 Cometarios

  1. andres

    muyyyyyyyyyyyyyyyyyyyyyyyyy bueno

    Martes, 25 de marzo 2008

  2. ALEX OMAR RAMIREZ OSORIO

    necesito crear una pagina web para poder empezar mi negocio pero me recomendaron este sitio espero poder realizarla

    Miércoles, 2 de abril 2008

  3. Gobe

    Excelente Página…
    tiene todas las guías para crear una página web.
    Yo necesito crear una página web también y me dieron esta página,que la verdad es Extraordinaria
    que estes re bien
    saludos
    Gobe

    Viernes, 25 de abril 2008

  4. harold

    hola mira me recomendaron esta web y espero q sea bueno ps es q necesito hacer una pagina web para un familiar mio q necesita urgente para un negocio ok . respiondeme

    Martes, 29 de abril 2008

  5. Jesús

    Les felicito
    Excelentes artículos que ayudan hasta al más ignorante en estos menesteres. Estoy interesado en hacer mi página web y esta información me servirá mucho…
    Gracias

    Martes, 6 de mayo 2008

  6. GRICELDA

    ME VINO BIEN YA QUE TENGO QUE TERMINAR MI PAGINA WEB. MUY ILUSTRATIVO ASI QUE MUCHAS GRACIAS. ATTE GRICELDA.

    Viernes, 9 de mayo 2008

  7. Mariana

    Está buenísimo. Me encantó

    Domingo, 25 de mayo 2008

  8. Kathia

    Siempre he tenido básicamente cuentas de usuario en páginas web creadas por otras personas, y a mí me gustaría crear una página web en su mayoría divertida. No pretendo que contacte con demasiados enlaces, quiero hacer simplemente una página web con un diseño atractivo pero es que no entiendo muy bien qué es el HTML, y me he metido en el manual HTML pero no entiendo nada, sólo encuentro enlaces. Más de mil, si no me equivoco, y aún así lo único que he aprendido es que «la mejor opción es HTML 4», o algo similar. Únicamente quiero crearme una página web y no controlo demasiado lo que viene a ser la informática. Y tampoco sé si esto vas a contestarlo 0__0 Pero bueno, lo pruebo porque en su mayoría me ha enseñado bastantes cosas pero todavía no sé cómo crear una página web.. de todas formas, gracias por crear esta página, supongo que a la gente entendida le viene bastante bien. Un saludo (:

    Viernes, 30 de mayo 2008

  9. Verónica Milán

    Kathia, entiendo que el manual de HTML maneja conceptos que resultan complicados si no tienes ningún conocimiento de este lenguaje. En otra respuesta a un usuario de lawebera le indiqué algunos manuales de HTML más sencillos que tal vez a ti también te sirvan, te dejo los enlaces por si acaso:

    El HTML hecho realmente fácil: http://www.jmarshall.com/easy/html/spanish/
    HTML con clase: http://html.conclase.net/tutorial/html/
    HTML correcto: http://www.danielclemente.com/html/
    Manual práctico de HTML: http://www.etsit.upm.es/~alvaro/manual/manual.html

    Un saludo.

    Lunes, 2 de junio 2008

  10. jannii

    ya me cree mi propia pag web pero no see decorarla como lo hago?

    Martes, 29 de julio 2008

  11. Abigail Arabguiz

    Yo necesito hacerme una…
    leo, pero no se donde empezar, tengo mis objetivos claros
    pero nu seee :s

    help!

    Lunes, 11 de agosto 2008

  12. juliana vasquez

    necesito crear mi propia pagina web para iniciar mi negocio
    y me parece que ustedes me pueden ayudar pues elinforme es muy bueno y consiso para personeas como yo que no sabemos nada de eso….muchas gracias

    Jueves, 18 de septiembre 2008

  13. marlen

    no entiendo mucho de lo k se trata solo kero crearme mi web i esta pagina no me da la posibilidad por k no entiendo como puedo aserlo por favor cuando una persona busca algo sean un poco mas claros en sus cosas

    Lunes, 29 de septiembre 2008

  14. shelin vicenty

    como empiezo a hacer la web?????

    Miércoles, 1 de octubre 2008

  15. leonardo mondejar

    si que sera muy facil ,pero no me entero de nada, quiero hacer mi propia pagina ¿por donde empiezo?.llevo toda latarde leyendo y a puntando cosas pero no puedo.ayudadme plis.

    Miércoles, 1 de octubre 2008

  16. Verónica Milán

    Leonardo tienes que ir paso a paso haciendo páginas muy básicas al principio, y con la práctica irás aprendiendo. Vas por buen camino, lee cosas sobre el tema, que te ayuden a empezar. Decirte aquí exactamente como lo tienes que hacer sería imposible, es un aprendizaje.

    Saludos y siento no poder ayudarte más.

    Viernes, 10 de octubre 2008

  17. giuliana

    Me parece que la pagina es buenisima explica mas de loq ue podria imaginar pero aun asi no se como empezar tengo que descaragr el html para comenzar o que onda la dura que leer todo lo aconsejado me a ayudado entender pero aun asi nio se como empezar necesito ayuda porque hasta el momento e utilizado el blog pero necesito una pagina web creada con nuestros gustos y depsues compprar el dominio para subirlo , tengo cabañas pero hasta el momento lo que e solicitado no a llegado a satisfacer mis espectativas necesito tu ayuda , porque lo ncesito urgente is me pueden ayudar se loas agradeceria porfavor estoy desesperada.

    muchas gracias de antemano

    atte

    Giuliana

    Martes, 21 de abril 2009

  18. Fundamentos de diseño de Sitios Web :: LaWebera.es

    [...] lenguaje nos permite crear páginas web, que no son más que archivos con la extensión htm ó html. Las mismas, se alojan en servidores [...]

    Miércoles, 22 de abril 2009

  19. maria pia

    esta pagina no me ayuda necesito hazer una pagina de internet no como se hace esta pagina es lo peor sin ofender.

    Lunes, 4 de mayo 2009

  20. evelyn

    disculpen pero ami tampoco me ayuda yo necesito hacer una pagina de internet para una empresa y no se como. chau

    Domingo, 17 de mayo 2009

  21. Como crear enlaces hipertexto :: LaWebera.es

    [...] ser capaces de crear una página Web bastante completa tenemos que aprender a crear enlaces hipertexto. Con ellos se pueden activar [...]

    Jueves, 21 de mayo 2009

  22. nazaret

    No quiero leer tanto. Decirlo de una vez sin tanto rollo

    Miércoles, 24 de junio 2009

  23. Diego

    Hola, me parecio una exclente página web, muy explicativa para lectores que quieren aprender lo básico. Pero lo mas importante, es que tendría que mencionar como hacer una pagina web.

    Viernes, 4 de septiembre 2009

  24. milagros

    hola de verdad me sirvio esta pagina web osea en otras paginas lo unico que dicen esq tengo que pagra 30euros para descargar un fondo o algo mas por eso esta pagina es de gran byee

    Miércoles, 7 de octubre 2009

  25. narcisa

    Muy útil los consejos, lástima que hay gente que no sabe diferenciar entre un tutorial y consejos…

    Martes, 13 de octubre 2009

  26. Mantenimiento de una página web

    [...] abandones tu proyecto a su suerte una vez lo hayas planificado, creado y colgado en Internet. La clave del éxito es el trabajo constante, y este no debería acabar nunca [...]

    Viernes, 18 de diciembre 2009

  27. Ejemplo de estructura de una página HTML

    [...] los capítulos del subapartado Crear una página web de este [...]

    Sábado, 2 de enero 2010

  28. CSS: sitios que van un paso por delante

    [...] mayor tiempo posible a desarrollar, (Si se ve en mi Explorer ¿porqué preocuparme?), llevan a la creación de sitios web sin una mínima [...]

    Sábado, 2 de enero 2010

  29. luisfer

    hola:
    He llegado a este sitio, que me parece muy interesante y didáctico, buscando una orientación para un problema que tengo.

    Tengo un amigo que tiene una página que estaba muy estática y le propuse hacer unos banner en flash, que ya los tengo listos.
    1. Un banner que se aloja en una plantilla para ser visualizado por todo el contenido ( antes había uno pero su movimiento era casi imperceptible ).
    2. un mapa que estaba borroso y que con el flash se mejoró muchísimo y vuelve ágil el diseño.

    El problema se presenta al subir los cambios, porque cuando se suben los flash a Dreamweaber y se prueban, estos salen bien, pero cuando se suben por ftp los flash no se cargan y lógicamente no se ve ninguna imagen.( el banner principal pesa en .swf 973k y el otro 83K ) He intentado subiendo los .fla en otra carpeta, cargando los archivos que contienen los cambios y los que afectan, he hecho cantidad de veces todo el proceso desde flash, etc, pero nada.

    Me pueden ayudar…por favor ?

    Luisfer.

    Martes, 19 de enero 2010

  30. Simbolismo de los colores y su uso en el diseño web

    [...] diseñador de páginas web debe tener en cuenta que el color es mucho más que un elemento decorativo. En el diseño web, [...]

    Miércoles, 20 de enero 2010

  31. Verónica Milán

    Luisfer, estás insertando correctamente el .swf en tu página html? prueba con esta información: http://www.cristalab.com/tutoriales/insertar-swf-de-flash-en-xhtml-valido-c154l/ Además de funcionar (yo la uso cuando tengo que meterle flash a algún diseño) te valida la página.

    Un saludo.

    Miércoles, 27 de enero 2010

  32. Diseñar una página web para varias resoluciones de pantalla

    [...] podría suponer que bastaría con tomar la resolución de pantalla más empleada y diseñar nuestra página web para que se vea bien en esta resolución. Sin embargo, el tema no es tan sencillo. La siguiente [...]

    Miércoles, 27 de enero 2010

  33. Compatibilidad de tu web con distintos navegadores

    [...] por centrarnos en la audiencia adecuada, registrar un nombre de dominio rompedor o tener un diseño agradable al usuario. Todo esto puede verse ensombrecido si un usuario no ve la página correctamente al [...]

    Lunes, 1 de febrero 2010

  34. Cristian

    me viene bárbaro, porque tengo que hacer una página de cómo llegar de una ciudad a otra, así que, la voy a hacer!

    Martes, 2 de febrero 2010

  35. angie

    quiero crear un sitio web para ampliar el deserrollo de la revista para la que escribo, por fa den el procedimiento explícito de donde y como crearlo

    Lunes, 22 de febrero 2010

  36. Estructura de una página web: Como estructurar los archivos

    [...] nos iniciamos en el diseño de páginas web, tendemos a pensar que la estructura de los archivos y directorios en que se encuentra organizada [...]

    Miércoles, 24 de febrero 2010

  37. Estructura de una página web: diseño de plantilla

    [...] sitio web no es una unidad real, sino que se trata de una serie de páginas independientes. El concepto de [...]

    Lunes, 8 de marzo 2010

  38. Rooxie

    Excelente artículo, te felicito.

    Lunes, 19 de abril 2010

  39. Alexis

    Hola muy buenos tus datos pero a que te refieres con eso de que ^^ La era de las tablas ha muerto.^^ ¿?

    Viernes, 11 de mayo 2012

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras