1. Cada imagen de origen psd tiene tres combinaciones de colores. Es necesario cortar las imágenes por separado según las mismas especificaciones, y las imágenes en la misma área recortadas con los tres colores deben tener el mismo nombre. 3. El contenido necesario contenido en cada carpeta de combinación de colores: imágenes, CSS, encabezados, carpetas de botones y dos archivos html y dos representaciones de páginas web grandes y pequeñas, todos los nombres se realizan de acuerdo con los ejemplos, y el contenido personalizado se puede nombrar libremente; . 4. Diseño de la página web Todas las páginas web se componen de las siguientes partes: ·Encabezado (logotipo, encabezados) ·Barra de navegación nivel 1 (botones) ·Barra de navegación de nivel 2 (botones) ·Área de contenido de la página (el área de contenido se utiliza para mostrar páginas web en inglés) ·Pie de página (menú inferior, copyright) El área a producir se determina en función del archivo psd. Se deben producir las áreas dibujadas en la imagen de origen (algunas no tienen una barra de navegación de segundo nivel y otras no tienen pie de página). no es necesario producirlo. 5. Requisitos para crear el primer archivo html: asígnele el nombre html.html. Toda la página debe estar hecha dentro de una tabla. Encabezado: el encabezado se puede convertir en un fondo, o algunas imágenes del encabezado con formas irregulares se pueden cortar en varias partes para procesarlas y se debe minimizar la cantidad de cortes. El área del logotipo se crea por separado en una tabla (el ancho de la tabla puede ser limitado) el logotipo se divide en tres partes: la imagen del logotipo, el nombre de la empresa y el eslogan de la empresa deben ingresarse 40 W en mayúsculas; caracteres, y el eslogan de la empresa también debe ingresar 40 caracteres W mayúsculas; Navegación de primer nivel: el contenido del menú de primer nivel (navegación) debe realizarse en una tabla independiente; el ancho y el alto de las celdas no deben establecerse en seis elementos del menú de primer nivel, y Se deben ingresar 20 elementos en cada carácter W mayúscula (se pueden ingresar con 6 W más un espacio, la imagen del botón necesita crear tres cambios de estado del hipervínculo (según el diagrama psd, algunos solo pueden tener dos estados); la imagen y el texto de cada elemento. Si deben estar en una línea, puede usar br para que aparezcan en líneas separadas. Navegación secundaria (navegación vertical): el contenido del menú secundario (navegación) debe producirse en una tabla independiente; la altura de la tabla no debe establecerse de acuerdo con la muestra, se deben producir 10 elementos del menú secundario en la página; , cada uno Ingrese 20 caracteres W mayúsculas en cada proyecto (puede ingresarlos en forma de 6 W más un espacio de texto para crear al menos dos cambios de estado del hipervínculo); Área de contenido de la página: ingrese suficientes caracteres en inglés para ampliar la página (en el navegador IE utilizado en la pantalla de 1024 × 768, aparecen barras de extensión izquierda, derecha, arriba y abajo) Pie de página: ingrese 40 caracteres W mayúsculas en el área de información de derechos de autor. Para mantener la página hermosa, mantenga una cierta distancia entre las áreas superior e inferior. Menú inferior: el contenido del menú secundario (navegación) debe generarse en una tabla independiente; la altura de la tabla no se puede configurar, se genera de acuerdo con la muestra y se deben generar seis elementos del menú secundario en la página; se ingresa en cada elemento un carácter W mayúscula (se puede ingresar usando 6 W más un espacio). Los enlaces de texto deben crear al menos dos cambios de estado de hipervínculos para la belleza de la página; se debe reservar una cierta distancia entre la parte superior; y zonas bajas. 6. Requisitos para crear el segundo archivo html: asígnele el nombre html2.html. Copie el primer archivo html, elimine parte del contenido y conserve tres menús de navegación de primer nivel, dos de segundo nivel (navegación vertical) y tres menús inferiores. Cada elemento contiene 6 caracteres en la página; área de contenido. 7. En la situación anterior, las dos páginas deben mantener un efecto unificado y el fondo se puede buclear; la imagen del encabezado se puede mostrar en el centro o se puede expandir (algunas áreas del encabezado pueden tener un fondo). 8. El nombre de la empresa, el eslogan de la empresa, el título de la página del área de contenido y las fuentes del menú de primer y segundo nivel deben utilizar fuentes estándar del sistema, como Tahoma o Arial. 9. Al crear un directorio de plantilla, marque la opción "No almacenar miniaturas en caché" en "Herramientas" -> "Opciones de carpeta" -> "Ver" para que el paquete zip de la plantilla no contenga archivos de caché redundantes. 10. El archivo style.css no puede contener ningún enlace de imagen (ejemplo: imagen de fondo: url('../images/bg.gif');) y no puede contener la definición de etiquetas html (por ejemplo, debe haber no hay definiciones en css si Para aplicarlo, puedes escribirlo directamente en la etiqueta html). 11. La codificación del juego de caracteres de html debe ser utf-8. 12. Todos los tamaños de fuente (incluidas las hojas de estilo y HTML) deben usar puntos (pt) en lugar de píxeles (píxeles). El tamaño mínimo es 8 puntos, por ejemplo, tamaño de fuente: 8 puntos. 13. Los elementos (div, etc.) dentro de la plantilla no pueden usar posicionamiento absoluto ni contener JavaScript. 14. Todas las plantillas tienen el mismo efecto en los navegadores IE, Mozilla y Opera. 15. Todas las rutas de imágenes en el archivo de plantilla deben ser rutas relativas. En relación con la ruta de "color", por ejemplo: los archivos debajo de las imágenes en azul deben escribirse como < img src=images/xxxx.gif > en lugar de < img src=blue/images/xxxx.gif >. 16. Cuando algún psd especial no puede acomodar 40 letras W grandes y pequeñas, las fuentes del nombre de la empresa y del eslogan se pueden reducir, pero no a menos de 8 puntos. 17. Las plantillas deben ocupar toda la pantalla en altura, y lo mismo se aplica a las que no tienen contenido (para que la parte del contenido pueda extenderse verticalmente). 18. Todas las áreas deben tener un color de fondo (según la imagen psd). 19. Los caracteres de espacio no pueden aparecer. 20. Todos los valores de los atributos deben agregarse a "". 21. Todas las etiquetas que no aparecen en pares deben agregarse con "/". Por ejemplo: <img src=******> debe escribirse como <img src=******/>
2. Cree tres carpetas con nombres de colores según la combinación de colores y coloque la información necesaria para crear la "combinación de colores" en una página web en cada carpeta.