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.
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.
3. El contenido requerido 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 página web, todas las páginas web se componen de las siguientes partes:
· Encabezado (logotipo, encabezados)
· Barra de navegación de 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)
·El pie de página (menú inferior, derechos de autor)
determina el área que se producirá en función del archivo psd. Se debe producir el área dibujada en la imagen de origen y el área que no está allí (algunas no tienen un. barra de navegación de segundo nivel y algunos no tienen pie de página) no es necesario generarlos.
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 Caracteres;
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 la celda no deben ser; establecer; se deben crear seis elementos de menú de primer nivel en la página e ingresar en cada elemento 20 caracteres W en mayúsculas (se pueden ingresar como 6 W más un espacio para crear tres cambios de estado de la hiperconexión en la imagen del botón); Para el diagrama psd, algunos pueden tener solo dos estados); la imagen en cada elemento y el texto 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 generar 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 (el navegador IE utilizado en una pantalla de 1024 × 768 tendrá barras de extensión izquierda y derecha
: 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 los hipervínculos; se debe reservar una cierta distancia entre las áreas superior e inferior para la belleza de; la página.
6. Requisitos para crear el segundo archivo html: asígnele el nombre html2.html. Copie el primer archivo html, elimine parte del contenido que contiene y conserve tres navegaciones de primer nivel, dos navegaciones de segundo nivel (navegación vertical) y tres menús inferiores, con 6 caracteres que aparecen en cada elemento. Mantenga dos líneas en inglés; los caracteres del área de contenido de la página (sin abrir la página).
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=******/>