A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

TREINAMENTO EM HTML & CSS BASEADO NOS SLIDES DO CURSO DE PACOTE WEB - CITI.

Apresentações semelhantes


Apresentação em tema: "TREINAMENTO EM HTML & CSS BASEADO NOS SLIDES DO CURSO DE PACOTE WEB - CITI."— Transcrição da apresentação:

1 TREINAMENTO EM HTML & CSS BASEADO NOS SLIDES DO CURSO DE PACOTE WEB - CITI

2 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 Formatação Informação JavaScript CSS HTML

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 https://developer.mozilla.org/en/CSS/


Carregar ppt "TREINAMENTO EM HTML & CSS BASEADO NOS SLIDES DO CURSO DE PACOTE WEB - CITI."

Apresentações semelhantes


Anúncios Google