Hola, me gustaría preguntarte si conoces el proceso de creación de un sitio web.

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

1 Planificación y boceto

2 Diseño y producción

3 Corte y exportación

p>

4 Edición y Plantillas

5 Animaciones y Anuncios

6 Enlaces y Cargas

Los pasos de producción se dividen por software y duración:

1 Planificación y bocetos

1.1 El proceso de todos los sitios web y otros trabajos de diseño comienza 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 valioso. ¡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!

el éxito o fracaso de este 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 diseñarse cuidadosamente. Elaborado con cuidado y pensamiento. La formulación del estilo depende de los visitantes de su sitio web y de la formación profesional, el nivel educativo 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. Si las preferencias de las personas jurídicas corporativas no se ven obligadas a unirse a su propia voluntad, ¡entonces los puntos anteriores ya han formulado la dirección general del sitio web!

1.2 Este sitio web es un sitio web comercial principalmente para empresas. Por eso adopto un estilo simple, colores y estilos brillantes y brillantes. Siempre que aprendas la composición de planos y la composición de colores, sabrás cómo organizar varios elementos y contenidos de acuerdo con su estilo, y qué colores usar para crear el efecto. quieres expresar, incluyendo frío, cálido, claro y oscuro. Todos son muy críticos. 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 gente confía y la tecnología es la razón por la que lo elegí, y los colores que estimulan el apetito, como el naranja y el amarillo, tienen más probabilidades de ser favorecidos por los sitios web de alimentos.

1.3 Divida las columnas según lo simple y lo científico. principios de clasificación: página de inicio, centro de atención al cliente, publicidad limitada, introducción a los medios cooperativos, preguntas frecuentes, informes de los medios Acerca de nosotros

Si las columnas no están bien divididas, afectará el ajuste del marco. La consecuencia es: empezar de nuevo, ¿es deprimente?

Este sitio web es principalmente para empresas de Weifang, por lo que debe hacerse local. Debe transformarse y hacer que la gente se sienta amigable cuando lo mira. ¡¡Debe hacerse maravillosamente, tonterías!!

1.4 Bien, después de completar lo anterior, tome un bolígrafo y dibuje un boceto en el papel de acuerdo con su creatividad e imaginación. Sea más específico, preferiblemente en cada detalle. ¡Sombra y trazo! ¡Este paso es muy crítico!

1.5 La última parte de esta sección es preparar los materiales necesarios para crear un sitio web, incluidos íconos, logotipos, lemas publicitarios, introducción del contenido, etc. ¡lo más básico!

2 Diseño y Producción

2.1 Si los bocetos han quedado perfectamente dibujados, puedes abrir PS o FW para iniciar la producción y diseñar nuestra interfaz. Aquí uso PS. Aunque no es tan eficiente y profesional como FW, es más flexible y gratuito. Este es mi favorito porque estoy acostumbrado ^^ ¡Reuniendo tropas durante mil días y usándolas por un tiempo, la práctica diaria y el aprendizaje vienen! ¡Útil aquí! ¡Jaja!

2.2 Primero puede diseñar el marco en la nueva página de 778 * 600 y luego usar el método de refinamiento paso a paso. También puede usar sus propias técnicas únicas, como. Utilice efectos como botones de cristal transparente para crear un estilo especial y esfuércese por ser simple y refinado. ¡No deje de lado cada detalle! ¡Incluso una sombra de transparencia de 1 * 1 5 agregará color a su página! ¡Piensa que otros no pueden verlo!

2.3 Es mejor desarrollar el hábito de las capas, de modo que se pueda facilitar la clasificación y la edición, y no se colocarán cientos de capas en una sola capa para hacer. Es confuso y poco claro.

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 Recorta y exporta

Ya sea PS o FW, incluso si se trata de una interfaz de diseño creada por AI, los principios de corte son los mismos. Siga los siguientes aspectos:

3.1 Primera pulsación Corte de marco rugoso, como. Chino o en forma de T, preste atención a su integridad

3.2 El área de texto a ingresar, los bloques de color grandes o las imágenes separadas y las animaciones flash deben cortarse por separado en formatos que no sean imágenes Rebanadas para insertar

3.3 Preste atención al corte flexible de áreas largas donde se requiere agregar contenido. Si hay patrones, asegúrese de que se puedan organizar repetidamente.

3.4 Tenga especial cuidado al cortar y tenga cuidado de no hacerlo. deje un espacio de un píxel en una fila o columna. Haga zoom para que todos los sectores estén alineados sin dejar espacios.

3.5 Otros sectores generados automáticamente, como botones y espacios en blanco, así como también las necesidades de creación. se puede cambiar División de la apariencia de la imagen, etc.

Después de cortar, seleccione el comando Guardar archivo como página WEB y expórtelo como un archivo HTML para editarlo con 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 secciones originales, utilizando 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 Publíquelo como un archivo SWF después del ritmo

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

6 Vincular y cargar

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. y verifique los enlaces y el contenido del texto hasta que no haya errores y asegúrese 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 realice el mantenimiento posterior correspondiente.