Scribd Logo
Importer

Bienvenue sur Scribd !

  • Lpi LW Ficha Pratica 2

    Transféré par

    Tiago Caetano
    12 vues3 pages

    Titre original

    lpi_lw_ficha_pratica_2

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    12 vues3 pages

    Lpi LW Ficha Pratica 2

    Transféré par

    Tiago Caetano

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    Linguagens de Programação para a Internet

    Linguagens Web
    TIM e Eng. Informática

    Ficha Prática Nº 2

    1. Utilizando a estrutura do exercício da ficha 1 de frames, crie o mesmo layout mas


    utilizando apenas tabelas (sem frames) para fazer uma página Web:

    2. Crie um documento HTML ao seu critério.


    a. Defina um estilo inline para h2, com cor verde, tamanho de fonte 10pt e tipo
    Arial.
    Exemplo da sintaxe:
    <p style="color:#000000; margin: 5px;">
    Aqui um parágrafo de cor preta e com 5px nas 4 margens.
    </p>

    b. Crie uma Folha de Estilos interna com a definição de estilos para os


    elementos p,font e o h2 definido na alínea anterior. Defina os estilos ao seu
    critério, mas baseados em classes.
    Exemplo:
    <head>
    <style type="text/css">
    <!--
    body {
    background: #000000;
    url("imagens/minhaimagem.gif");
    }
    h3 {
    color: #FF0000;
    }
    p{
    margin-left: 15px;
    padding:1.5em;
    } -->
    </style>
    </head>
    c. Transporte os mesmos estilos para uma folha de estilos externa e aplique-a
    ao documento que criou.

    <title>LPI-Exercício3</title>
    <link href="Estilos.css" rel="stylesheet" type="text/css" />
    </head>

    1 Eduardo Valente Paulo Alves


    3. Demonstre o efeito da aplicação dos seguintes estilos
    h2 {
    color: #FFFFCC;
    margin-bottom: 0;
    padding: 5px 0px 3px 25px;
    background-color: #999999;
    }
    p{
    color: #003366;
    font-size: .9em;
    line-height: 150%;
    margin-top: 0;
    margin-left: 25px;
    }
    body {
    background-image: url(images/nv-logo.jpg);
    background-repeat: repeat-x;
    }

    4. Através de uma CSS desenvolva ao seu critério o seguinte menu, aplicando-lhe os


    efeitos que considerar necessários:

    Entrar
    Sair
    Ajuda
    Consultar

    5. Transforme o menu num menu horizontal

    Entrar Sair Ajuda Consultar

    6. Desenvolva uma stylesheet capaz de criar as seguintes áreas numa página web:

    2 Eduardo Valente Paulo Alves


    7. Desenvolva uma stylesheet capaz de criar as seguintes áreas numa página web:

    8. Desenvolva uma stylesheet capaz de criar as seguintes áreas numa página web:

    3 Eduardo Valente Paulo Alves

    Vous aimerez peut-être aussi