Crear la página web. Consejos
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:
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.
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.
|
Artículos Relacionados ¿Cómo organizar una web? Como empezar una web: ¿Cómo organizar el sitio? Parte del problema con la Web hoy... Guías de navegación en la web Como empezar una web. Guías de navegación: ¿cómo averiguo dónde estoy? Esta cuestión es tan... Manual PHP. ¿Qué es PHP? una breve introducción Licencia del manual: Webs dinámicas con PHP Autor: Alvaro del Castillo Se otorga... Mapas y ayudas. Como hacer una web Como empezar una web: Mapas y ayudas Incluso en Sitios bien estructurados y con funciones... |
(17 votos)
Loading ...Autor y licencia
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 M.
URL: Crear la página web
Web: Como hacer páginas web
37 Comentarios para “Crear la página web. Consejos”
Enlaces a esta entrada
- Fundamentos de diseño de Sitios Web :: LaWebera.es
- Como crear enlaces hipertexto :: LaWebera.es
- Mantenimiento de una página web
- Ejemplo de estructura de una página HTML
- CSS: sitios que van un paso por delante
- Simbolismo de los colores y su uso en el diseño web
- Diseñar una página web para varias resoluciones de pantalla
- Compatibilidad de tu web con distintos navegadores
- Estructura de una página web: Como estructurar los archivos
- Estructura de una página web: diseño de plantilla
RSS
muyyyyyyyyyyyyyyyyyyyyyyyyy bueno
25/03/08 - 18:59 #
necesito crear una pagina web para poder empezar mi negocio pero me recomendaron este sitio espero poder realizarla
2/04/08 - 17:30 #
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
25/04/08 - 1:57 #
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
29/04/08 - 1:38 #
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
6/05/08 - 22:14 #
ME VINO BIEN YA QUE TENGO QUE TERMINAR MI PAGINA WEB. MUY ILUSTRATIVO ASI QUE MUCHAS GRACIAS. ATTE GRICELDA.
9/05/08 - 5:25 #
Está buenísimo. Me encantó
25/05/08 - 21:35 #
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 (:
30/05/08 - 16:11 #
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.
2/06/08 - 17:36 #
ya me cree mi propia pag web pero no see decorarla como lo hago?
29/07/08 - 2:42 #
Yo necesito hacerme una…
leo, pero no se donde empezar, tengo mis objetivos claros
pero nu seee :s
help!
11/08/08 - 18:16 #
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
18/09/08 - 1:54 #
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
29/09/08 - 15:44 #
como empiezo a hacer la web?????
1/10/08 - 5:43 #
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.
1/10/08 - 16:46 #
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.
10/10/08 - 0:26 #
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
21/04/09 - 3:05 #
esta pagina no me ayuda necesito hazer una pagina de internet no como se hace esta pagina es lo peor sin ofender.
4/05/09 - 23:08 #
disculpen pero ami tampoco me ayuda yo necesito hacer una pagina de internet para una empresa y no se como. chau
17/05/09 - 23:59 #
No quiero leer tanto. Decirlo de una vez sin tanto rollo
24/06/09 - 19:54 #
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.
4/09/09 - 18:05 #
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
7/10/09 - 1:17 #
Muy útil los consejos, lástima que hay gente que no sabe diferenciar entre un tutorial y consejos…
13/10/09 - 1:52 #
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.
19/01/10 - 20:43 #
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.
27/01/10 - 1:18 #
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!
2/02/10 - 19:19 #
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
22/02/10 - 4:53 #