1. Cada imagem de origem PSD possui três esquemas de cores. É necessário recortar as imagens separadamente de acordo com as mesmas especificações, e as imagens na mesma área recortadas pelas três cores devem ter o mesmo nome. 3. O conteúdo necessário contido em cada pasta de esquema de cores: imagens, css, cabeçalhos, pastas de botões e dois arquivos html e duas renderizações de páginas web grandes e pequenas, toda a nomenclatura é realizada de acordo com os exemplos, e o conteúdo customizado pode ser nomeado livremente; . 4. Layout da página da web Todas as páginas da web são compostas pelas seguintes partes: ·Cabeçalho (logotipo, cabeçalhos) ·Barra de navegação de nível 1 (botões) ·Barra de navegação de nível 2 (botões) ·Área de conteúdo da página (a área de conteúdo é usada para exibir páginas da web em inglês) ·Rodapé (menu inferior, direitos autorais) A área a ser produzida é determinada com base no arquivo psd. A área desenhada na imagem de origem deve ser produzida. As áreas que não estão lá (algumas não possuem barra de navegação de segundo nível e outras não possuem rodapé). não precisa ser produzido. 5. Requisitos para criar o primeiro arquivo html: Nomeie-o como html.html. A página inteira deve ser feita dentro de uma tabela. Cabeçalho: O cabeçalho pode ser transformado em fundo, ou algumas imagens de cabeçalho com formatos irregulares podem ser cortadas em várias partes para processamento, e o número de cortes deve ser minimizado. A área do logotipo é feita separadamente em uma tabela (a largura da tabela pode ser limitada); caracteres, e o slogan da empresa também precisa inserir 40 caracteres W maiúsculos; Navegação de primeiro nível: O conteúdo do menu de primeiro nível (navegação) deve ser feito em uma tabela independente, a largura e a altura das células não devem ser definidas na página; Devem ser inseridos 20 itens em cada item com caractere W maiúsculo (pode ser inserido por 6 W mais um espaço); a imagem do botão precisa criar três mudanças de estado do hiperlink (de acordo com o diagrama psd, alguns podem ter apenas dois estados); a imagem e o texto em cada item Se eles precisarem ser feitos em uma linha, você pode usar br para fazê-los aparecer em linhas separadas. Navegação secundária (navegação vertical): O conteúdo do menu secundário (navegação) deve ser produzido em tabela independente; a altura da tabela não deve ser produzida conforme amostra; , cada Insira 20 caracteres W maiúsculos em cada projeto (você pode inseri-los na forma de 6 W mais um espaço para links de texto criarem pelo menos duas alterações de estado do hiperlink); Área de conteúdo da página: insira caracteres em inglês suficientes para esticar a página (no navegador IE usado na tela 1024×768, aparecem barras de estiramento esquerda, direita, para cima e para baixo) Rodapé: Insira 40 caracteres W maiúsculos na área de informações de direitos autorais. Para manter a página bonita, mantenha uma certa distância entre as áreas superior e inferior. Menu inferior: O conteúdo do menu secundário (navegação) deve ser produzido em tabela independente; a altura da tabela não pode ser definida conforme amostra, devem ser produzidos seis itens do menu secundário na página; é inserido em cada item um caractere W maiúsculo (pode ser inserido usando 6 W mais um espaço); os links de texto precisam criar pelo menos duas mudanças de estado dos hiperlinks para a beleza da página, uma certa distância deve ser reservada entre a parte superior; e áreas inferiores. 6. Requisitos para criar o segundo arquivo html: nomeie-o como html2.html. Copie o primeiro arquivo html, exclua parte do conteúdo interno e mantenha três navegação de primeiro nível, duas de navegação de segundo nível (navegação vertical) e três menus inferiores. Cada item contém 6 caracteres em inglês na página; área de conteúdo (sem abrir a página). 7. Na situação acima, as duas páginas devem manter um efeito unificado, e o fundo pode ser circular, a imagem do cabeçalho pode ser exibida no centro ou pode ser expandida (algumas áreas do cabeçalho podem ter fundo); 8. O nome da empresa, o slogan da empresa, o título da página da área de conteúdo e as fontes dos menus de primeiro e segundo níveis devem usar fontes padrão do sistema, como Tahoma ou Arial. 9. Ao criar um diretório de modelo, marque a opção "Não armazenar miniaturas em cache" em "Ferramentas" -> "Opções de pasta" -> "Exibir" para que o pacote zip do modelo não contenha arquivos de cache redundantes. 10. O arquivo style.css não pode conter nenhum link de imagem (exemplo: background-image: url('../images/bg.gif');) e não pode conter a definição de tags html (por exemplo, deve haver sem definições em css if Para aplicá-lo, você pode escrevê-lo diretamente na tag html). 11. A codificação do conjunto de caracteres do HTML deve ser utf-8. 12. Todos os tamanhos de fonte (incluindo folhas de estilo e HTML) devem usar Pontos (pt) em vez de pixels (pixels). O tamanho mínimo é 8pt, por exemplo font-size: 8pt. 13. Os elementos (div, etc.) dentro do modelo não podem usar posicionamento absoluto ou conter JavaScript. 14. Todos os modelos têm o mesmo efeito nos navegadores IE, Mozilla e Opera. 15. Todos os caminhos de imagem no arquivo de modelo devem ser caminhos relativos. Em relação ao caminho "cor", por exemplo: os arquivos sob imagens em azul devem ser escritos como < img src=images/xxxx.gif > em vez de < img src=blue/images/xxxx.gif >. 16. Quando algum PSD especial não pode acomodar 40 letras W grandes e pequenas, as fontes do nome da empresa e do slogan podem ser reduzidas, mas não menores que 8pt. 17. Os templates devem preencher toda a altura da tela, e o mesmo se aplica àqueles sem conteúdo (para que a parte do conteúdo possa se estender verticalmente). 18. Todas as áreas deverão ter uma cor de fundo (conforme imagem psd). 19. Os caracteres de espaço não podem aparecer. 20. Todos os valores dos atributos devem ser adicionados a "". 21. Todas as tags que não aparecem em pares devem ser adicionadas com “/”. Por exemplo: <img src=******> deve ser escrito como <img src=******/>
2. Crie três pastas com nomes de cores de acordo com o esquema de cores e coloque as informações necessárias para fazer o "esquema de cores" em uma página da web em cada pasta.