exemplos.pdf
-
Upload
nuno-silvestre -
Category
Documents
-
view
8 -
download
0
Transcript of exemplos.pdf
-
1INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P.CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEUSERVIO DE FORMAO PROFISSIONAL DE VISEU
Nome da AoTcnico de Mecatrnica Automvel 3 ano FVI
N e nome da UFCD e cdigo0792
Criao de pginas para a Web em hipertexto
Nome do Formador: Vtor Oliveira
-
2Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P.CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEUSERVIO DE FORMAO PROFISSIONAL DE VISEU
UFCD - 0792 Turma: 3 FVICarga horria: 25 horas
Eng. Vtor Oliveira
-
ESTRUTURA CDIGO
HTML
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Estrutura do cdigo em HTML
Tem uma estrutura predefinida que utiliza marcas,,,
parte de algumas excees, as marcas abertas tm de ser fechadas usando /,,,
Os contedos so colocados entre as marcas e
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Estrutura do cdigo em HTML cont.
O contedo inserido entre e aparece na barra de ttulo do navegador
O contedo apresentado ao visitante da pgina est entre e
Pode utilizar um editor de texto simples como o NotePad para editar os ficheiros HTML
Deve gravar sempre esses ficheiros com extenso .html ou .htm
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
TAGS EM HTML
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios iniciar e finalizar cdigo html
Cdigo HTML Resultado
corpo do programaaqui escrevo o cdigo html
corpo do programa
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios cabealhos e pargrafos
Cdigo HTML Resultado
Primeiro Cabealho */pode ir at h6/*
Primeiro Pargrafo.
Primeiro Cabealho
Primeiro Pargrafo
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios Ttulo da pgina
Cdigo HTML Resultado
.::Introduo ao HTML::.
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios - hiperligaes
Cdigo HTML Resultado
link pagina 1
link pagina 1
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios bold/negrito, itlico e sublinhado
Cdigo HTML Resultado
estou a escrever a negrito estou a escrever em itlico estou a escrever com sublinhado
estou a escrever a negrito
estou a escrever em itlico
estou a escrever com sublinhado
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios fontes, cores e tamanhos
Cdigo HTML Resultado
Texto em Calibri, cor azul e tamanho5
Nota: cor pode ser color=#000000 combinaes de cores
Texto em Calibri, cor azul e tamanho 5
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Exerccios prtico
Cdigo HTML Resultado
-
Exerccios prtico
Cdigo HTML Resultado
EXEMPLO 5 DE HTML: CRIAO DE TABELAS
Esta a primeira coluna da primeira linhaEsta a segunda coluna da primeira linha
Esta a primeira coluna da segunda linhaEsta a segunda coluna da segunda linha
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Comandos
fazem com que os pargrafos e espaos sejam apresentados tal como esto escritos
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
-
Comandos
O texto formatado utilizando o parmetro style na marca
Permite a escolha da fonte atravs de font-family:
Permite a escolha do tamanho da fonte atravs de font-size:100%
Permite a escolha da cor atravs de color:blue
Esta uma utilizao simples de folhas de estilo, tendo estas outras potencialidades
Usualmente esto disponveis as fontes arial, times e verdana
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto