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

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

HTML e CSS – Básico, módulo 1 Davi da Rocha Phius, 24, desenvolvedor web

Apresentações semelhantes


Apresentação em tema: "HTML e CSS – Básico, módulo 1 Davi da Rocha Phius, 24, desenvolvedor web"— Transcrição da apresentação:

1 HTML e CSS – Básico, módulo 1 Davi da Rocha Phius, 24, desenvolvedor web

2 HTML e CSS – Básico, módulo 1 Módulo 1 = HTML

3 HTML – O que é O que diabos é e para que cargas d'agua funciona? HTML é um documento hipertexto

4 HTML – O que é O que diabos é e para que cargas d'agua funciona? HTML é um documento hipertexto Hiperlinks ou links

5 HTML – O que é O que diabos é e para que cargas d'agua funciona? HTML é um documento hipertexto Hiperlinks ou links Um site é uma coleção de páginas hipertexto

6 HTML – O que é O que diabos é e para que cargas d'agua funciona? HTML é um documento hipertexto Hiperlinks ou links Um site é uma coleção de páginas hipertexto É feito de um arquivo de texto marcado com etiquetas (tags) HTML

7 HTML – O que é Parágrafo 1 Parágrafo 2 Faltou uma idéia melhor...

8 HTML – Ferramentas Editor de texto Navegador web

9 HTML – Ferramentas Editor de texto Bloco de notas, gedit, TextMate, Komodo Edit, Dreamweaver, vim etc Navegador web

10 HTML – Ferramentas Editor de texto Bloco de notas, gedit, TextMate, Komodo Edit, Dreamweaver, vim etc Navegador web Google Chrome, Mozilla Firefox, Safari etc mas não o Internet Explorer

11 HTML – Sintaxe Uma tag (são exemplos, não são tags reais)

12 HTML – Sintaxe Uma tag (são exemplos, não são tags reais) Tag com parâmetro e valor

13 HTML – Sintaxe Uma tag (são exemplos, não são tags reais) Tag com parâmetro e valor

14 HTML – Sintaxe Uma tag Tag com parâmetro e valor Tag envolvendo algum conteúdo O conteúdo está aqui

15 HTML – Sintaxe Uma tag Tag com parâmetro e valor Tag envolvendo algum conteúdo O conteúdo está aqui Tag sem fechamento

16 Estrutura base O esqueleto

17 HTML – Tags básicas Tag de cabeçalho – h1 – h5 Curso de HTML da Ung

18 HTML – Tags básicas Tag de texto (parágrafo) – p Texto lalala

19 HTML – Tags básicas Listas não-ordenadas Motor Pneus Carroceria Portas

20 HTML – Tags básicas Listas ordenadas Valentino Rossi Jorge Lorenzo Casey Stoner Marco Simoncelli

21 HTML – Tags básicas Formatação de texto básica Negrito – Texto aqui Itálico – Texto aqui Riscado – Texto aqui Código – Texto aqui

22 HTML – Tags básicas Formatação de valor semântico Bloco de citação (fora do p) – Texto aqui Citação em linha (dentro do p) - Texto aqui Endereço - Endereço

23 HTML – Tags básicas Divisão - Conteúdo

24 HTML – Tags básicas Tabelas (obs. A tabela da foto está com borda para melhor visualização) Campeonato Vencedor MotoGP 2010 Jorge Lorenzo

25 HTML – Tags básicas Mesclar células na tabela (parâmetro colspan) Curso HTML + CSS 22/01/11 Módulo 1 29/01/11 Módulo 2 05/02/11 Módulo 3

26 HTML – Tags básicas Mesclar linhas na tabela (parâmetro rowspan) Curso HTML + CSS 22/01/11 Módulo 1 29/01/11 Módulo 2 05/02/11 Módulo 3

27 HTML – Links Criando links – a tag a Link

28 HTML - Exercício Criem uma página falando um pouco sobre este curso, com a seguinte estrutura: Título – Curso de férias da UNG Sub-título - Como fiquei sabendo Texto - Diga como ficou sabendo deste curso Sub-título – Pontos positivos Lista não-ordenada dos pontos positivos da iniciativa da UNG com estes cursos Sub-título – Pontos negativos Lista não-ordenada dos pontos negativos

29 HTML – é... mais exercício Faça uma página com um título Curso de férias da UNG e uma lista não-ordenada contendo 3 links: Como fiquei sabendo Pontos positivos Pontos negativos Cada link deve levar para uma página com o mesmo título, um sub-título igual ao seu link, um texto sobre o assunto da página e um link para voltar ao menu.

30 CSS CSS – O que é e para que serve?

31 CSS CSS – O que é e para que serve? Folha de estilos em cascata – É um documento de texto com a formatação visual de um HTML

32 CSS CSS – O que é e para que serve? Folha de estilos em cascata – É um documento de texto com a formatação visual de um HTML HTML é conteúdo, CSS é formatação visual

33 CSS CSS – O que é e para que serve? Folha de estilos em cascata – É um documento de texto com a formatação visual de um HTML HTML é conteúdo, CSS é formatação visual Facilita o trabalho

34 CSS CSS – O que é e para que serve? Folha de estilos em cascata – É um documento de texto com a formatação visual de um HTML HTML é conteúdo, CSS é formatação visual Facilita o trabalho

35 Por hoje é só! Estude Não se esqueça de estudar. Mande dúvidas por , sem dó! Acesse o MeuTutu.com.br! :D Davi da Rocha Phius ( e msn) Hoje a noite esta apresentação e mais material estarão em


Carregar ppt "HTML e CSS – Básico, módulo 1 Davi da Rocha Phius, 24, desenvolvedor web"

Apresentações semelhantes


Anúncios Google