• CSS é a sigla em inglês para Cascading Style Sheet que  em português foi traduzido para folha de estilo em  cascata e é ...
• A grande vantagem do uso de CSS é a de separar a  marcação HTML, da apresentação do site. Em outras  palavras, vale dize...
• Temos aqui três conjuntos de tags - as  tags, normalmente são aos pares, mas nem sempre é  assim. Englobando toda a pági...
• O par de tags <body>...</body> engloba todo o conteúdo  da sua página Web, texto, imagens, filmes Flash - e tudo  mais.
• Cria-se um parágrafo, colocando texto entre o par de  tags <p>...</p>. Em HTML, um parágrafo é um bloco  constituido de ...
• Para títulos, existem seis níveis distintos de ênfase, indo  desde o mais alto nível <h1>...</h1> até o mais  baixo<h6>....
• Uma folha de estilos é conceitualmente bem simples, ela  é uma página contendo definições ou especificações de  estilos,...
• Para simplificar, começaremos construindo   nossa folha de estilos dentro da própria   página WebOs estilos que iremos u...
• type="text/css" diz ao navegador que estamos usando  um arquivo de texto puro para descrever nossos estilos,  nada de es...
• Os caracteres <!-- e --> se constituem em um modo de  se esconder texto em uma página Web - você verá os  textos somente...
• A primeira coisa que faremos será definir os estilos para  a página como um todo, o body da página. Tudo que  estiver de...
• Devemos clicar em nova regra desta forma vamos criar  uma folha de estilos .....
Em primeiro lugardevemosSelecionar o textopara podermoscriar um novoestiloAgoraclassificamos ocabeçalho
2        3    41
• Agora salvaremos  escolher Um nome para  o nosso Novo estilo  OBS: O arquivo deverá  Obrigatoriamente ser  salvo Na past...
• Devemos salvar nosso estilo na mesma pasta que os  nossos outros arquivos já estão salvos
• Nessa etapa iremos definir qual o padrão que iremos  usar .
Nome          Funçãocolor         cor da fontefont-family   tipo de fontefont-size     tamanho de fontefont-style    estil...
• Agora com o estilo já  salvo basta selecionar o  texto que ira receber o  estilo vá em parágrafo e  selecione o  corresp...
• Estilo anexado ao texto
• Faça um site sobre Uma escola de informática• O site deve conter .•   4-paginas•   Home•   Historia•   Peças•   contato
Desenvolvimento de sites css
Desenvolvimento de sites css
Próximos SlideShares
Carregando em…5
×

Desenvolvimento de sites css

686 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
686
No SlideShare
0
A partir de incorporações
0
Número de incorporações
323
Ações
Compartilhamentos
0
Downloads
9
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Desenvolvimento de sites css

  1. 1. • CSS é a sigla em inglês para Cascading Style Sheet que em português foi traduzido para folha de estilo em cascata e é definida como:• Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.
  2. 2. • A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site. Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do site
  3. 3. • Temos aqui três conjuntos de tags - as tags, normalmente são aos pares, mas nem sempre é assim. Englobando toda a página temos o par de tags <html>...</html>. A primeira <html> é a tag de abertura e a tag de fechamento é a mesma com uma / (barra) entre o sinal de menor que (<) e html.
  4. 4. • O par de tags <body>...</body> engloba todo o conteúdo da sua página Web, texto, imagens, filmes Flash - e tudo mais.
  5. 5. • Cria-se um parágrafo, colocando texto entre o par de tags <p>...</p>. Em HTML, um parágrafo é um bloco constituido de uma ou mais sentenças separado do próximo bloco por um espaço
  6. 6. • Para títulos, existem seis níveis distintos de ênfase, indo desde o mais alto nível <h1>...</h1> até o mais baixo<h6>...</h6>
  7. 7. • Uma folha de estilos é conceitualmente bem simples, ela é uma página contendo definições ou especificações de estilos, que instrui o navegador como apresentar os diferentes elementos de uma página
  8. 8. • Para simplificar, começaremos construindo nossa folha de estilos dentro da própria página WebOs estilos que iremos usar serão definidosdentro do par de tags <head>...</head>como mostrado a seguir...
  9. 9. • type="text/css" diz ao navegador que estamos usando um arquivo de texto puro para descrever nossos estilos, nada de especial aqui.• title="mystyles" tem por finalidade identificar seus estilos através de um nome de sua livre escolha.• media="all" Você pode ter uma folha de estilos para descrever como sua página será apresentada na tela de um computador (media="screen") e outra completamente diferente para formatar sua página para impressão (media="print").
  10. 10. • Os caracteres <!-- e --> se constituem em um modo de se esconder texto em uma página Web - você verá os textos somente na marcação do código. Isto é denominado comentario, e uma vez que os estilos estão dentro da seção <head>...</head> do documento, eles não deverão aparecer na apresentação.
  11. 11. • A primeira coisa que faremos será definir os estilos para a página como um todo, o body da página. Tudo que estiver dentro das tags <body>...</body> terá este estilo ou conjunto de estilos que lhe for aplicado.
  12. 12. • Devemos clicar em nova regra desta forma vamos criar uma folha de estilos .....
  13. 13. Em primeiro lugardevemosSelecionar o textopara podermoscriar um novoestiloAgoraclassificamos ocabeçalho
  14. 14. 2 3 41
  15. 15. • Agora salvaremos escolher Um nome para o nosso Novo estilo OBS: O arquivo deverá Obrigatoriamente ser salvo Na pasta do SITE
  16. 16. • Devemos salvar nosso estilo na mesma pasta que os nossos outros arquivos já estão salvos
  17. 17. • Nessa etapa iremos definir qual o padrão que iremos usar .
  18. 18. Nome Funçãocolor cor da fontefont-family tipo de fontefont-size tamanho de fontefont-style estilo de fontefont maneira abreviada para todas as propriedades
  19. 19. • Agora com o estilo já salvo basta selecionar o texto que ira receber o estilo vá em parágrafo e selecione o correspondente
  20. 20. • Estilo anexado ao texto
  21. 21. • Faça um site sobre Uma escola de informática• O site deve conter .• 4-paginas• Home• Historia• Peças• contato

×