Cómo diseñar una página web
Para construir un sitio web, lo primero que hay que resolver es el contenido del sitio web, que es determinar el tema del sitio web. American PC Magazine clasificó los 100 sitios web más famosos de los Estados Unidos en 1999 como los diez temas principales: 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: comunidad en línea/discusión/lista de correo; Categoría 4: Tecnología informática; Categoría 5: Web/Desarrollo de sitios web; Categoría 6: Sitio web de entretenimiento; Categoría 8: Referencia/Información; Categoría 10: Estilo de vida/Moda; Puede consultar la clasificación anterior y continuar subdividiendo. Si te interesan determinados aspectos o tienes mucha información, también puedes hacer algo que te interese. Por un lado, puedes tener tus propias opiniones y crear tus propias características. Con ambos, no se sentirá aburrido ni abrumado mientras crea su sitio web. El interés es la motivación para crear un sitio web. Sin pasión creativa es difícil diseñar obras excelentes.
La selección de temas de contenido debe ser pequeña y precisa, y el posicionamiento del tema debe ser pequeño y preciso. No intente crear un sitio web con todo incluido. Esto a menudo perderá las características del sitio web, requerirá una gran cantidad de trabajo y dificultará la actualización del sitio web de manera oportuna. Recuerde: ¡solo existe el número 1 en línea, no el número 2!
Punto 2: Elige un buen nombre de dominio.
Un nombre de dominio es el nombre de un sitio web en Internet. Un sitio web de puro servicio de información sin promoción de productos, todo el valor de su construcción se condensa en el nombre de dominio de su sitio web. Sin este nombre de dominio, todo el trabajo preliminar se pierde.
Muchos sitios web personales ahora dependen del espacio personal gratuito y sus nombres de dominio también dependen de nombres de dominio gratuitos, como el servicio de nombres de dominio virtual de NetEase. De hecho, esto es muy perjudicial para la promoción y desarrollo de sitios web personales, no solo porque su ventana de apertura "oportuna" obstaculiza la vista y el favor del espectador, haciendo que la gente sepa que es un sitio web personal de un vistazo, sino que también dificulta la transmisión. Velocidad de las páginas web. Entonces, desde mi punto de vista personal, primero que nada, gastar algo de dinero para registrar un nombre de dominio. Un nombre de dominio independiente es la primera riqueza de un sitio web personal. Haga que el nombre de dominio sea vívido, simple y fácil de recordar.
Top 3: Dominar las herramientas del networking.
El desarrollo de la tecnología de redes ha propiciado el desarrollo de la industria del software, por lo que las herramientas y software utilizados para crear páginas web son cada vez más abundantes. Desde el editor HTML más básico hasta la muy popular herramienta de producción de páginas web interactiva Flash y varias herramientas de producción de páginas web, las siguientes son varias herramientas representativas de producción de páginas web:
(1) Editor HTML. Aunque el código HTML es complejo y lleva mucho tiempo editarlo y depurarlo, los productores de páginas web avanzados todavía lo prefieren debido a su estabilidad, amplio soporte y capacidad para crear efectos de página complejos. Hay muchos editores para elegir hoy en día. Estos editores admiten ampliamente la creación de páginas complejas y especificaciones HTML avanzadas, y se utilizan ampliamente editores HTML profesionales como Hotdog.
(2) Lo que ves es lo que obtienes, fckeditor. Microsoft Frontpage es un representante y su interfaz operativa es la misma que la de Word. Los operadores que estén familiarizados con las funciones de Word pueden crear fácilmente páginas web con un poco de formación. Además, Frontpage también puede analizar el código fuente HTML de páginas web y proporcionar soporte de vista previa. Sin embargo, algunas funciones de visualización especiales de Frontpage no se pueden implementar en otros navegadores que no sean IE. Por lo tanto, Frontpage es una herramienta de software muy adecuada para desarrolladores de páginas web principiantes e intermedios.
(La herramienta de producción de páginas web interactivas Flash producida por Macromedia es muy popular ahora. Esta es una herramienta de producción de páginas web multimedia vectorial interactiva muy poderosa. Puede generar fácilmente varias páginas web animadas y no requiere Operaciones particularmente complicadas, más pequeñas que JAVA. Pero sus efectos de animación, efectos interactivos y efectos multimedia son muy buenos. También puede empaquetar música MP3, completar formularios, etc. Y debido a que los archivos de páginas web compilados por Flash son mucho más pequeños. La velocidad de navegación se acelera enormemente. Esta es una herramienta muy adecuada para la producción dinámica de páginas web.
Además, los creadores de sitios web personales deben comprender los conocimientos básicos de la especificación HTML4.0 del W3C, las hojas de estilo en cascada CSS y JavaScript. y VBScript. También debe tener un conocimiento adecuado de algunos programas de script de uso común, como ASP, CGI y PHP. También debe dominar el uso de herramientas de procesamiento de gráficos, herramientas de animación y herramientas de dibujo vectorial, y comprender parcialmente el uso básico. varias herramientas de animación de imágenes y gráficos. Debe dominar el uso de herramientas FTP y tener los conocimientos de software, hardware y redes correspondientes.
Por supuesto, Internet sigue siendo una base de datos gratuita y requiere varios botones, fondos, gráficos e imágenes si desea hacerlo usted mismo, será una pérdida de tiempo y dinero para completar todo esto, y también necesitará una potente tecnología de producción de gráficos e imágenes. Por lo tanto, para evitar estos problemas, los creadores de sitios web pueden descargarlos. una variedad de imágenes, botones, fondos, etc. hermosos y prácticos de los materiales de la página web.
El cuarto punto: determinar la interfaz del sitio web.
La interfaz es la primera. Impresión que el sitio web da a los visitantes y, a menudo, determina la popularidad del sitio web. Preste atención a los siguientes tres puntos:
(1) Disposición de columnas y tableros
Creación de un sitio web. Es como escribir un artículo. Primero, debe enumerar el título para que el tema sea claro y el nivel sea claro.
El error más común que cometen los principiantes al crear un sitio web es comenzar a crearlo inmediatamente después de decidir el tema sin una planificación razonable. Como resultado, la estructura del sitio web no está clara, el directorio es complejo y confuso y el diseño de las secciones es confuso. Esto no sólo confunde a los visitantes, sino que a los propios productores les resulta difícil ampliar y mantener el sitio. Por lo tanto, debes considerar la disposición de columnas y secciones antes de realizar una página web.
Una vez determinado el tema del sitio web, la información recopilada debe organizarse razonablemente. Por ejemplo, coloque parte del contenido más atractivo en la posición más visible o domine el diseño. La esencia de una columna es un índice general de un sitio web, y el índice debe mostrar claramente el cuerpo principal del sitio web. Al hacer columnas, es necesario pensar detenidamente y organizarlas de manera razonable. Los aspectos a tener en cuenta en el diseño de las columnas son:
●Eliminar las columnas que sean irrelevantes para el tema tanto como sea posible;
●Enumerar el contenido más valioso del sitio web en columnas tanto como sea posible. como sea posible;
●Organizar las columnas desde la perspectiva del visitante tanto como sea posible para facilitar la navegación y la consulta del contenido auxiliar, como la introducción del sitio, información de derechos de autor, información personal, etc. , no es necesario colocarlo en la columna principal para evitar diluir el tema.
Además, la disposición de las secciones también debe estar razonablemente ordenada y dividida. El concepto de placas es más amplio que el de pilares, y cada placa tiene sus propios pilares. Por ejemplo, www.enet.com.cn El sitio web de ENET Silicon Valley Power está dividido en secciones como noticias, productos, juegos y universidades. Cada sección tiene su propia columna principal. En general, los sitios web personales tienen menos contenido y se pueden dividir en dos columnas sin configurar secciones. Si es necesario montar tableros, debes prestar atención a:
●Cada sección debe ser relativamente independiente;
●Cada sección debe estar relacionada entre sí;
●El contenido de cada sección debe estar relacionado con el tema del sitio web;
②Estructura de directorios y estructura de enlaces
El directorio del sitio web se refiere al directorio creado cuando el Se establece el sitio web. Por ejemplo, al crear un sitio web utilizando Frontpage, el directorio raíz y el subdirectorio Imágenes se crean de forma predeterminada. La estructura del directorio es un tema que fácilmente se pasa por alto. La mayoría de los webmasters crean subdirectorios al azar y sin planificación. La calidad de la estructura del directorio no tiene mucho sentido para los visitantes, pero tiene un impacto importante en el mantenimiento del sitio web en sí y en la expansión y trasplante de contenidos futuros. Por lo tanto, al establecer la estructura del directorio, también debemos hacer arreglos cuidadosos, como por ejemplo:
●No almacenar todos los archivos en el directorio raíz. Algunos desarrolladores de sitios web colocan todos los archivos en el directorio raíz por conveniencia. Esto puede conducir fácilmente a: administración de archivos caótica, y no está claro 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 cuando la velocidad de carga es lenta; generalmente establecerá un índice de archivo para el directorio raíz. Si todos los archivos se colocan en el directorio raíz, incluso si solo se carga y actualiza un archivo, el servidor deberá buscar todos los archivos nuevamente y crear un nuevo archivo de índice. Obviamente, cuanto mayor sea el tamaño del archivo, mayor será el tiempo de espera.
●Crear subdirectorios basados en el contenido de la columna. Para crear un subdirectorio, primero báselo en la columna principal. Hay muchos enlaces amigables y puede crear subdirectorios independientes si necesita actualizarlos con frecuencia. Algunas columnas que son muy relevantes y no necesitan actualizarse con frecuencia, como la introducción del sitio web, la información del webmaster, etc., se pueden 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. Es mejor colocar todo el contenido descargado en un directorio para facilitar el mantenimiento y la administración.
●Cree un directorio de imágenes independiente en cada directorio de inicio. En términos generales, hay un directorio de imágenes predeterminado en el directorio raíz de un sitio. Es inconveniente almacenar todas las imágenes en este directorio. Por ejemplo, al eliminar una columna, la gestión de las imágenes es bastante problemática. Por lo tanto, es conveniente crear un directorio de imágenes independiente para cada columna principal. La razón es muy simple, es fácil de mantener y administrar.
Otras cosas a tener en cuenta son: el nivel del directorio no debe ser demasiado profundo, no más de 3 niveles; no use directorios chinos, lo que puede dificultar la visualización correcta del sitio web; no lo use por mucho tiempo; directorios y nombres de directorios que son demasiado largos. No es fácil de recordar; intente utilizar directorios significativos para facilitar la memoria y la administración.
La estructura de enlaces de un sitio web se refiere a la topología de enlaces entre páginas. Se basa en una estructura de directorios pero puede abarcar directorios. En sentido figurado, cada página es un punto fijo y un enlace es la conexión entre dos puntos fijos. Un punto se puede conectar a uno o a varios puntos. Más importante aún, estos puntos no están distribuidos en un plano, sino que existen en un espacio tridimensional. En términos generales, existen dos formas básicas de establecer la estructura de enlaces de un sitio web:
●Estructura de enlaces de árbol (uno a uno), similar a la estructura de directorios de DOS. El enlace de la página de inicio apunta a la página principal y el enlace de la página principal apunta a la página secundaria. Al explorar esta estructura de enlaces, un nivel de entrada y un nivel de salida quedan claros de un vistazo. Los visitantes saben claramente dónde están y no "no sabrán dónde están", pero su eficiencia de navegación es baja. Las subpáginas debajo de una columna deben regresar a la página principal.
●Estructura de enlaces en estrella (uno a muchos), similar a los enlaces de un servidor de red, con enlaces mutuos entre cada página. La navegación es más cómoda y puedes llegar a tu página favorita en cualquier momento. Pero debido a que hay demasiados enlaces, es fácil que los visitantes se pierdan y no sepan dónde están y cuánto han leído.
Así que en el diseño de un sitio web real, estas dos estructuras siempre están mezcladas.
El sitio web espera que los visitantes no sólo puedan llegar a la página que necesitan rápida y fácilmente, sino que también conozcan claramente su ubicación. Por lo tanto, la mejor manera 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 y segundo nivel. El diseño de la estructura de enlaces es una parte muy importante de la producción real de una página web. El tipo de estructura de enlaces que se utiliza afecta directamente el diseño de la página.
③ Realizar diseño de imagen.
El diseño de un sitio web puede partir de los siguientes puntos:
●Diseño del LOGOTIPO del sitio web. LOGO se refiere al logotipo del sitio web, que puede ser letras, símbolos, patrones, etc. en chino e inglés. La creatividad del diseño del logotipo debe provenir del nombre y contenido del sitio web. Por ejemplo, los personajes, animales y plantas representativos del sitio web se pueden utilizar como planos de diseño, que pueden parecerse a dibujos animados o los sitios web profesionales pueden marcarse con proyectos representativos de la especialidad; La forma más común y sencilla es utilizar el nombre en inglés de su sitio web como logotipo. Al utilizar diferentes fuentes, variaciones de letras y combinaciones de letras, puede crear fácilmente su propio logotipo.
●Diseñar colores del sitio web. La primera impresión de un sitio web proviene del impacto visual. Diferentes combinaciones de colores tienen diferentes efectos y pueden afectar el estado de ánimo de los visitantes. "Color estándar" se refiere al color que puede reflejar la imagen y la connotación ampliada del sitio web y debe usarse en el logotipo, título, menú principal y bloque de color principal del sitio web. Da una sensación de unidad general. En cuanto a otros colores, también se pueden utilizar, pero sólo se pueden utilizar como adornos y láminas y no deben usurpar el papel del propietario. En términos generales, no debería haber más de tres colores estándar para un sitio web. Demasiados deslumbrarán. Los colores adecuados para los colores estándar web son: azul, amarillo/naranja, negro/gris/blanco.
●Diseñar fuentes para sitios web. Al igual que los colores estándar, las fuentes estándar se refieren a fuentes únicas utilizadas para logotipos, títulos y menús principales. La fuente predeterminada para las páginas web generales es Song Dynasty. Para reflejar el estilo "único" y único del sitio web, se pueden seleccionar algunas fuentes especiales según sea necesario. Los productores pueden elegir fuentes más apropiadas según la connotación expresada por su sitio web. Cabe señalar que las fuentes no predeterminadas solo se pueden usar en forma de imágenes, porque es muy probable que la computadora del navegador no tenga fuentes especiales instaladas, por lo que el diseño y la producción estrictos pueden ser en vano.
●Diseño de slogan de sitio web. También se puede decir que es el espíritu, el tema y el centro del sitio web, o el objetivo del sitio web, que se puede resumir en una sola oración o en una sola oración. Utilice palabras y expresiones poderosas para resumir el sitio web y promocionarlo en el mundo exterior, lo que puede lograr mejores resultados.
Punto 5: Determinar el estilo del sitio web.
"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 y muchos otros factores. Los sitios web pueden ser accesibles, animados y profesionales. Ya sea color, tecnología, texto, diseño o métodos de interacción, siempre que pueda hacer que los visitantes distingan claramente que esto es exclusivo de su sitio web, esto formará el "estilo" del sitio web.
El estilo es humano La personalidad de un sitio web se puede resumir en el color, la tecnología, el texto, el diseño y la interacción del sitio web: ya sea tosco y desenfrenado, o fresco y hermoso; ¿Apacible y elegante, o persistente y apasionado? ¿Es vivaz, cambiante o estancado en una rutina?
En resumen, la diferencia entre un sitio web elegante y un sitio web común y corriente es que lo que ves en un sitio web común y corriente es solo información acumulada y solo puedes usar sentimientos racionales para describirla, como la cantidad de información, el número de vistas, la velocidad. En un sitio web elegante, puedes obtener más conocimientos perceptivos además del contenido, como el gusto del sitio web y la actitud hacia los visitantes.
Después de haber determinado qué tipo de impresión desea dar a la gente, necesita descubrir las cosas más distintivas del sitio web, es decir, las cosas que mejor reflejan el estilo del sitio web. Y utilícelo como una característica del sitio web para centrarse en fortalecerlo y promoverlo. En resumen, la formación del estilo no es una posición fija, puedes fortalecerlo, ajustarlo y mejorarlo continuamente en la práctica.
Punto 6: Selección creativa de contenidos
Una buena selección de contenidos requiere buena creatividad. Como diseñador web, lo más angustiante es no tener buenas ideas de contenidos. Las ideas más creativas de Internet surgen de la combinación de lo virtual y lo real. El propósito de la creatividad es promover mejor el sitio web. Si la idea es buena pero no tiene importancia para el desarrollo del sitio web, entonces el diseñador del sitio web también debería abandonar la idea. Además, el contenido de la página de inicio es la raíz del sitio web. Si el contenido está vacío, por muy bonita que sea la página, no habrá muchos usuarios. Básicamente, el contenido del sitio web todavía afecta el tráfico del sitio web, y el contenido es el rey y sigue siendo la clave del éxito de los sitios web personales.
Punto 7: Promociona tu propio sitio web.
El marketing y la promoción de sitios web también desempeñan un papel importante en el funcionamiento de los sitios web personales. Antes de promocionar su sitio web personal, asegúrese de haber completado lo siguiente: la información del sitio web es rica, precisa y oportuna; la tecnología del sitio web tiene un cierto nivel profesional y el rendimiento de la interacción del sitio web es bueno; En términos generales, existen las siguientes formas de promocionar un sitio web:
(1) Registro en un motor de búsqueda y habilidades de inicio de sesión en el directorio de búsqueda
Registrar un sitio web de motor de búsqueda conocido es técnicamente promover El sitio web el primer paso. Existen algunas técnicas para registrar motores de búsqueda, como AltaVista y buscadores, para incluir automáticamente los sitios web enviados. Además, preste atención al uso de Meta y no envíe páginas con marcos de columnas.
La mayoría de los motores de búsqueda no reconocen marcos, por lo que debes enviar una página de inicio con contenido.
Los sitios web de directorios de búsqueda como Yahoo y Sohu utilizan métodos manuales para recopilar URL para garantizar la calidad de los sitios web incluidos. La información obtenida mediante consultas clasificadas es más relevante que los sitios web de motores de búsqueda (búsquedas automáticas). Debido a que hay relativamente muchos factores humanos involucrados en la búsqueda de sitios web de directorios, tenga cuidado de seguir las reglas al enviar su sitio web. Por ejemplo, Yahoo exige que la descripción del sitio web registrado no supere las 25 palabras. Nota aquí: envíe el sitio web al directorio más apropiado, presente el sitio web de manera cuidadosa y detallada y asegúrese de que no haya falsedad ni exageración.
(2) Habilidades de comunicación publicitaria
Muchos sitios personales imponen varias condiciones al intercambiar anuncios entre sí: en primer lugar, el número de visitas es igual; en segundo lugar, el intercambio de páginas de inicio. Aparentemente, esto se hizo para aprovechar al máximo los intercambios de anuncios. Según la experiencia de muchos sitios web personales, cuando se visita un sitio web personal mediante un intercambio de enlaces y la otra parte coloca el logotipo del sitio web en la página de amistad en lugar de en la página de inicio, pocos visitantes vendrán de allí. Normalmente, en la página de inicio, los intercambios de anuncios darán excelentes resultados.
(3) Promoción por correo electrónico dirigida
Al utilizar el correo electrónico para promocionar su sitio web, las técnicas principales son las siguientes: Puede utilizar una lista de correo gratuita. Siempre que solicite un servicio de lista de correo gratuito, puede utilizar la lista de correo para promocionar su sitio web; puede enviar información a grupos de red específicos a través de direcciones de correo electrónico específicas recopiladas para promocionar su sitio web en grupos de red específicos; enviarla en HTML; formato El correo, incluso si su contenido tiene poca relevancia para el destinatario, no se elimina inmediatamente como spam y la gente al menos presta atención a la dirección del remitente. Pero debes prestar atención a la ética en Internet al promocionar correos electrónicos.
Punto 8: Apoyar el funcionamiento diario del sitio web.
Cuando tu sitio web personal alcanza cierto nivel, ganar dinero debe estar en tu agenda. En términos generales, los sitios web personales suelen tener dos canales para obtener fondos:
(1) Vender espacio publicitario en sitios web
En términos generales, los sitios web con un tráfico diario de menos de 10.000 personas actualmente no atraerá a los anunciantes. La profesionalidad y comercialización del sitio web, la experiencia publicitaria previa, los requisitos técnicos y de diseño también afectarán las ventas de publicidad.
En términos generales, existen tres métodos de cobro para la publicidad online:
①CPM (coste por millón de personas/mil personas)
Colocar un anuncio, cada 1, 000 visitas al sitio. Este método es el más adecuado para operadores de sitios web. Se les paga cada vez que alguien ve la página, independientemente de cómo responda el visitante al anuncio, ya sea que lo vea o haga clic en él.
②Haz clic para entrar.
Solo cuenta si hace clic en el banner publicitario para acceder al sitio web del anunciante. Al anunciante le gusta esto, sólo "obtiene dinero" de las personas que están interesadas en su anuncio. El funcionamiento del sitio web no es el adecuado. Los datos de la encuesta muestran que sólo el 3% de los visitantes "harán clic" en los anuncios.
(3) Comisión
Según los ingresos por ventas generados por los visitantes que hacen clic en los anuncios ubicados en su sitio web, es más riesgoso para los operadores del sitio web que los dos métodos anteriores.
Por lo general, el método de cobro de publicidad de los sitios web personales suele ser una combinación del primer y segundo método, de modo que tanto el sitio web como el anunciante pueden asumir riesgos menores.
(2) Cooperación con sitios web grandes
Además, al cooperar con sitios web grandes para obtener fondos, también puede mantener las operaciones diarias de su sitio web personal. Sin embargo, un sitio web personal puede convertirse fácilmente en un complemento de un sitio web comercial.
Con tiempo y energía suficiente, además del aprendizaje y aplicación de nuevas tecnologías y habilidades, puedes construirte un hogar online.