Treinamento em HTML & CSS

Apresentação em tema: "Treinamento em HTML & CSS"— Transcrição da apresentação:

1 Treinamento em HTML & CSS
Baseado nos slides do curso de Pacote Web - CITi

2 HyperText Markup Language
HTML HyperText Markup Language

3 Em primeiro lugar... "Uma página deve ser exibida de maneira semelhante independente de qual dispositivo esteja visualizando."

4 Camadas Comportamento JavaScript CSS HTML Formatação Informação

5 Semântica Linguagem de marcação Marca dados
Compostar por tags (marcadores) Dá significado aos dados

6 Tags Responsáveis por delimitar um pedaço de conteúdo

7 Estrutura básica

8 Projeto: Receita de bolo
Tags abordadas html body head title h1,h2,h3... hr p ul li ol a img Objetivos Entender estrutura básica de um Documento HTML Entender a semântica das Tags Aprender a fazer listas aninhadas Introdução aos atributos [1]

9 Projeto: Formulário de cadastro
Tags Abordadas form fieldset input label legend Objetivos Entender como criar formulários Noções de acessibilidade em formulários

10 CSS Cascade Style Sheet

11 Projeto: Formatação de texo
Propriedades font text-align text-decoration line-height list-style :first-letter :hover Objetivos Aprender a usar os seletores do CSS [1] Entender propriedades de formatação de texto

12 Projeto: Formatação de texo
Propriedades border margin padding background width height Objetivos Entender as limitações da propriedade height Entender a diferença entre margin e padding

13 CSS Standards /* Normas de Padronização */ .seletor { [fonte e propriedades de texto] [plano de fundo] [tamanho] [bordas] [espaçamentos] [posicionamento] }

14 Estrutura do repositório
/docs /src /css /html /images /js

15 Referências