Un artículo sobre la construcción de sitios web personales
Encontré un artículo para usted, consúltelo
Un breve análisis de la construcción de sitios web personales
[Resumen] Muchos entusiastas de la informática tienen sus propios sitios web personales Este artículo analiza en detalle todo el proceso y las precauciones para crear su propio sitio web personal.
[Palabras clave] Sitio web personal Imagen del sitio web Visitas de combinación de colores de CI
Con la popularización de las computadoras y el rápido desarrollo de Internet, un gran número de
empresas han creado un sitio web, muchas personas también tienen su propio sitio web.
Sin embargo, un número considerable de personas se sienten incapaces de empezar debido a
falta de conocimientos profesionales a la hora de crear sus propios sitios web personales. De hecho, es fácil crear un sitio web
pero crear un sitio web único, personalizado, connotativo y atractivo requiere que el autor piense mucho en ello. Al crear
su propio sitio web personal, primero debe determinar su posición y seleccionar
el contenido principal del sitio web, luego concebir y regular el sitio web
Planificación; , incluida la recopilación y organización de materiales, el diseño de imágenes del sitio web, el color y el diseño, luego comience a crear la página de inicio y, finalmente, solicite un espacio de red, pruebe y cargue el sitio web diseñado; p>
.
1. Determinar el tema del sitio web:
1. Selección del tema
En INTERNET, hay muchos sitios web diferentes con diferentes temas
p>
p>
Los materiales también son muy extraños y deslumbrantes. Antes de diseñar su propio sitio web
, debe determinar la dirección principal del sitio web que desea diseñar. de esta manera
Le resultará útil concebir, preparar materiales y recopilar información.
Los tipos comunes son:
1. Búsqueda de empleo en línea
2. Chat en línea/mensajería instantánea/ICQ
3. / Discusión/Lista de correo
4. Tecnología informática
5. Página web/Desarrollo de sitio web
6. Viajes
8. Referencia/Información
9. Familia/Educación
10. Estilo de vida/Moda
Cada categoría está bien. Por ejemplo, la educación se puede dividir en educación infantil y educación de adultos. Según el nivel de calificaciones académicas, se puede dividir en educación secundaria, educación secundaria, educación superior, etc. se puede dividir en educación física.
Subcategorías como educación, películas, música, etc. La música se puede dividir en formatos:
MP3, Mid, Ra, etc.; dividirse en clásico, moderno, rock, etc. según la forma de expresión.
Al elegir un tema, preste atención a los siguientes puntos:
①El tema debe ser preferiblemente algo eres bueno o te gusta. Por ejemplo
Por ejemplo: Si estás interesado en el baloncesto, puedes informar sobre las últimas situaciones del juego, informes dinámicos sobre cambios de puntaje, entrevistas a estrellas, mejores videos de goles, etc. o
<; p> >Si eres bueno en la producción de animación, puedes crear un sitio web para entusiastas de la producción de animación
para presentar cómo utilizar algún software de producción de animación y varias técnicas de producción desconocidas
, enumera algunos trabajos mejores y proporciona descargas de software de producción de animación.
De esta forma, no te sentirás
aburrido ni fuera de tu alcance a la hora de realizar, porque si no estás familiarizado con el aspecto
te encontrarás con muchas dificultades en el diseño y producción.
Si tienes demasiadas preguntas, perderás la confianza y entonces no podrás hablar sobre diseño de sitios web
. Por otro lado, el interés es el motor para crear sitios web. Si no hay interés, no habrá entusiasmo y será difícil diseñar y producir trabajos destacados.
②El tema debe ser pequeño y preciso. El posicionamiento debe ser pequeño y el contenido preciso.
Si
quieres crear un sitio con todo incluido y poner en él todas las cosas que crees que son maravillosas
, a menudo resultará contraproducente y dará a la gente una impresión equivocada
No hay ninguna temática, ni características, todo está ahí pero todo es superficial, porque no se puede tener tanta energía para mantenerlo. La característica más importante del sitio web es que es nuevo y rápido. Actualmente, las páginas de inicio personales más populares se actualizan todos los días o incluso cada pocas horas. Los últimos resultados de la encuesta también muestran que
las "estaciones temáticas" en el sitio web son más populares que las "estaciones universales",
al igual que las estaciones especializadas y los grandes almacenes. Al comprar algo en un área determinada, definitivamente elegirás una tienda especializada.
③No utilices demasiados temas ni objetivos demasiado altos. "Demasiado excesivo" se refiere a temas que se pueden encontrar en todas partes y que todo el mundo tiene como descargas de software, información gratuita, etc. Ya existen muchos sitios web de este tipo, sin características, y es difícil triunfar a la vez
. "La meta es demasiado alta" significa que ya existen sitios muy excelentes y conocidos sobre este tema, y es muy difícil superarlos a menos que descargues. Ten determinación y capacidad para competir y superarlo, porque la gente tiende a Recuerda sólo los mejores sitios.
2. Nombrar el sitio web
Si has elegido el tema y tienes una gran idea,
entonces comencemos a nombrar el sitio web. Puede pensar que la denominación no tiene nada que ver con el diseño del sitio web. De hecho, el nombre del sitio web también forma parte del diseño del sitio web y es un elemento muy crítico. Por ejemplo: "Computer Study Room"
y "Computer Home" son obviamente los últimos concisos y más atractivos;
"Midi Paradise" y "MIDI Paradise" son obviamente Este último es claro; "Mundo de los niños" y "Jardín de infancia chino" son obviamente lo último. Todos sabemos
que el nombre chino de PIIICPU es "Pentium". Si se cambiara a "Pentium",
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 recto, llamativo y fácil de recordar también tiene un gran impacto en la imagen y la publicidad del sitio web. Puedes partir de los siguientes aspectos a la hora de elegir un nombre:
1. El nombre debe ser fácil de recordar. De acuerdo con las características de los visitantes de sitios web chinos,
a menos que exista una necesidad específica, es mejor utilizar un nombre chino para el nombre del sitio web y no utilizar
inglés o Nombre mixto chino e inglés. Por ejemplo: beyond
studio y beyond studio, este último es más familiar y fácil de recordar. Además, el número de caracteres en el nombre del sitio web debe controlarse dentro de seis caracteres (preferiblemente cuatro caracteres), como "XX Pavilion" y "XX Design Studio", cuatro La palabra se puede utilizar en modismos, como "one net se puntúa". También existe una ventaja al tener menos palabras. Generalmente, el tamaño de un logotipo pequeño vinculado a un enlace amigable es de 88X31 y el ancho de seis caracteres es de aproximadamente 78, lo cual es adecuado para el diseño del enlace.
2. El nombre debe ser correcto. Esta "rectitud" significa ser legal, razonable y razonable. No utilices sustantivos y frases que sean reaccionarios, pornográficos, supersticiosos o que pongan en peligro la seguridad social
.
3. El nombre debe ser distintivo. Los nombres comunes son aceptables. Si
pueden reflejar una cierta connotación, le dará al espectador más impacto visual
e imaginación espacial. Por ejemplo: música de vanguardia, sitio web de Taobao, música de Tianlaijue, sociedad de poesía Ali, etc. Si bien refleja la temática del sitio web, puede resaltar
sus características. Esto atraerá inmediatamente la atención del espectador.
2. Imagen del sitio web (CI)
El llamado CI es un término publicitario prestado. (CI es la abreviatura de identidad corporativa en inglés), que significa unificar la imagen corporativa a través de la visión.
Un sitio web excepcional, al igual que una empresa física, también requiere un diseño y una presentación de imagen general. Un diseño de CI preciso y creativo puede obtener el doble de resultado con la mitad del esfuerzo de promoción del sitio web.
Después de decidir el tema y el nombre de su sitio web, lo que debe pensar es en la imagen de CI del sitio web.
Normalmente puedes considerar los siguientes aspectos:
1. Diseñar el logo del sitio web: Primero necesitas diseñar y hacer un logo del sitio web
. Al igual que una marca comercial, un logotipo es una expresión concentrada de las características y la connotación de su sitio. Ver su logotipo recordará a todos su sitio. Nota: El logo aquí no se refiere al pequeño ícono banner de
88X31, sino al logo del sitio web. El logo puede
ser letras chinas o inglesas, puede ser un símbolo, un patrón, puede ser un animal
animal o un personaje, etc. Por ejemplo: soin usa la palabra inglesa soim para su logo y Sina usa las letras sina para ojos como logo. La inspiración del diseño de tu logotipo
proviene del nombre y el contenido de tu sitio web.
2. Objetos representativos en el sitio web: como personajes, animales, flores.
Puedes usarlos como planos de diseño y caricaturizarlos con arte.
Artístico, como Mickey Mouse de Disney, el zorro de dibujos animados de Sohu y el tiburón de baloncesto de Shark en el mundo del deporte.
3. Existe una pauta profesional en la web: se pueden utilizar elementos representativos de la profesión como símbolo. Por ejemplo, el logotipo en placa de cobre del Banco de China y el logotipo en el volante de Mercedes-Benz.
4. La forma más común y sencilla es utilizar el nombre en inglés de tu sitio web como logotipo. Puedes crear fácilmente tu propio logotipo utilizando diferentes fuentes, variaciones de letras y combinaciones de letras
.
3. Coincidencia de colores en una página web
El color de una página web es una de las claves para establecer la imagen de un sitio web, pero la coincidencia de colores
es un dolor de cabeza. para diseñadores. ¿Qué colores se deben utilizar para el fondo, el texto
de la página web, los iconos, los bordes, los hipervínculos, etc.?
¿Qué colores se deben combinar para expresar mejor la connotación deseada?
¿Qué tipo de combinación de colores puede ser agradable a la vista? ¿Qué tipo de
combinación de colores puede atraer la atención del espectador a la primera sin
¿Te sientes deslumbrante?
1. Clasificación de los colores
Los colores se dividen en dos categorías: acromáticos y cromáticos. Los colores acromáticos se refieren a los colores del sistema negro, blanco y gris. El color se refiere a todos los colores excepto los colores acromáticos.
Podemos obtener un anillo de color sobregradando los colores "rojo → amarillo → verde → azul → rojo" en secuencia
. Los dos extremos de la rueda cromática son los colores cálidos
y los colores fríos, con colores de gama media en el medio. 2. El sentimiento psicológico del color. Diferentes colores darán a los espectadores diferentes sentimientos psicológicos
.
Rojo: Es un color apasionante. El efecto estimulante puede hacer que las personas se sientan impulsivas, enojadas, entusiastas y enérgicas.
Verde: Entre colores fríos y cálidos, se muestra armonioso, pacífico.
Tranquilo, saludable y seguro. Se puede combinar con dorado y blanco claro para crear un ambiente elegante y confortable.
Naranja: También es un color apasionante, con un efecto ligero, alegre,
cálido, cálido y a la moda.
Amarillo: Tiene felicidad, esperanza, sabiduría y personalidad luminosa.
Tiene el brillo más alto. Azul: es el color más cool, fresco y profesional. Se mezcla con blanco
para reflejar una atmósfera suave, elegante y romántica (por ejemplo: el color del cielo
)
Blanco: blanco, brillante , Un sentimiento de inocencia y limpieza.
Negro: Tiene sentimientos profundos, misteriosos, silenciosos, tristes y depresivos.
Gris: Sensaciones moderadas, ordinarias, gentiles, modestas, neutrales y elegantes
.
3. Principios de combinación de colores web
①La viveza del color. Los colores de la página web deben ser brillantes y fáciles de atraer la atención de las personas, pero deben tener cuidado de no deslumbrar ni incomodar a las personas.
②La singularidad del color. Ten un color distintivo para que la gente tenga una fuerte impresión de ti.
③Adecuación del color. El color debe adaptarse al estado de ánimo del contenido que estás expresando.
Por ejemplo, usar rosa para reflejar la flexibilidad de un sitio femenino.
④El carácter asociativo del color. Los diferentes colores tienen diferentes asociaciones.
El azul te recuerda al cielo, el negro te recuerda a la noche, el rojo te recuerda a eventos felices, etc.
El color que elijas debe estar relacionado. a la connotación de su página web.
4. Habilidades de combinación de colores en páginas web
① Utilice un color. Esto se refiere a seleccionar un color primero y luego ajustar la transparencia o saturación (en términos simples, aclarar o profundizar el color) para producir un nuevo color para páginas web. De esta manera
la página parece unificada en color y tiene una sensación de jerarquía.
② Utiliza dos colores. Primero elija un color y luego seleccione su color de contraste. Por ejemplo, utilice azul y amarillo en la página web.
Toda la página es rica en color pero no demasiado colorida.
③ Utiliza un sistema de color. En pocas palabras, utilice un color que le parezca apropiado, como azul claro, amarillo claro, verde claro, amarillo terroso, gris terroso o azul terroso.
La forma de determinar el color es diferente para cada uno, lo que puede brindarle una sensación cómoda y confortable
.
④ Utiliza negro y un solo color. Por ejemplo, la fuente de color rojo brillante con el borde negro resulta muy especial.
5. En la combinación de colores web, los tabúes son:
⑤No utilices todos los colores, intenta controlarlos dentro de tres colores
.
⑥El contraste entre el fondo y el texto anterior debe ser lo más grande posible (nunca utilices
patrones complejos como fondo) para resaltar el contenido del texto principal.
4. Diseño y distribución de la página de inicio
1. Diseño:
El diseño se refiere a una página completa vista por el navegador (puede
para contener marcos y capas). Debido a que la resolución del monitor de cada persona es diferente, el tamaño de la misma página puede aparecer en diferentes tamaños, como 640*480 píxeles, 800*600 píxeles, 1024*768 píxeles, etc.
El diseño consiste en organizar imágenes y texto
en diferentes posiciones de la página de la forma más adecuada para la navegación. Un diseño bueno y razonable dará a los lectores una sensación refrescante, mientras que un diseño muy disperso o desorganizado hará que toda la página parezca desordenada. Por ejemplo, si el fondo blanco del sitio web está demasiado borroso, puede agregar algunos bloques de color; si el diseño está disperso, puede usar líneas y símbolos para conectarlo; si hay demasiadas palabras a la izquierda, puede <; /p>
Inserta una imagen para mantener el equilibrio.
Los formularios de diseño comunes incluyen los siguientes:
Mire los formularios de diseño que usamos con frecuencia:
① Diseño de estructura en "T". La llamada estructura "T". Se refiere al diseño de una barra publicitaria horizontal con el logotipo de un sitio web en la parte superior de la página, con el menú principal a la izquierda debajo y el contenido a la derecha. Debido a que la barra de menú tiene un fondo más oscuro, el diseño general
>
El efecto es similar a la letra inglesa "T", por eso lo llamamos diseño en forma de "T"
. Este es el método de diseño más utilizado en diseño web.
La ventaja de este diseño es que la estructura de la página es clara y las prioridades son claras. Es el método de diseño más fácil de usar para principiantes. La desventaja es que las reglas son rígidas. Si no prestas atención a los detalles y colores, fácilmente puede volverse "aburrido".
② Diseño tipo "Tres".
Este diseño se utiliza principalmente en sitios extranjeros y rara vez se utiliza en el país. La característica es que hay dos bloques de color horizontales en la página, que dividen la página en cuatro partes. Los banners publicitarios se colocan principalmente en los bloques de color.
③Diseño de "boca". Rodee toda la página en forma de cuadro, es decir,
la página generalmente tiene un banner publicitario en la parte superior e inferior, el menú principal está a la izquierda, los enlaces amigables, etc. se colocan a la derecha. , y el contenido principal está en el medio. La ventaja de este diseño es que aprovecha al máximo el diseño y tiene una gran cantidad de información. La desventaja es que la página está abarrotada y
no es lo suficientemente flexible. También hay diseños que dejan los cuatro lados vacíos y solo usan el diseño de la ventana en el medio, como el sitio web de fondos de pantalla NetEase.
④ Diseño "Contraste simétrico". Como sugiere el nombre, adopta un diseño simétrico de izquierda a derecha o arriba y abajo, mitad oscuro y mitad claro, generalmente utilizado para sitios de diseño. La ventaja es que tiene un fuerte impacto visual, pero la desventaja es que es difícil combinar orgánicamente las dos partes
.
⑤ Diseño "POP". POP proviene de la terminología publicitaria, lo que significa que el diseño de la página es como un cartel promocional, con una hermosa imagen como centro de diseño de la página. Comúnmente utilizado en sitios de moda, como www.elle.
com. Las ventajas son obvias: bella y atractiva. La desventaja es que es lento.
2. Diseño de la página de inicio:
Hay un dicho: "Un buen comienzo es la mitad de la batalla".
Lo mismo ocurre con el diseño de sitios web. El diseño de la página de inicio es la clave del éxito de un sitio web
. Las personas suelen tener una impresión general de su sitio después de ver la primera página. Si puede incitar a los visitantes a continuar haciendo clic para ingresar y si puede atraer visitantes para que permanezcan en el sitio, todo depende de la "habilidad" del diseño de la página de inicio. Por lo tanto, definitivamente se debe prestar atención y esforzarse en el diseño y producción de la página de inicio.
Al diseñar la página de inicio de un sitio web, preste atención a los siguientes puntos:
① No coloque demasiadas imágenes ni demasiado grandes en la página de inicio. Debido a que las imágenes
son demasiado grandes o demasiadas, el tiempo de carga definitivamente será demasiado largo y los espectadores
no tendrán la paciencia para seguir esperando.
②El contenido de la página de inicio no debe ser demasiado vacío y formal. Muy poco contenido o fuentes demasiado grandes son defectos (por supuesto, algunos sitios web solo colocan una barra de navegación o una imagen en la página de inicio para acelerar la carga. Pero si este tipo de sitio web no es necesario abrirlo, la mayoría
la gente pensará que el sitio web no tiene nada, o que la página es demasiado
profunda y problemática)
③La página de inicio del sitio web no debe ser demasiado aburrida o rígida. Si la página de inicio de un sitio web solo tiene texto puro sin imágenes, animaciones, música o efectos dinámicos, perderá la atención del visitante después de verla por primera vez.
No volverás aquí ni un segundo. tiempo, por lo que la página de inicio debe ser rica en imágenes y texto
elija un eslogan atractivo que resalte el tema y combine con él
Agregue música simple o efectos dinámicos para aumentar el atractivo.
④ Resalte el estilo único del sitio web en la página de inicio. Deje que los visitantes
piensen así en sus corazones después de leer su sitio web: "¡Este
sitio es genial y muy personalizado! La mente
produce una sensación". profunda impresión.
5. Diseño y pruebas del sitio web
1. Diseño específico del sitio web
Después de planificar el sitio web, comience el diseño específico
Para el trabajo, elige un software con el que estés familiarizado como herramienta de diseño.
De esta manera podrás obtener el doble de resultado con la mitad de esfuerzo. Los programas de diseño web más utilizados incluyen:
FrontPage, DreamWeavr, HotDog, etc.
Si estás trabajando en equipo, divide el trabajo cada persona se encarga de unas páginas o cada persona se encarga de una sección, las diseñan de forma ordenada y finalmente las agrupan
combinadas en un todo.
2. Prueba del sitio web
Después de diseñar todas las páginas del sitio web, se debe realizar una prueba exhaustiva antes de cargarlas
Este paso es muy importante.
Debido a que diferentes navegadores o diferentes versiones de navegadores y diferentes resoluciones
los resultados son diferentes, algunas páginas se pueden mostrar por sí mismas.
>
normalmente en su propia máquina, pero si cambia el entorno y cambia la resolución
la página puede deformarse seriamente y volverse desordenada, por lo que cada página
Todas deben probarse en diferentes resoluciones y diferentes navegadores
y corregido.
6. Solicitud de espacio en el sitio web
Si desea colocar el sitio web diseñado en INTERNET, debe
solicitar un espacio en la página de inicio, la página de inicio en Internet se puede dividir en estático
y dinámico. La mayoría de los espacios de la página de inicio estática son gratuitos, pero no admiten ASP, etc., los espacios de la página de inicio dinámica generalmente requieren una tarifa. Como sitio web personal, generalmente es más práctico elegir un espacio de página de inicio gratuito (por supuesto, si las condiciones financieras lo permiten, puede elegir un espacio pago), pero necesita intercambiar datos dinámicamente o admitir ASP y CGI, PHP y otras tecnologías. , necesita comprar espacio en la página de inicio con estas funciones.
También debe prestar atención a los siguientes puntos al solicitar espacio en la página de inicio:
①Estable: el servidor que solicita espacio en la página de inicio debe ser relativamente conocido
o confiable Sí, no permita que otros no puedan acceder a su sitio web debido a problemas con el servidor.
② No tener ventanas emergentes: en algunos espacios libres aparecerán algunas
ventanas publicitarias, lo que disgustará más a los espectadores y afectará el
del sitio web. visitas y calidad.
③Es mejor solicitar un espacio más grande: si el espacio es demasiado pequeño, el contenido a almacenar
también es menor. Si el sitio web tiene mucho contenido, el. todo el sitio web estará lleno
El contenido no se puede almacenar, la página web no se puede abrir y el sitio web no
funciona normalmente.
7. Cargar sitio web
Después de solicitar con éxito el espacio en la página de inicio, puede cargar su propio sitio web
Al solicitar el espacio, el servidor le proporcionará información de inicio de sesión. Número de cuenta y contraseña (debe recordar). El software FTP más utilizado incluye:
CUTEFTP, FTP, etc. Después de ingresar a la interfaz, haga clic en el botón "Conectar",
luego ingrese la dirección del servidor donde está solicitando espacio y luego ingrese la contraseña de ingreso
para conectarse automáticamente. Una vez que la conexión sea exitosa, seleccione la carpeta para cargar
y haga clic en el botón "Cargar".
Después de cargar todo, abra su propio sitio web y verifique cada
página una por una para ver si se puede abrir normalmente, si todas las conexiones son correctas y si se encuentra algún error.
luego continúe.
〔Materiales de referencia〕
〔1〕Hu Xiaotian et al. Estándares de diseño de sitios web Dreamweaver mx2004
Caso tutorial〔M〕〔Beijing] Machinery Industry Press 2005.6
p>〔2〕Tutorial práctico de programación ASP de Tang Jianping〔M〕〔Beijing
Beijing〕People's Posts and Telecommunications Press 2005.5
〔3] Zhao Yingjie Versión china de Dreamweavr MX2004 Web Design
Guía de diseño [M] [Beijing] Ocean Publishing House
Ning Huihua: un breve análisis de la construcción de sitios web personales