Cosas a las que debes prestar atención al crear 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 experiencia profesional, el nivel educativo, los pasatiempos, etc. de los lectores. Sólo atendiendo a sus gustos se puede maximizar el interés, por otro lado, depende del tipo y tipo; de la empresa, 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 de los esfuerzos del sitio web.

1.2 Este sitio web es principalmente un sitio web comercial. Para empresas, adopto un estilo simple, colores y estilos brillantes y brillantes. Siempre que aprendas la composición de planos y colores, sabrás cómo organizar varios elementos y contenidos de acuerdo con su estilo, y qué colores usar para crear. El efecto que desea expresar, incluido el frío, el calor, la luz y la oscuridad, son todos 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, introducción de publicidad limitada, medios cooperativos, preguntas frecuentes, informes de medios Acerca de nosotros

Si las columnas no están bien divididas, afectará el ajuste del marco. : empezar de nuevo, ¿te deprimirás?

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 al verlo, y debería hacerlo. ¡¡Hágalo 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 hasta cada 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 se han dibujado perfectamente, puedes abrir PS o FW para iniciar la producción y diseñar nuestra interfaz. Aunque aquí uso PS. No es tan eficiente y profesional como FW, es más flexible y gratuito. Este es mi favorito porque estoy acostumbrado ^^ ¡Reunir tropas durante mil días y usarlas por un tiempo, la práctica diaria y el aprendizaje son útiles! ¡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 Usar. 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! ¡Para que otros lo vean!

2.3 Es mejor desarrollar el hábito de crear capas, lo que puede facilitar la clasificación y la edición, y no provocará que se coloquen cientos de capas en una sola capa para que resulte confusa. 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 por ejemplo. Chino o en forma de T, preste atención a su integridad

3.2 El área de texto que se 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 los cortes originales y utilice el correspondiente Crear un nuevo archivo en FL para el contenido de texto y los eslóganes publicitarios

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, publíquelo como un archivo SWF después de depurar el ritmo.

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

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 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 Cargar en el espacio aplicado Una vez que la resolución del nombre de dominio sea exitosa, navegue en línea. ¡Efectúe el efecto en el navegador y realice el mantenimiento posterior correspondiente!