¿Cómo hacer un sitio web sencillo?

Introducción al proceso simple de producción de un sitio web

Little Magic Knife (Administrador) Agregado el 2007-1-2 14:20

El siguiente proceso no es necesariamente estándar Solo tomamos los aspectos deseables del proceso. Si cree que es inapropiado y está lejos del método actual, entonces no necesitamos verlo en absoluto. Creo que sí. pero también hay muchas cosas que son innecesarias. No hay necesidad de hacerlo ahora, así que no hay nada de malo en leer más

1 Planificación y boceto

1.1 El proceso de todos los sitios web. y otros trabajos de diseño comienzan con la planificación. Aquí es donde mejor pueden brillar su talento y creatividad. La mayor diferencia entre los humanos y otros animales es que pueden pensar y crear, ¡y esto por sí solo es digno de elogio! Debemos completar la parte de planificación más crítica de un sitio web antes de abrir la interfaz de producción de PS o FW, lo que afectará directamente el éxito o el fracaso del sitio web.

¡Un sitio web excelente no sólo es hermoso, sino también fácil de navegar, muy legible, conciso y claro!

El estilo, el color, el formato, el diseño, las columnas e incluso cada pequeño ícono del sitio web deben ser cuidadosamente elaborados y considerados. La formulación del estilo depende de los visitantes de su sitio web y de la formación profesional, el nivel de educación y los pasatiempos de los lectores. Sólo atendiendo a sus preferencias se puede maximizar el interés, por otro lado, depende del tipo y tipo de contenido. la empresa si las preferencias de la persona jurídica corporativa no se ven obligadas a unirse a su propia voluntad, entonces los puntos anteriores ya han formulado la dirección general de los esfuerzos del sitio web.

1.2 Este sitio web es un sitio web comercial principalmente para empresas, por lo que adopto un estilo simple, colores y estilos brillantes y brillantes. Siempre que aprenda la composición del plano y la composición del color, sabrá cómo organizarlos. Cada sitio web según su estilo y contenido, así como qué colores usar para crear el efecto que desea expresar, incluidos frío, cálido, claro y oscuro, son todos fundamentales. Una gran área de colores neutros no deslumbra y los colores brillantes pueden desempeñar un papel importante a la hora de guiar la línea de visión. Es parte de la naturaleza humana que le gusten los colores cálidos en invierno y los colores fríos en verano. la confianza de la gente y la tecnología es la razón por la que lo elegí, y es más probable que los sitios web de alimentos prefieran los colores que estimulan el apetito, como el naranja y el amarillo.

1.3 Divida las columnas según principios de clasificación concisos y científicos: página de inicio, centro de atención al cliente, publicidad específica, introducción a los medios cooperativos, preguntas frecuentes, informes de los medios, quiénes somos.

Si las columnas no están bien dividido, afectará el marco. Las consecuencias del ajuste son: empezar de nuevo, lo cual es deprimente, ¿no?

Este sitio web es principalmente para empresas de Weifang, por lo que debe estar localizado, hacer que las personas se sientan amigables y hermosas.

1.4 Bien, después de completar lo anterior, comience a escribir con lápiz y papel. y dibuja un boceto basado en tu creatividad y visión. Sé lo más específico posible, ¡preferiblemente hasta cada sombreado y trazo! ¡Este paso es muy crítico!

1.5 El final de esta sección es preparar los materiales necesarios para crear un sitio web, incluidos íconos, LOGO, lemas, introducción de contenido, etc. ¡Estos son los más básicos!

2 Diseño y Producción

2.1 Si los bocetos han quedado perfectamente dibujados, puedes abrir PS o FW para empezar a hacer y diseñar nuestra interfaz. Aquí uso PS, aunque no lo es. Tan eficiente y profesional como FW pero más flexible y gratuito. ¡Este es mi favorito porque estoy acostumbrado! ＾＾Se necesitan mil días para formar un ejército, pero solo se necesita un momento para usarlo. ¡La práctica y el estudio diarios son útiles aquí!

2.2 Primero puede enmarcar la página de 778 * 600 recién creada y luego refinarla gradualmente. También puede usar sus propias técnicas únicas, como botones de cristal transparente y otros efectos para crear un estilo especial. ¡Esfuércese por la simplicidad y el refinamiento! No dejes de lado cada detalle, incluso una sombra de 1*1 con 5 de transparencia agregará color a tu página, ¡no creas que otros no pueden verlo!

2.3 Es mejor desarrollar el hábito de las capas, que pueden facilitar la clasificación y edición, y evitar poner cientos de capas en una sola capa para que resulte confusa y poco clara.

Ser un buen diseñador significa ser organizado, así que adquiere el hábito de categorizar y nombrar cada capa, ¡nunca será una pérdida de tiempo!

3 Cortar y exportar

Ya sea PS o FW, incluso si se trata de una interfaz de diseño realizada por IA, los principios de corte son los mismos. Cumpla con los siguientes aspectos. :

3.1 Primero, córtelo según un marco aproximado, como chino o en forma de T, prestando atención a que esté completo.

3.2 Para áreas de texto, bloques de color grandes o Se deben ingresar imágenes separadas, las animaciones Flash se deben cortar por separado en porciones en formatos que no sean imágenes para su inserción.

3.3 Para áreas donde es necesario agregar contenido extenso, se debe prestar atención a la escalabilidad del corte. y si hay patrones, asegúrese de que se puedan organizar repetidamente

3.4 Tenga especial cuidado al cortar, no deje un espacio de un píxel en una fila o columna, amplíe para que todos los cortes queden alineados. sin dejar espacios

3.5 Otros como botones y espacios en blanco, etc. Cortes generados automáticamente, además de crear cortes que necesitan cambiar la apariencia de la imagen, etc.

Después corte, seleccione el comando Guardar archivo como página WEB y expórtelo como un archivo HTML para ser editado por DW.

4 Edición y Plantillas

4.1 Abra el archivo HTML exportado en DW y comience a editar, incluido centrar la tabla grande, configurar el fondo y modificar el fondo de las celdas en el espacio en blanco. área de entrada a las imágenes cortadas originales, etc.

4.2 Agregue estilos CSS al archivo editado, incluidas las etiquetas más básicas como TD y ALINK, luego guárdelo como un archivo DWT de plantilla y ＾ alt v crear una nueva área editable

4.3 Crear nuevas páginas a través de plantillas y agregar el contenido correspondiente

5 Animación y publicidad

5.1 Hacer banners publicitarios animados FL según el tamaño de las rebanadas originales, usando el texto correspondiente Para el contenido y los eslóganes publicitarios, cree un nuevo archivo en FL

5.2 Copie y pegue las palabras publicitarias en la escena, compórelas y conviértalas en componentes 578*104

5.3 Agregue el fondo y la animación correspondientes, y depure Publique el ritmo y publíquelo como un archivo SWF

5.4 Inserte la página de plantilla en DW, cambie su tamaño y guárdela. Otras páginas se abrirán automáticamente. actualizado

6 Enlace y carga

6.1 Restablecer el enlace de navegación de la página de la plantilla. Este paso también se puede completar en la Sección 4

6.2 Abrir la página de inicio localmente. para verificar los enlaces y el contenido del texto hasta que no haya errores y asegurarse de que se pueda acceder al enlace normalmente

6.3 Cargue en el espacio aplicado y, una vez que la resolución del nombre de dominio sea exitosa, explore el efecto en línea en el navegador y realizar el mantenimiento posterior correspondiente