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

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

Criação de páginas Web HTML. Prof: Mara Castro O que é o HTML? HTML (Hypertext Markup Language) Linguagem que permite criar páginas Web.

Apresentações semelhantes


Apresentação em tema: "Criação de páginas Web HTML. Prof: Mara Castro O que é o HTML? HTML (Hypertext Markup Language) Linguagem que permite criar páginas Web."— Transcrição da apresentação:

1 Criação de páginas Web HTML

2 Prof: Mara Castro O que é o HTML? HTML (Hypertext Markup Language) Linguagem que permite criar páginas Web

3 Prof: Mara Castro Conceitos básicos de HTML Estrutura principal

4 Prof: Mara Castro Conceitos básicos de HTML Estrutura principal A página da turma

5 Prof: Mara Castro Conceitos básicos de HTML Parâmetros do para definir uma cor de fundo para a p á gina. para definir uma imagem de fundo da p á gina.

6 Prof: Mara Castro Conceitos básicos de HTML Parâmetros do para definir uma cor do texto da p á gina. para definir a cor dos links. para definir a cor dos links que j á foram visitados.

7 Prof: Mara Castro Conceitos básicos de HTML A página da turma lightblue darkblue

8 Prof: Mara Castro Conceitos básicos de HTML A página da turma

9 Prof: Mara Castro Exemplo - Código A página da turma Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 FIM - parte1

10 Prof: Mara Castro Conceitos básicos de HTML Par á grafos Linhas

11 Prof: Mara Castro Exemplo - Código Página simples de exemplo Isto é um título de 1º nível Isto é um título de 2º nível Isto é um parágrafo normal Este parágrafo é centrado e com uma quebra ou mudança de linha a meio.

12 Prof: Mara Castro Conceitos básicos de HTML Estilos e efeitos no texto Negrito Itálico Sublinhado (underline) Cor em destaque Texto a piscar Texto rolante

13 Prof: Mara Castro Exemplo - Código Página exemplo Estilos tipográficos Texto a negrito Texto em itálico Texto sublinhado Texto a negrito e a itálico Texto espaçado

14 Prof: Mara Castro Listas Listas de itens em HTML: listas ordenadas, ou seja, em que os itens surgem numerados (1,2,3,…) listas não ordenadas

15 Prof: Mara Castro Exemplo - Código Listas Lista ordenada primeiro item segundo item Lista não ordenada Um item Outro item

16 Prof: Mara Castro Tabelas Tag principal, tem como parâmetros width e border. Onde se coloca o nome ou título da tabela. Tag que define o cabeçalho (heading) de cada coluna da tabela. define cada linha da tabela. define cada célula da tabela.

17 Prof: Mara Castro Tabelas ParâmetrosSignificado widthLargura da tabela borderEspessura das molduras alignAlinhamento horizontal. Valores: left, center e right. valignAlinhamento vertical. Valores: top, middle e bottom. colspanEspecifica quantas colunas são abrangidas pela célula. rowspanEspecifica quantas linhas são abrangidas pela célula. bgcolorEspecifica a cor de fundo da célula.

18 Prof: Mara Castro Exemplo Uma tabela de três linhas e três colunas, com 60% de tamanho relativo, com o título «Tabelinha», cabeçalhos col, col2, col3, para cada coluna, respectivamente. Algumas células estão coloridas.

19 Código Tabelinha Col 1 Col 2 Col 3

20 Prof: Mara Castro Resultado

21 Prof: Mara Castro Outras linguagens Existem outras linguagens de programação de páginas Web, tais como: Java e JavaScript Visual Basic Script JSP (Java Server Pages) ASP (Active Server Pages) PHP

22 Prof: Mara Castro Outros programas Existem programas que permitem criar páginas web sem necessidade de escrita HTML, tais como: Macromedia Dreamweaver FrontPage Publisher FIM – parte2

23 Prof: Mara Castro Alguns sites…


Carregar ppt "Criação de páginas Web HTML. Prof: Mara Castro O que é o HTML? HTML (Hypertext Markup Language) Linguagem que permite criar páginas Web."

Apresentações semelhantes


Anúncios Google