Scribd Logo
Importer

Bienvenue sur Scribd !

  • Exercícios de CSS

    Transféré par

    Joca
    34 vues3 pages
    O documento descreve um projeto de formação profissional em ciências da computação realizado pela empresa Megaexpansão. Inclui informações sobre o formador, unidade curricular, data e objetivos do recurso didático, que envolve exercícios sobre folhas de estilo para criação de páginas web.

    Description originale:

    Exercícios de CSS

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    O documento descreve um projeto de formação profissional em ciências da computação realizado pela empresa Megaexpansão. Inclui informações sobre o formador, unidade curricular, data e objetivos do recurso didático, que envolve exercícios sobre folhas de estilo para criação de páginas web.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    34 vues3 pages

    Exercícios de CSS

    Transféré par

    Joca
    O documento descreve um projeto de formação profissional em ciências da computação realizado pela empresa Megaexpansão. Inclui informações sobre o formador, unidade curricular, data e objetivos do recurso didático, que envolve exercícios sobre folhas de estilo para criação de páginas web.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    Dossier Técnico Pedagógico

    Projecto: 5742/2008/22
    Acção: 5742/2008/22-481039-6-3
    Área de Formação: 481. Ciências Informáticas
    Itinerário de Formação: 48102. Instalação e Manutenção Sistemas Informáticos
    Referencial de Formação: 481039 - Técnico/a de Informática – Sistemas
    Nível de Formação: 3
    Modalidade de Formação: EFA – NS
    Local de Formação: Lourinhã
    Data de Início: 07.Agosto.2009
    NIPC 503 807 141 | Correio Electrónico info@megaexpansao.pt | www.megaexpansao.pt | Telefone 262 836 204 | Telefax 262 844 223
    Megaexpansão, Ensino e Formação Profissional em Novas Tecnologias, Lda. | Rua Praça de Touros, 26 | 2500-167 Caldas da Rainha

    Recurso Didáctico
    Formador[a] Sónia Rodrigues
    UFCD / UC 0793 – Scripts CGI e Folhas de Estilo
    Data 05/05/2009
    Contextualização / Objectivos Realização de páginas Web com Folhas
    de Estilo
    Orientação Pedagógica Exercícios de Folhas de Estilo

    Exercícios de Folhas de Estilo

    Pág | 1
    Dossier Técnico Pedagógico
    Projecto: 5742/2008/22
    Acção: 5742/2008/22-481039-6-3
    Área de Formação: 481. Ciências Informáticas
    Itinerário de Formação: 48102. Instalação e Manutenção Sistemas Informáticos
    Referencial de Formação: 481039 - Técnico/a de Informática – Sistemas
    Nível de Formação: 3
    Modalidade de Formação: EFA – NS
    Local de Formação: Lourinhã
    Data de Início: 07.Agosto.2009
    NIPC 503 807 141 | Correio Electrónico info@megaexpansao.pt | www.megaexpansao.pt | Telefone 262 836 204 | Telefax 262 844 223

    Exercício 1
    Megaexpansão, Ensino e Formação Profissional em Novas Tecnologias, Lda. | Rua Praça de Touros, 26 | 2500-167 Caldas da Rainha

    Crie o seguinte ficheiro em HTML e a folha de estilos de acordo com os códigos abaixo. Nota: não esqueça
    de aplicar as tags básicas de HTML.
    O arquivo HTML abaixo utiliza uma folha de estilos externa com a tag "link".
    <html>
    <link rel="stylesheet" type="text/css" href="ex1.css" />
    <h1>Este cabeçalho tem 36 pt</h1>
    <h2>Este cabeçalho é azul</h2>
    <p>Este parágrafo tem uma margem esquerda de 50 pixels</p>

    Este é o conteúdo do arquivo com a folha de estilo (ex1.css) indicado na tag "link" visto acima:

    body {background-color: yellow}


    h1 {font-size: 36pt}
    h2 {color: blue}
    p {margin-left: 50px}

    Exercício 2

    Crie o seguinte ficheiro em HTML e a folha de estilos de acordo com os códigos abaixo. Nota: não esqueça
    de aplicar as tags básicas de HTML.

    <html>
    <link rel="stylesheet" type="text/css" href="/ex2.css" />
    <h1>Este é um cabeçalho do tipo h1</h1>
    <hr/>
    <p>A folha de estilos formata o texto</p>
    <p><a href="http://lobadigital.wikispaces.com" target="_blank">Este é um link</a></p>

    Conteúdo do arquivo com a folha de estilo indicado acima (ex2.css):


    body {background-color: tan}
    h1 {color:maroon; font-size:20pt}
    hr {color:navy}
    p {font-size:11pt; margin-left: 15px}
    a:link {color:green}
    Pág | 2
    Dossier Técnico Pedagógico
    Projecto: 5742/2008/22
    Acção: 5742/2008/22-481039-6-3
    Área de Formação: 481. Ciências Informáticas
    Itinerário de Formação: 48102. Instalação e Manutenção Sistemas Informáticos
    Referencial de Formação: 481039 - Técnico/a de Informática – Sistemas
    Nível de Formação: 3
    Modalidade de Formação: EFA – NS
    Local de Formação: Lourinhã
    Data de Início: 07.Agosto.2009
    NIPC 503 807 141 | Correio Electrónico info@megaexpansao.pt | www.megaexpansao.pt | Telefone 262 836 204 | Telefax 262 844 223

    a:visited {color:yellow}
    Megaexpansão, Ensino e Formação Profissional em Novas Tecnologias, Lda. | Rua Praça de Touros, 26 | 2500-167 Caldas da Rainha

    a:hover {color:black}
    a:active {color:blue}

    Teste no seu computador e veja as mudanças que a folha de estilo causa na aparência da página.

    Pág | 3

    Vous aimerez peut-être aussi