¿Por qué debemos crear un sitio web?
01 Contenido claro
Si quieres ser diseñador de sitios web y crear un sitio web, primero debes considerar el contenido del sitio web, incluidas sus funciones, y lo que tus usuarios necesitan. Todo su diseño debe girar en torno a estos aspectos.
02 Captar usuarios
Si los usuarios no pueden acceder rápidamente a su sitio web, o la operación es inconveniente, el diseño del sitio web fallará. No decepciones a los usuarios cambiando al sitio web de tu rival.
03 Optimizar el contenido
El contenido es el núcleo. Hace unos dos años, una web corporativa era como un folleto publicitario. Para empeorar las cosas, el sitio utiliza tantas imágenes que parece que se necesitarán siglos para descargarlas. El sitio web de Chanels () tiene éxito en algunos aspectos del diseño, pero el contenido es demasiado codicioso y lleva mucho tiempo encontrar lo que se busca, por lo que no es un sitio web exitoso.
04 Descarga Rápida
No hay nada peor que tardar mucho en descargar una página. Como regla general, una página web estándar no debe tener más de 60 K y debería tardar 30 segundos en cargarse con un módem de 56 K. Algunos diseñadores dicen que las páginas web deberían cargarse en 15 segundos.
05 Actualización del sitio web
Preste siempre atención al funcionamiento del sitio web. Un anfitrión con buen desempeño puede funcionar lentamente a medida que aumenta el número de visitantes. Sin embargo, si no quiere perder visitantes, debe planificar cuidadosamente su plan de actualización.
Respetar los principios básicos.
Incluso si no comprende HTML, puede crear un sitio web con una apariencia razonable comprando una herramienta de diseño web WYSIWYG con derechos de autor, como Adobe PageMill o Microsoft FrontPage Express. Pero cuando se diseñaron, estos paquetes no requerían HTML, pero ralentizaban el sitio web. Para diseñar un sitio web con éxito, debes comprender cómo funciona HTML. La mayoría de los diseñadores web recomiendan que los principiantes busquen respuestas en libros sobre HTML y utilicen el Bloc de notas para crear páginas web.
07 Aprender HTML
Usar HTML para diseñar un sitio web puede controlar todo el proceso de diseño. Sin embargo, si eres nuevo en el diseño de sitios web, debes buscar un paquete de software que te permita modificar HTML. HomeSite4 es una gran herramienta de diseño web. HomeSite4 puede ayudarle a aprender HTML durante el proceso de diseño. También le permite cambiar al modo WYSIWYG para que pueda obtener una vista previa de su sitio antes de enviarlo a la web.
Utiliza un bolígrafo para dibujar el marco del sitio web.
El sabio dijo: La pluma es más poderosa que la espada. Antes de usar una computadora, use un bolígrafo para dibujar el marco de un sitio web para mostrar la relación entre todas las páginas web. Planifica cómo tus usuarios navegarán por tu sitio web en el menor tiempo posible.
09 "Nunca encontrarás una buena solución en un ordenador." -Recomendaciones de expertos
10 mapas de sitio
Muchos diseñadores colocan sus propios mapas de sitio en sus sitios web, pero este enfoque puede hacer más daño que bien. La mayoría de los turistas se conectan a Internet para buscar información específica. No están interesados en cómo funciona su sitio web. Si cree que su sitio necesita un mapa, es posible que desee mejorar la navegación y las barras de herramientas.
11 “Mantén los ojos abiertos y presta atención”.
“La mejor inspiración proviene de observar las cosas más irrelevantes. Observa la estructura y el diseño del sitio web. el sitio web Los elementos clave para garantizar que su diseño gire en torno a la navegación en el sitio web.” - Consejos de expertos
La regla de los 12 clics
¿Has oído hablar de la regla de los tres clics? Para un sitio web pequeño, ningún mensaje en su página de inicio necesita más de 3 clics. Para sitios grandes, utilice la navegación y las barras de herramientas para mejorar las operaciones.
13 usos de fuentes especiales
Aunque puedes usar fuentes especiales en tu HTML, es imposible predecir lo que tus visitantes verán en sus computadoras. Una página que se ve bien en su computadora puede verse mal en una plataforma diferente. A algunos diseñadores de sitios web les gusta usar Definir características, que le permite usar fuentes especiales, pero aún se requieren algunas soluciones para evitar que las fuentes que elija se muestren en las computadoras de sus visitantes.
Las hojas de estilo en cascada (CSS) ayudan a resolver estos problemas, pero sólo las últimas versiones de los navegadores admiten CSS.
14 "Utiliza reglas de nomenclatura prácticas y sencillas." - Consejos de expertos
15 Comprueba si hay errores de ortografía
La buena ortografía es una habilidad importante en la vida de las personas. Pero, lamentablemente, muchos diseñadores carecen de esta habilidad. Asegúrate de escribirlo correctamente, prestando especial atención a los errores tipográficos que suelen estar mal escritos.
16 Evite páginas de texto largas
Tener muchas páginas de sólo texto en un sitio web es aburrido y una pérdida del potencial de la web. Si tiene una gran cantidad de documentos de texto, debe colocarlos en archivos con formato Adobe Acrobat para que sus visitantes puedan leerlos sin conexión.
17No utilices barras de desplazamiento.
La gente odia usar barras de desplazamiento en Internet. Los sitios problemáticos () suelen ser sitios mal diseñados. Se basa en una arquitectura flotante y para poder leer todo el texto, el espectador debe utilizar barras de desplazamiento.
18 herramientas de diseño web favoritas de los expertos
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
p>4.Adobe ImageRead
5.Dream Weaver
6.Macromedia Fireworks
7.Allaire Home
8. Bloc de notas de Microsoft
9.Director de Macromedia
10 Onda de luz
11.Dibujo a mano en Macromedia
12. : Adobe Acrobat Exchange, Allaire ColdFusion, BBEdit, validador HTML, etc.
19 Introducción al sitio web
Debe tener una introducción clara al sitio web que indique a los visitantes lo que su sitio web puede ofrecer para que puedan encontrar lo que buscan. Sin embargo, muchos diseñadores no hacen esto. Las herramientas eficaces de navegación y búsqueda facilitan que las personas encuentren información útil, lo cual es muy importante para los visitantes. Dígales a sus visitantes que lo que ofrece es exactamente lo que quieren.
Una vez que se lance el sitio web, se anunciarán al mundo todos los pros y los contras del diseño del sitio web. No hay otra forma de aprender más que de los propios errores, escuchando los consejos de los demás y el feedback de los usuarios. "-Consejos de expertos
21 Flash es un dolor de cabeza.
El uso de un logotipo puede atraer la atención de los visitantes hacia una parte especial de su página de inicio, pero también hace que sus visitantes Es un dolor de cabeza si desea que los visitantes vuelvan a visitar su sitio web, utilice menos este método.
22 Color de fondo
El color de fondo también puede causar algunos problemas y hacer que la página web sea menos interesante. Difícil de leer. Debes ceñirte al texto negro sobre un fondo blanco y también a las fuentes simples.
23 botones de avance y retroceso
Debes evitar obligar a los usuarios a utilizar los botones de avance y retroceso. botones de retroceso. Debería permitir a los usuarios encontrar lo que buscan rápidamente. La mayoría de los buenos sitios web tienen la misma barra de navegación en el mismo lugar en cada página para que los visitantes puedan acceder a cualquier parte del sitio desde cada página. p>24 “Cíñete a tus creencias. Siga estrictamente todas las reglas. Evite dar las cosas por sentado. Nunca dejes de aprender. ” - Consejo de experto
Contador de clics de 25
No consideres fácilmente poner un contador de clics destacado en tu sitio web. Diseñas tu sitio web para atender a los visitantes, no para vender lo que crees. importante La mayoría de los visitantes piensan que el contador no tiene sentido, es fácil de falsificar y no están dispuestos a ver anuncios. Si muestra cuán popular es su sitio web, será mejor que proporcione un enlace para mostrar el registro de acceso. No usa marcos.
Al igual que los contadores, los marcos son cada vez más populares en el lado izquierdo de la pantalla. Sin embargo, los diseñadores descubren rápidamente que hay muchos problemas al usar marcos. para mostrar todo el sitio sin una pantalla de 17 pulgadas. Quizás lo más importante es que los marcos también hacen imposible marcar el perfil como favorito, por lo que su sitio no puede aparecer en la lista.
27 Eliminar imágenes
Incluso si eliminas la función de imágenes en tu navegador, asegúrate de que los visitantes obtengan resultados satisfactorios en tu sitio web. También se logra un buen rendimiento de carga de páginas para aquellos visitantes que utilizan una conexión RDSI y desactivan la función de imagen. Puede satisfacer a sus visitantes proporcionando enlaces adicionales en la parte inferior de la página y utilizando texto alternativo en lugar de imágenes.
28 Reutilizar imágenes
Algunos sitios web pierden la oportunidad de utilizar mejores técnicas porque utilizan una gran cantidad de imágenes que no se repiten. Al crear un logotipo, usar la misma imagen varias veces en una página web es una excelente manera de recargarla rápidamente una vez que se carga.
Evita el uso de imágenes grandes.
No utilices imágenes que ocupen toda la pantalla. Evite que los visitantes se desplacen hacia la derecha. El 75% del ancho de la pantalla es una buena sugerencia.
30 "Evita presumir." - Consejos de expertos
31 Elige utilizar animación Flash.
Muchos visitantes que utilizan ordenadores lentos descubren que los iconos animados pueden agotar fácilmente los recursos del sistema, lo que dificulta mucho el funcionamiento del sitio web. Por lo tanto, a los usuarios se les debe dar la opción de omitir el uso de animaciones Flash.
Utilice los complementos Flash lo menos posible
Aunque muchos diseñadores web creen que Flash es muy potente y que Netscape 5.0 también admitirá Flash, no es necesario descargar ningún complemento. ins al usarlo. Sin embargo, es mejor descartar la idea de utilizar Flash como interfaz.
Permita que los usuarios obtengan una vista previa de las imágenes pequeñas primero
Si tiene que ampliar la imagen en el sitio web, es mejor utilizar un software de miniaturas para mostrar el efecto de vista previa de la versión reducida de la imagen. , para que los usuarios no tengan que perder dinero y tiempo descargando imágenes grandes que ni siquiera quieren ver.
34 La animación y el contenido deben combinarse orgánicamente
Asegúrate de que la animación sea relevante para el contenido. Deben mezclarse con la página, no secarse. La animación no es sólo una simple acumulación de material producido por Macromedia Director.
Usa tu voz con cuidado
Ten cuidado con el uso de tu voz. El sonido incorporado es otro no-no para los diseñadores web. Porque el uso excesivo de sonido ralentizará la velocidad de descarga y no aportará muchos beneficios al navegador. Escuchar el ruido del mouse puede ser divertido la primera vez, pero definitivamente se volverá molesto después de algunas veces. Antes de utilizar el sonido, debes considerar cuidadosamente qué efecto tendrá el sonido en ti.
Usa menos Java y AxtiveX
Usa lo menos posible Java y AxtiveX en páginas web. Porque no todos los navegadores necesitan usarlo, solo los usuarios de versiones anteriores de Netscape y Explorer lo necesitan. Además, los Mac tienen problemas para manejar Java. El uso excesivo de Java puede congelar tu Mac.
37. Sitio web diseñado con éxito
- Buen contenido y relevancia.
- Descarga de gráficos rápidamente.
-El diseño es sencillo y claro.
38 Tenga cuidado con los complementos
En el diseño web, si confía en algunos complementos especiales, reducirá el atractivo del sitio web. Si los visitantes no tienen el complemento que necesitan, tendrán que ir a otro sitio para descargarlo, por lo que es posible que el visitante no regrese.
Utilice complementos conocidos
Si hay sonido o vídeo en el sitio, asegúrese de que los usuarios puedan oírlo o verlo mediante el uso de complementos conocidos. Muchos sitios web utilizan complementos QuickTime, RealPlay y Shockwave. Porque muchos visitantes no están dispuestos a perder mucho tiempo y dinero descargando complementos que sólo pueden usarse una vez.
Usa tecnología avanzada
Mantente al día con las nuevas tecnologías. Los avances en la tecnología web nunca se detendrán, por lo que deberíamos dedicar algún tiempo a investigar nuevos productos y desarrollar tecnologías.
41Crea tus propias imágenes y sonidos
Utiliza imágenes y sonidos que crees tú mismo o que descargues de sitios web comerciales. Al crear un sitio web comercial, debe gastar suficiente dinero en gráficos para mejorar la visibilidad de la empresa.
Ya sean juegos, imágenes, animaciones o películas, pensar en qué tipo de diseño te gusta te inspirará a crear nuevos y mejores sitios web.
- Consejos de expertos
Compatibilidad con plataforma 43
Por el bien de los usuarios, debes probar tu sitio web en al menos una PC y una Mac para ver qué tan compatible es.
44 Utilice herramientas de análisis de software para encontrar errores
Utilice herramientas de análisis de software para comprobar el HTML. La herramienta de análisis de software Doctor HTML puede ayudar a comprobar si hay problemas en HTML. Si tiene muchas páginas web para consultar, puede elegir una herramienta de análisis de software. En el sitio web
45 Evite malos enlaces
El sitio web puede tener enlaces a otros sitios web útiles. Sin embargo, si tiene enlaces en su página, asegúrese de revisarlos con frecuencia para asegurarse de que sean válidos. Puede haber muchos sitios web a los que vincular, pero no enlace a sitios web que no tengan nada que ver con su contenido.
Dale a la audiencia algo maduro
Si el sitio web no está listo, no lo publiques online. Todos los buenos sitios web se publican una vez finalizados en segundo plano.
Registra tu sitio web en los motores de búsqueda
A menos que registres tu sitio web en un motor de búsqueda importante, será difícil que otros encuentren tu sitio web.
Diseñar un tablero de mensajes
Los visitantes están dispuestos a pasar tiempo en un buen sitio web, por lo que es mejor tener un tablero de mensajes que pueda motivar a los visitantes a regresar a su sitio web nuevamente y ayudar. ampliar El contenido del sitio web.
49 Sitio web de prueba
Antes de que su sitio web se lance oficialmente, debe realizar pruebas útiles. Al diseñar un sitio web, debes utilizar el software más reciente, pero no olvides que las personas no utilizan el navegador más reciente, por lo que debes cuidar el navegador anterior. Pruebe todos los enlaces y barras de herramientas de navegación cuando cargue su sitio.
50 "Haga todo lo posible para probar repetidamente el sitio web diseñado hasta que no pueda encontrar nada nuevo". - Consejos de expertos
51 Demuestre el próximo sitio web.
Permite que la gente pruebe tu sitio antes de publicarlo. Durante la demostración, la gente le dirá si el sitio web que diseñó es fácil de usar.
52 adornos de animación
Hay como máximo una animación en la página web.
53 "Las teclas inclinadas no quedan bien, así que es mejor no usarlas." - Consejos de expertos
54 Organización del contenido
Antes de empezar Al crear una nueva página web, considere cuidadosamente la organización del contenido de su sitio web. Decida por qué quiere que naveguen sus visitantes y luego diseñe un sistema de navegación.
55 "Viva el espacio en blanco"
Presta atención al espacio en blanco. No saturas tu página web con imágenes, texto y gifs animados innecesarios. Incluso si hay suficiente espacio, evite usarlo al diseñar.
56 "Utilice espacios en blanco para atraer la atención. Para atraer la atención, los diseñadores web utilizan varios métodos, como parpadear, rotar, etc., pero el uso de espacios en blanco atraerá más atención - Recomendaciones de expertos
57 Compresión de imágenes
Para mantener las imágenes pequeñas, utilice un programa como GIF Wizard, que comprime las imágenes automáticamente. Primero declare el tamaño de la imagen, preferiblemente especificando el atributo de tamaño de la imagen antes de mostrar la imagen. Puede guardar este atributo en la etiqueta IMG. Esto puede hacer que las páginas web se vean fluidas porque el navegador puede mostrar la página web completa en la pantalla antes de descargar la imagen.
58 Sitios Web Que Fallaron en Diseño
Me llevaría una hora encontrar una camiseta en ellos. No es atractivo, la página de inicio es demasiado engorrosa.
-Mal diseño
-Nada nuevo.
-No se entiende la navegación
59 atributos de tamaño de imagen, que se pueden guardar en etiquetas IMG. Esto puede hacer que las páginas web se vean fluidas porque el navegador puede mostrar la página web completa en la pantalla antes de descargar la imagen.
60 Registro de Usuario
Si podemos saber quién visitó el sitio web y cómo, podemos obtener mucha información útil. Sin embargo, exigir a los visitantes que se registren antes de navegar por su sitio es riesgoso, ya que puede ahuyentar a un grupo de personas que no están dispuestas a registrarse. Otra forma de obtener información es a través de cuestionarios o recompensas monetarias, de modo que los usuarios puedan completar activamente algunos formularios de retroalimentación de información.
61 Hacer que el sitio web sea interactivo.
Proporcione algunas herramientas para responder preguntas en el sitio web para que los visitantes puedan obtener información interactiva del sitio web.
62 Actualizaciones de imágenes
Cambie las imágenes de su sitio web con la mayor frecuencia posible. La gente prefiere hacer clic en imágenes que en texto.
Proporcione juegos en su sitio web
Los juegos son una excelente herramienta interactiva y una excelente manera de hacer que los visitantes regresen a su sitio web.
64 Elija el software de herramientas
Elija las herramientas de diseño web con cuidado. Debes utilizar el software que más desees y sentirte mejor contigo mismo.
Utilice la última versión del software.