Quiero que un experto me explique cómo usar el diseño CSS div para conectarse al fondo después de dividir la plantilla de la página web.

Primero, el diseñador diseña la página web y marca la información relevante en el dibujo del diseño (como el color, algunos colores no son muy claros a simple vista).

Luego, el siguiente paso es la producción del frente. escritorio, que es completado por el personal de producción de la página web, aquí Preste atención a los siguientes puntos:

1. No corte el dibujo del diseño directamente después de obtenerlo y luego escriba el código directamente en DW. Primero, debe estudiar detenidamente y comprender el marco general del dibujo, para que lo conozca bien. Puede intentar descubrir algunos estilos de diseño y aquellos que estén interesados ​​pueden embarcarse por completo en el camino del diseño. (¡El salario del diseñador es mucho más alto que el del personal de producción! ¡De ninguna manera!)

2. Utilice software de dibujo como PS o FW para hacer algunos dibujos del marco físico. Los dibujos son para permitirle crear El proceso se puede producir de manera rápida y precisa y las modificaciones posteriores se pueden realizar de manera eficiente. Por lo tanto, el número de identificación o el nombre de clase del bloque, la relación jerárquica entre padres e hijos, etc., deben marcarse específicamente en. el diagrama del marco.

3. El siguiente paso es hacer lo importante: la producción, es decir, escribir el maldito código. Durante el proceso de producción, debes demostrar tu competencia en tecnología y habilidades de uso, como. css Técnicas como la construcción de estructuras, la selección de nombres de clases y el uso de abreviaturas CSS para lograr una alta eficiencia.

4. Una vez completada la producción, es una prueba usted mismo, intentando producir una página web que sea igual al diseño de la página web proporcionado por el diseñador. Por último, deja que tu trabajo sea reconocido por ellos. Por supuesto, los cambios son inevitables, así que no seas impaciente. (¡Algunos diseñadores son demasiado problemáticos y siempre sienten que lo que hacen no coincide con su diseño! ¡En este momento, puede ignorarlos e ir directamente al líder del equipo de diseño para hacer comentarios! Otro punto es que el personal de producción de la página web debe tener un buena relación con los diseñadores. De lo contrario, encontrará muchos problemas en el trabajo (

¡Una vez completada la producción, es trabajo del programador crear el programa en segundo plano para facilitar la gestión del sitio web! Si la identificación, el nombre, etc. que usa en el diseño tienen nombres aleatorios. Sí, es posible que deba comunicarse con el programador en este momento y decirle cuál es la identificación y el nombre. Por lo tanto, buenos hábitos de nomenclatura. son cruciales

Antecedentes del diseño de la página No hay nada que decir, cuanto más simple, mejor, por supuesto, simple no significa simple.

¡Este es el proceso de hacer un sitio web! (Por supuesto, antes de diseñar, es necesario escuchar las opiniones de los clientes sobre el estilo que expresa todo el sitio web, por ejemplo: incorporar elementos rigurosos, de alta tecnología, moda y otros, para que el diseñador pueda expresar este estilo a través del color. Antes de finalizar el borrador del diseño, ¡muéstrelo al cliente y prepárelo después de que el cliente lo apruebe!)

Adjunto:

Reglas de nomenclatura CSS

Encabezado: encabezado

Contenido: content/containe

Última página: pie de página

Navegación: nav

Barra lateral: barra lateral

Columna: columna

Ancho del diseño general del control periférico de la página: contenedor

Centro izquierda derecha: centro izquierda derecha

Logotipo: Barra de inicio de sesión: barra de inicio de sesión

Logo: logo

Publicidad: banner

Texto de la página: principal

Hotspot: hot

Noticias: noticias

Descargar: descargar

Subnavegación: subnav

Menú: menú

Submenú: submenú

Búsqueda: buscar

Enlace: friendlink

Pie de página: pie de página: Pie de página: pie de página

Copyright: copyright

Desplazamiento: desplazamiento

Contenido: contenido

Etiqueta: pestaña

Lista de artículos: lista

Consejos: mensaje

Consejos: consejos

Título de columna: título

Unirse: unirse

Guía: gremio

Servicio: servicio

Registrarse: regsiter

Estado: estado

Voto: estado

Voto: estado

Voto: estado