SlideShare uma empresa Scribd logo
1 de 8
Ambiente Web
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites
Simples
Parte II
Turma: 9330
O que vamos aprender:


Mudar a cor do fundo



Inserir Imagem no fundo



Trabalhando com Atributos



Inserir Link
Formatação Simples

TAG para mudar a cor do fundo <BGCOLOR=“cor”>

Deve ser inserida dentro da TAG <BODY>
Exemplo: <BODY BGCOLOR=“yellow”>
TAG para inserir uma foto no fundo <background=“nome.
extensão”>
Exemplo: <BODY BACKGROUND=“nome.extensão”>
TAG para inserir uma animação no texto <MARQUEE>
Deixa o objeto rolando na página

Atributos da TAG Marquee
Direction (direção) UP, Down, Left, Right
Scrolldelay (velocidade em milissegundos), usa-se o
truespeedy para validar o atributo

Exemplo: <MARQUEE direction=“left” scrolldelay=“45”
truespeedy>
Atributos de Movimentos da TAG MARQUEE
Behavior: slide, alternate e scroll

Exemplo: <MARQUEE direction=“left” scrolldelay=“45”
truespeedy behavior=“alternate”>
TAG para inserir LINK no site é

<A HREF=“nomepagina.extensão”>
Atributos da TAG LINK
<TARGET> é o destino, onde será aberto a nova página

Opções: blank, self
Exemplo: <A HREF=“index2.html Target=“blank”>nome
do link</A>
No Site do Cedaspy, entrar com login e
senha:
Alterar a turma: 9324 Código Acesso: 123

Acessar a Prova 1 Ambiente Web
Senha Prova: primeira
Atividade Prática:
Atividade


Construir um site simples utilizando a linguagem HTML
falando sobre você, quem é você, o que gosta de
fazer, onde estuda, onde mora, qual a carreira
profissional que você pretende seguir;



Salvar este site, sentando em dupla deve conter
informações sobre os 02 alunos;

Mais conteúdo relacionado

Mais de Anderson Henrique (20)

Sistemas operacionais aula 12
Sistemas operacionais aula 12Sistemas operacionais aula 12
Sistemas operacionais aula 12
 
Sistemas operacionais aula 11
Sistemas operacionais aula 11Sistemas operacionais aula 11
Sistemas operacionais aula 11
 
Sistemas operacionais aula 10
Sistemas operacionais aula 10Sistemas operacionais aula 10
Sistemas operacionais aula 10
 
Sistemas operacionais aula 09
Sistemas operacionais aula 09Sistemas operacionais aula 09
Sistemas operacionais aula 09
 
Sistemas operacionais Aula 08
Sistemas operacionais Aula 08Sistemas operacionais Aula 08
Sistemas operacionais Aula 08
 
Sistemas operacionais 07
Sistemas operacionais 07Sistemas operacionais 07
Sistemas operacionais 07
 
Sistemas operacionais 06
Sistemas operacionais 06Sistemas operacionais 06
Sistemas operacionais 06
 
Sistemas operacionais 05
Sistemas operacionais 05Sistemas operacionais 05
Sistemas operacionais 05
 
Sistemas operacionais 04
Sistemas operacionais 04Sistemas operacionais 04
Sistemas operacionais 04
 
Sistemas operacionais 03
Sistemas operacionais 03Sistemas operacionais 03
Sistemas operacionais 03
 
Sistemas Cadastro
Sistemas CadastroSistemas Cadastro
Sistemas Cadastro
 
Sistemas operacionais cadastro
Sistemas operacionais cadastroSistemas operacionais cadastro
Sistemas operacionais cadastro
 
Sistemas operacionais 02
Sistemas operacionais 02Sistemas operacionais 02
Sistemas operacionais 02
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
Php04
Php04Php04
Php04
 
Php03
Php03Php03
Php03
 
Php02
Php02Php02
Php02
 
Php01
Php01Php01
Php01
 
Ambiente web 15
Ambiente web 15Ambiente web 15
Ambiente web 15
 
Ambiente web 12
Ambiente web 12Ambiente web 12
Ambiente web 12
 

Construção de Sites Simples Parte II

  • 1. Ambiente Web Aula Extra – HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte II Turma: 9330
  • 2. O que vamos aprender:  Mudar a cor do fundo  Inserir Imagem no fundo  Trabalhando com Atributos  Inserir Link
  • 3. Formatação Simples TAG para mudar a cor do fundo <BGCOLOR=“cor”> Deve ser inserida dentro da TAG <BODY> Exemplo: <BODY BGCOLOR=“yellow”> TAG para inserir uma foto no fundo <background=“nome. extensão”> Exemplo: <BODY BACKGROUND=“nome.extensão”>
  • 4. TAG para inserir uma animação no texto <MARQUEE> Deixa o objeto rolando na página Atributos da TAG Marquee Direction (direção) UP, Down, Left, Right Scrolldelay (velocidade em milissegundos), usa-se o truespeedy para validar o atributo Exemplo: <MARQUEE direction=“left” scrolldelay=“45” truespeedy>
  • 5. Atributos de Movimentos da TAG MARQUEE Behavior: slide, alternate e scroll Exemplo: <MARQUEE direction=“left” scrolldelay=“45” truespeedy behavior=“alternate”> TAG para inserir LINK no site é <A HREF=“nomepagina.extensão”>
  • 6. Atributos da TAG LINK <TARGET> é o destino, onde será aberto a nova página Opções: blank, self Exemplo: <A HREF=“index2.html Target=“blank”>nome do link</A>
  • 7. No Site do Cedaspy, entrar com login e senha: Alterar a turma: 9324 Código Acesso: 123 Acessar a Prova 1 Ambiente Web Senha Prova: primeira Atividade Prática:
  • 8. Atividade  Construir um site simples utilizando a linguagem HTML falando sobre você, quem é você, o que gosta de fazer, onde estuda, onde mora, qual a carreira profissional que você pretende seguir;  Salvar este site, sentando em dupla deve conter informações sobre os 02 alunos;