Construção de Páginas WEB


Lista de Exercício de Folhas de Estilo

Arquivos auxiliares

DICA: você pode encontrar informações uteis nestas páginas:
Cellspacing e Cellpadding com Webstandards
Centralizar usando CSS

  1. Modifique a página sushi.html de modo que ela fique com a aparência da página mostrada nas duas figuras abaixo. Toda informação de cor, tipo de fonte, tamanho de letra e decoração de texto deve estar especificada na seção <HEAD> da página. Para fazer as modificações utilize os seguintes parâmetros:

    Propriedade Valor
    Cor do Texto white
    Cor de Fundo #EE4422
    Fonte tahoma
    Cor do Título #FFCC00
    Alinhamento do Título center
    Cor do Título de Seção #FFCC00
    Alinhamento do Texto justify
    Margem Esquerda e Direita de uma Definição 20px
    Cor da Borda Superior do Crédito #FFCC00
    Espaçamento Entre os Créditos e a Borda 10px
    Imagem da Lista sushi.png
    Cor do Link não visitado #FFDD00
    Cor do Link Visitado #FFBB00

     

    Solução

  2. Modifique a página pousada.html de modo que ela fique com a aparência da página da figura abaixo. Toda informação de cor, tipo de fonte, tamanho de letra e decoração de texto deve estar especificada na seção <HEAD> da página. Para fazer as modificações utilize os seguintes parâmetros:

    Propriedade Valor
    Cor do Texto #102C90
    Fonte do Texto tahoma
    Cor de Fundo #AADDBB
    Cor de Fundo da Tabela #FFFFCC
    Espaçamento das Células 10px
    Cor do Texto nas Células de Detalhe #008800
    Cor do Texto nas Células de Preço #DD3333

    Solução

  3. Modifique a página notas.html de modo que ela fique com a aparência da página da figura abaixo. Toda informação de cor, tipo de fonte, tamanho de letra e decoração de texto deve estar especificada na seção <HEAD> da página. Para fazer as modificações utilize os seguintes parâmetros:

    Propriedade Valor
    Cor de Fundo do Documento #FFFFFF
    Cor do Título Principal #505050
    Tamanho de Fonte na Tabela 12pt
    Fonte na Tabela times
    Espaçamento da Borda da Célula 5px
    Cor do Título da Tabela #FFFFFF
    Fundo do Título #606060
    Largura da Célula Padrão 100px
    Alinhamento da Célula Padrão center
    Largura da Célula Nome 200px
    Alinhamento da Célula Nome left
    Cor de fundo da Linha Par #B0B0B0
    Cor de Fundo da Linha Impar #E0E0E0

    Solução