¿Cómo crear un sitio web?
Se resumirán las siguientes ideas básicas de diseño:
Primero, coloque el tema y el nombre del sitio web
El tema del sitio web es también el tema de El sitio web, que es la clave para el diseño de sitios web. La primera pregunta. Los temas del sitio web son muy extraños y deslumbrantes. Siempre que puedas pensar en ello, puedes hacerlo. Los siguientes son los diez temas principales de los 100 sitios web famosos de los Estados Unidos seleccionados en 1999 por "PC Magazine":
Categoría 1: Búsqueda de empleo en línea
Categoría 2: Chat en línea /mensajería instantánea/ICQ
Categoría 3: Comunidades en línea/discusiones/listas de correo
Categoría 4: Tecnología informática
Categoría 5: Páginas web/desarrollo de sitios web
Categoría 6: Sitio web de entretenimiento
Categoría 7: Viajes
Categoría 8: Referencia/Información
Categoría 9: Familia/Educación
Categoría 10: Estilo de vida/Moda
Cada categoría se puede subdividir aún más, como entretenimiento, deportes/películas/música, y la música se puede dividir en MP3, VQF, Ra, etc. Según la forma de expresión, se puede dividir en clásica, moderna y rock. Al mismo tiempo, la conexión y combinación cruzada de varios temas puede generar nuevos temas, como foros de viajes (debates sobre turismo) y fútbol clásico (películas y televisión sobre fútbol), que se pueden dividir en miles de temas. Hay tantos temas, ¿cómo elegir? Los principios que se deben seguir son los siguientes:
1. El tema debe ser pequeño y preciso.
El posicionamiento debe ser pequeño y el contenido preciso. Si desea crear un sitio web con todo incluido y poner todas las cosas maravillosas en él, a menudo será contraproducente. Le dará a la gente la sensación de que no hay tema, ni funciones, y todo, pero todo es superficial, porque usted. no se puede tener. Se destina tanta energía al mantenimiento. La característica más importante del sitio web es que es nuevo y rápido. Los perfiles más populares hoy en día se actualizan todos los días o incluso cada pocas horas. Los últimos resultados de la encuesta también muestran que los "sitios temáticos" en Internet son más populares que los "sitios completos", al igual que las tiendas especializadas y los grandes almacenes. Si necesito comprar algo, definitivamente elegiré una tienda especializada.
2. El tema debe ser algo que se te dé bien o que te guste.
Por ejemplo, si eres bueno programando, puedes crear un sitio web para entusiastas de la programación; si estás interesado en el fútbol, puedes informar sobre los últimos partidos, noticias de las estrellas, etc. De esta manera no te sentirás aburrido ni abrumado al realizarlo. El interés es la motivación para crear un sitio web. Sin pasión, es difícil diseñar y crear un sitio web excelente.
3. No te excedas ni apuntes demasiado alto.
“Demasiados” se refiere a temas que se pueden ver en todas partes y que todos comparten, como descargas de software e información gratuita. "Apuntar demasiado alto" significa que ya existen sitios excelentes y conocidos en este tema, y le resultará difícil superarlos.
Si se ha determinado el tema, puedes darle al sitio web un nombre basado en el tema. El nombre del sitio web también forma parte del diseño del sitio web y es un elemento muy crítico. Verá, "sala de computadoras" y "sala de computadoras" son obviamente lo último y concisos "Midi Paradise" y "Midi Paradise" son obviamente lo último; "El mundo de los niños" y "El jardín de infantes chino" son obviamente lo último. Todos sabemos que el nombre chino de PIII es "Pentium". Si fuera reemplazado por "correr", podría no ser tan "popular" como lo es hoy. Al igual que en la vida real, el hecho de que el nombre del sitio web sea vertical, llamativo y fácil de recordar tiene un gran impacto en la imagen y la promoción del sitio web. Mis sugerencias son:
1. El nombre debe ser correcto
De hecho, debe ser legal, razonable y afectuoso.
No utilice sustantivos o frases reaccionarias, pornográficas, supersticiosas, que atenten contra la seguridad social.
2. El nombre debe ser fácil de recordar.
Es mejor utilizar nombres chinos, no ingleses o nombres mixtos de chino e inglés. Además, la cantidad de caracteres en el nombre del sitio web debe controlarse dentro de seis caracteres (preferiblemente cuatro caracteres), y los modismos también pueden usar cuatro caracteres. Otra ventaja es que el número de palabras es pequeño y adecuado para el diseño de enlaces en otros sitios.
3. El nombre debe ser distintivo.
Un nombre simple es aceptable si puede reflejar una cierta connotación y brindar a los visitantes más impacto visual e imaginación espacial, será de primera calidad. Por ejemplo: música de vanguardia, Internet Tao Bar, tiempo y espacio de libros electrónicos, etc. Si bien refleja la temática del sitio web, puede señalar las características.
En segundo lugar, posicionar la imagen de CI del sitio web.
La llamada CI (imagen corporativa) consiste en unificar la imagen corporativa a través de la visión. Un sitio web excelente, al igual que una empresa física, requiere un diseño y una presentación de imagen general. Un diseño de CI preciso y creativo obtendrá el doble de resultado con la mitad del esfuerzo de promoción del sitio web. Los métodos específicos son:
1. Diseñar el logo del sitio web.
Al igual que una marca comercial, un logotipo es una expresión concentrada de las características y connotaciones de su sitio web. Ver un logotipo les recordará a todos su sitio web. El concepto de diseño del logotipo proviene del nombre y el contenido de su sitio web:
(1) Los personajes, animales, flores y plantas representativos del sitio web se pueden utilizar como planos de diseño, como Mickey Mouse de Disney y El zorro de dibujos animados de Sohu.
(2) Si el sitio web es profesional, se podrá marcar con proyectos representativos de la profesión. Por ejemplo, el logotipo en placa de cobre del Banco de China, el logotipo en el volante de Mercedes-Benz, etc.
(3) El método más común y sencillo es utilizar el nombre en inglés de su sitio web como logotipo. Es fácil crear su propio logotipo utilizando diferentes fuentes, variaciones de letras y combinaciones de letras.
2. Diseñar los colores estándar del sitio web.
La primera impresión de un sitio web proviene del impacto visual, por lo que es muy importante determinar el color estándar del sitio web. Diferentes combinaciones de colores tienen diferentes efectos y pueden afectar el estado de ánimo de los visitantes. Tomemos un ejemplo práctico para entenderlo: el azul oscuro de IBM, las franjas rojas de KFC y los bloques rojo, azul, amarillo y verde del logotipo de Windows nos hacen sentir muy apropiados y armoniosos. "Color estándar" se refiere al color que puede reflejar la imagen del sitio web y ampliar su connotación. En términos generales, no debería haber más de tres colores estándar para un sitio web. Demasiados deslumbrarán. El logotipo, el título, el menú principal y los bloques de colores principales del sitio web deben utilizar colores estándar. Da una sensación de unidad general. En cuanto a otros colores, también se pueden utilizar, como adornos y láminas, y no deben usurpar el papel de propietario. Los colores adecuados para los colores estándar de las páginas web son: azul, amarillo/naranja, negro/gris/blanco. Preste atención a la combinación razonable de colores.
3. Diseñar fuentes estándar para el sitio web.
Al igual que los colores estándar, las fuentes estándar son fuentes únicas que se utilizan para logotipos, títulos y menús principales. Generalmente, la fuente predeterminada para nuestras páginas web es Song Dynasty. Para reflejar el estilo "único" y único del sitio web, podemos elegir algunas fuentes especiales según nuestras propias necesidades. Por ejemplo, para reflejar profesionalismo, puede utilizar una imitación aproximada del estilo de la dinastía Song para reflejar un diseño exquisito, utilizar un estilo publicitario para reflejar cordialidad y despreocupación, utilizar escritura a mano, etc.
4. Diseñar el eslogan del sitio web
También se puede decir que es el espíritu y objetivo del sitio web. Resúmelo en una frase o incluso en una palabra. Similar a los eslóganes publicitarios de la vida real. Por ejemplo, la "comida deliciosa" de Magpie's Nest; la de Maxwell "comparte cosas buenas con buenos amigos"; la de Intel "te acelera el corazón", etc.
En tercer lugar, determine las columnas del sitio web
Crear un sitio web es como escribir un artículo. Primero debes elaborar un esquema para que el artículo pueda tener un tema claro y niveles claros. Si la estructura del sitio web no es clara, el directorio es complejo y el contenido está disperso aquí y allá. Así que no sólo resulta confuso para los visitantes, sino que también es bastante difícil escalar y mantener el sitio por su cuenta. Una vez determinado el tema del sitio web, se recopila y organiza una gran cantidad de contenido de información relevante, pero ¿cómo organizar el contenido para atraer a los internautas a navegar por el sitio web? La esencia de una columna es un índice general de un sitio web y el índice debe estar en línea.
El cuerpo principal de la estación se muestra claramente.
En general, se debe prestar atención a los siguientes aspectos al organizar las columnas del sitio web:
1.
Clasifica tus temas de una determinada manera y utilízalos como columnas principales del sitio web. El número de columnas especiales debería representar una ventaja absoluta en el total de columnas. Un sitio web de este tipo es altamente profesional y tiene temas sobresalientes, que fácilmente pueden dejar una profunda impresión en las personas.
2. Cree una columna de actualizaciones recientes o de guía del sitio web.
El propósito de configurar la columna "actualizaciones recientes" es atender a los visitantes habituales y hacer que su página de inicio sea más fácil de usar. . Si el contenido de la página de inicio es enorme y tiene muchos niveles, y no hay un motor de búsqueda en el sitio, entonces configurar una columna "Guía del sitio" puede ayudar a quienes visitan por primera vez a encontrar rápidamente el contenido que desean.
3. Establecer una columna de comunicación bidireccional.
Por ejemplo, foros, libros de visitas, listas de correo, etc. , que permite a los visitantes dejar su información.
4. Configure una columna de descargas o preguntas frecuentes.
La característica de Internet es compartir información. Por ejemplo, configure una barra de descarga de datos en su página de inicio para facilitar que los visitantes descarguen los datos requeridos. Además, si el sitio web recibe con frecuencia cartas de internautas sobre ciertos temas, es mejor configurar una columna para responder preguntas frecuentes para comodidad de los internautas y ahorrar más tiempo.
En cuarto lugar, determine la estructura de directorios del sitio web.
El directorio del sitio web se refiere al directorio creado cuando creó el sitio web. Por ejemplo, al crear un sitio web con frontpage98, el directorio raíz y el subdirectorio de imágenes se crean de forma predeterminada. La calidad de la estructura del directorio no tiene mucho sentido para los visitantes, pero tiene un impacto importante en la carga y el mantenimiento del sitio web en sí, así como en la expansión y trasplante de contenidos futuros. Las siguientes son algunas sugerencias para establecer una estructura de directorios:
1. No almacene todos los archivos en el directorio raíz, ya que esto causará confusión en la administración de archivos.
A menudo no sabes qué archivos deben editarse y actualizarse, qué archivos inútiles pueden eliminarse y cuáles son archivos relacionados, lo que afecta la eficiencia del trabajo. Además, la velocidad de carga es lenta. El servidor suele crear un índice de archivos para el directorio raíz. Cuando coloca todos los archivos en el directorio raíz, incluso si solo carga y actualiza un archivo, el servidor necesita volver a buscar todos los archivos y crear un nuevo archivo de índice. Obviamente, cuanto mayor sea el número de archivos, mayor será el tiempo de espera. Por lo tanto, minimice la cantidad de archivos almacenados en el directorio raíz.
2. Cree subdirectorios según el contenido de la columna.
Para crear un subdirectorio, primero haga clic en la barra de menú principal. Por ejemplo, un sitio web corporativo puede establecer un directorio correspondiente basado en el perfil de la empresa, la introducción del producto, el precio, los pedidos en línea, la información de contacto para comentarios, etc. Otras columnas pequeñas, similares a las novedades, tienen enlaces más amigables y se pueden establecer subdirectorios independientes si es necesario actualizarlos con frecuencia. Y algunas columnas que son muy relevantes y no necesitan actualizarse con frecuencia, como por ejemplo: Acerca de este sitio, Acerca del webmaster, Experiencia en el sitio, etc. , se puede fusionar en un directorio unificado. Todos los programas generalmente se almacenan en directorios específicos. Por ejemplo, los programas CGI se colocan en el directorio cgi-bin. También es mejor colocar todo el contenido que debe descargarse en un directorio.
3. Cree un directorio de imágenes independiente debajo de cada directorio de la columna principal.
Lo más conveniente es crear un directorio de imágenes separado para cada columna principal. El directorio de imágenes en el directorio raíz solo se usa para almacenar imágenes en la página de inicio y algunas columnas secundarias.
4. El nivel del directorio no debe ser demasiado profundo.
Se recomienda que el nivel del directorio no supere el nivel 3 para facilitar el mantenimiento y la gestión.
5. No utilizar directorios chinos.
6. No utilice directorios largos.
Verbo (abreviatura de verbo) determina la estructura de enlaces del sitio web
La estructura de enlaces del sitio web se refiere a la topología de los enlaces entre páginas. Se basa en una estructura de directorios pero puede abarcar directorios. Hay dos métodos básicos para establecer la estructura de enlaces del sitio web:
1. Estructura de enlaces de árbol
Similar a la estructura de directorios de DOS, el enlace de la página de inicio apunta al primer nivel. página, y el enlace de la página de primer nivel apunta a la página secundaria. Al navegar por esta estructura de enlaces, un nivel hacia adentro y un nivel hacia afuera. La ventaja es que está bien organizado y los turistas saben exactamente dónde están y no se perderán. La desventaja es que la eficiencia de la navegación es baja. Las subpáginas de una columna deben pasar por alto la página de inicio para acceder a las subpáginas de otra columna.
2. Estructura de enlaces en estrella
Similar a los enlaces de un servidor web, existe un enlace entre cada página. La ventaja de esta estructura de enlaces es que es cómoda para navegar y puedes acceder a tus páginas favoritas en cualquier momento. La desventaja es que hay demasiados enlaces y es fácil que los visitantes se pierdan y se confundan acerca de dónde se encuentran y cuánto han leído.
Estas dos estructuras básicas son sólo enfoques ideales. En el diseño de sitios web reales, siempre se mezclan para lograr el efecto deseado. Una mejor solución es utilizar una estructura de enlaces en estrella entre la página de inicio y las páginas de primer nivel, y una estructura de enlaces de árbol entre las páginas de primer nivel y las de nivel inferior.
En sexto lugar, diseñar el estilo general del sitio web
El estilo es abstracto y se refiere a la sensación integral que la imagen general del sitio web brinda a los visitantes. Esta "imagen general" incluye CI (logotipo, color, fuente, eslogan), diseño, método de navegación, interactividad, texto, tono, valor del contenido, importancia de la existencia, honor del sitio y muchos otros factores. Por ejemplo, creemos que NetEase es accesible, Disney es animado e IBM es profesional y serio. Estos son sitios web que sirven a las personas.
Dejando sentimientos diferentes.
El estilo único hace que este sitio web sea diferente de otros sitios web. Ya sea color, tecnología o métodos interactivos, los visitantes pueden ver claramente que esto es exclusivo de su sitio web. Por ejemplo, el blanco y negro de New Century.com y el marco único del sitio web NetEase Wallpaper. Incluso si solo ve una página, aún puede saber de qué sitio web proviene.
El estilo es humano. A través de la apariencia, el contenido, el texto y la comunicación de un sitio web, se puede resumir la personalidad y la concepción artística de un sitio web. Es gentil y elegante, persistente y apasionado, vivaz y cambiante, y de laissez-faire. Al igual que la "escuela audaz" y la "escuela elegante" en poesía, puedes comparar sitios web con las personalidades de las personas. ¿Cómo crear un estilo de sitio web? Podemos dividirlo en los siguientes pasos:
1. Asegúrate de que el estilo esté basado en contenido valioso.
Una web con estilo pero sin contenido es como una almohada bordada con una bolsa de hierba, como una persona arrogante pero analfabeta. Primero debes asegurarte de la calidad y el valor del contenido, que es lo más básico.
2. Debe comprender a fondo qué impresión desea que su sitio web dé a la gente.
Puedes aclarar tus ideas a partir de estos aspectos:
A. Si utilizas solo una frase para describir tu sitio web, debería ser: ()
Referencia. Respuesta: Creativo, profesional, solidez (técnica), estético e impactante.
B. Cuando piensas en tu sitio web, los colores que se te ocurren son: ()
Respuestas de referencia: rojo apasionado, azul cielo de fantasía, amarillo dorado inteligente.
C. Cuando pienses en tu sitio web, pensarás en las siguientes imágenes: ()
Respuestas de referencia: un periódico matutino, un auto deportivo Ferrari, una plaza llena de gente, A. tienda de comestibles
D. Si el sitio web fuera una persona, su personalidad sería: ()
Respuesta de referencia: hombre maduro de mediana edad, vaquero salvaje y desenfrenado, empresario confiado y honesto.
E. Como administrador de un sitio web, la impresión que debe dar es: ()
Respuesta de referencia: dedicado, compromiso serio, profundidad, responsabilidad, inocencia, franco y gentil.
F. Utiliza animales como analogías. ¿A qué se parece más su sitio web? ()
Respuestas de referencia: gato (misterioso y noble), águila (visión aguda), conejo (inteligente y sensible), león (confiado y autoritario)
G. ¿Cuál creen los visitantes que es la diferencia entre usted y otros sitios web? ()
Respuesta de referencia: información confiable y rápida, comunicación conveniente,
Cómo se sienten los visitantes acerca de comunicarse y cooperar con usted Sí: ()
Respuesta de referencia: profesores y estudiantes, colegas, amigos, jóvenes y mayores.
Primero puedes completar una respuesta tú mismo y luego dejar que otros internautas completen la respuesta. Los resultados de la comparación le dirán: las lagunas, debilidades y áreas de mejora en su sitio web.
3. Después de aclarar la impresión de su sitio web, comience a trabajar duro para establecer y fortalecer esta impresión.
Después del segundo paso de "cuantificar" la impresión, es necesario averiguar más a fondo qué es lo más distintivo, es decir, qué refleja mejor el estilo del sitio web. Y utilícelo como una característica del sitio web para centrarse en fortalecerlo y promoverlo. Puede aprender de las siguientes prácticas:
(1) Coloque su logotipo en cada página tanto como sea posible. O encabezado, pie de página o fondo.
(2) Resalta tu color estándar. El color del enlace del texto, el color principal de la imagen, el color de fondo, el borde y otros colores deben ser lo más consistentes posible con el color estándar.
(3) Resalta tus fuentes estándar. Utilice fuentes consistentes y estándar en títulos, menús e imágenes clave.
(4) Piensa en un eslogan pegadizo. Póngalo en su banner, o colóquelo en una posición destacada, y dígales a todos que las características de su sitio web son...
(5) Utilice un tono y una persona unificados. Incluso si lo mantienen varias personas, los lectores deben sentir que fue escrito por la misma persona.
(6) Utilice efectos de procesamiento de imágenes unificados. Por ejemplo, la dirección, el grosor y el desenfoque del efecto de sombra deben ser coherentes.
(7) Crea un símbolo o icono exclusivo del sitio web.
(8) Utiliza encajes, líneas y puntos de tu propio diseño.
(9) Muestra los honores y trabajos exitosos de tu sitio web.
(10) Cuéntale a los internautas tus historias y pensamientos reales. La formación del estilo no se fija una vez, puedes fortalecerlo, ajustarlo y modificarlo continuamente en la práctica.
Siete. Resumen:
El diseño de sitios web está lleno de un encanto infinito y un artículo por sí solo no puede agotar sus misterios. Es posible que esta idea de diseño no sea completamente adecuada para todos los diseñadores, ni tampoco para la situación real de varios diseños, por lo que debería ser una buena idea. Diferentes personas tienen diferentes opiniones. Espero que usted y yo tengamos más sitios web excelentes. Por favor critique y corrija los errores del artículo.
Ocho. Filología
1. Técnicas y ejemplos de producción de títulos de páginas web - Shandong - Tsinghua University Press
2. FrontPage 2000 desde principiante hasta competente - Traducido por Cheng Dong et al - Electronic Industry Press<. /p>
3. "Diseño de usabilidad de sitios web" Jakob Nielsen-Editorial de Correos y Telecomunicaciones del Pueblo
4. La combinación dorada de arquitectura de sitios web y artistas-Editorial de Correos y Telecomunicaciones del Pueblo de Tianlan<. /p>
5. "Diseño de páginas web y desarrollo de sitios web: práctica completa de producción de páginas web HTML y desarrollo de sitios web" -Wu - Aviation Industry Press
6. Prensa
Materiales de referencia:
/c/1781.html