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.
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.
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)
·O rodapé (menu inferior, copyright)
determina a área a ser produzida com base no arquivo psd A área desenhada na imagem de origem deve ser produzida, e a área que não está lá (algumas não possuem. barra de navegação de segundo nível e alguns 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). O logotipo é dividido em três partes: imagem do logotipo, nome da empresa e slogan da empresa; caracteres, e o slogan da empresa também precisa inserir 40 caracteres W maiúsculos. Caracteres
de 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 da célula não devem ser; definir; seis itens de menu de primeiro nível devem ser feitos na página, e inserir em cada item 20 caracteres W maiúsculos (podem ser inseridos como 6 W mais um espaço precisa criar três mudanças de estado da hiperconexão (conforme); para o diagrama PSD, alguns podem ter apenas dois estados); a imagem em cada item e o texto devem 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 de acordo com a 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 (o navegador IE usado em uma tela de 1024×768 terá barras de extensão à esquerda e à direita)
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; uma certa distância deve ser reservada entre as áreas superior e inferior para a beleza dos hiperlinks; a página.
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 retenha três navegações de primeiro nível, duas navegações de segundo nível (navegação vertical) e três menus inferiores, com 6 caracteres aparecendo em cada item, mantenha duas linhas em inglês; os caracteres da área de conteúdo da página (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 um 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=******/>