Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Apresentacao Css

    Enviado por

    wander3901
    9 visualizações21 páginas
    ccs

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    ccs

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    9 visualizações21 páginas

    Apresentacao Css

    Enviado por

    wander3901
    ccs

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 21

    Implementando CSS

    nas pginas web

    Agenda
    Padres e sua importncia
    O que CSS?
    A importncia do CSS
    Estrutura HTML
    Link entre HTML e CSS
    Sintaxe CSS
    Wireframe
    Proposta final de layout

    Padres e sua importncia

    O que CSS?

    CSS - Cascading Style Sheet ou Folhas de estilo.


    "Folha de estilo em cascata um mecanismo simples para adicionar
    estilos (p.ex., fontes, cores, espaamentos) aos documentos Web."

    A importncia do CSS

    Estrutura HTML

    Link entre HTML e CSS


    CSS Inline
    Voc insere um trecho de CSS diretamente no corpo da TAG (elemento HTML).
    <p style="color: #000000;">Texto do pargrafo.</p>
    CSS Interno
    O CSS Interno um pouco mais organizado que o CSS Inline. Voc cria um bloco destinado
    apenas para o cdigo CSS
    <html>
    <head>
    <style type="text/css">
    p{
    color: red;
    }
    </style>
    </head>

    Link entre HTML e CSS


    CSS Externo
    Voc define um arquivo para guardar seu cdigo CSS que ser usado para o site
    todo.
    <link rel="stylesheet" type="text/css" href="seuarquivo.css" />

    Sintaxe CSS

    Wireframe

    Proposta final

    Ferramenta
    A ferramenta que ser utilizada criao da pgina html e da pgina CSS ser o
    Dreamweaver.
    Sero criadas duas pginas, a primeira em html com o nome de index.html e a
    outras ser uma pgina CSS com o nome css.css

    1 - Passo
    Aps abrir o Dreamweaver e escolher o mdulo de criao de pgina HTML vai
    ser inserida a seguinte linha de cdigo para a criao da estrutura.
    O cdigo :
    <link rel="stylesheet" href="css.css" media="screen" type="text/css" />
    Serve para chamar o cdigo css que est sendo editado externamente.
    Cada id e casa class servir de ponto de formatao que a ela engloba e sofrer
    a formatao atribuda pelo CSS.

    2 - Passo
    Escolher no menu superior do Dreamweaver File ->Novo.
    Escolha a opo de CSS para comear a editar o CSS do index.html.
    No prximo Slide se tem o cdigo do CSS.
    Os nomes das id e class que foram atribudas a cada um devem ser chamados
    no cdigo css para cada parte receba sua formatao.

    Dvidas

    Contato

    http://www.fabsoft.cesupa.br
    E-mail: raianaleal@gmail.com
    igo@gmail.com

    Você também pode gostar