SlideShare une entreprise Scribd logo
1  sur  7
Sistemas Operacionais
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites Simples
Parte II
Mudar a cor do fundo
Inserir Imagem no fundo
Trabalhando com Atributos
Inserir Link
O que vamos aprender:
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”>
Formatação Simples
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>
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;
Atividade

Contenu connexe

En vedette

Manajemen resiko (fix)
Manajemen resiko (fix)Manajemen resiko (fix)
Manajemen resiko (fix)Ikbal Fauzi
 
Communication final rishil shah
Communication final rishil shahCommunication final rishil shah
Communication final rishil shahRishil Shah
 
1º ano feira do livro
1º ano feira do livro1º ano feira do livro
1º ano feira do livrofranfarujo
 
PRENSA ESCOLAR DESPERTAR TABLONERO
PRENSA ESCOLAR DESPERTAR TABLONEROPRENSA ESCOLAR DESPERTAR TABLONERO
PRENSA ESCOLAR DESPERTAR TABLONEROWister Martinez
 
Social media contests for roi
Social media contests for roiSocial media contests for roi
Social media contests for roi00000000A1
 
Digital surya 07 oktober 2013
Digital surya 07 oktober 2013Digital surya 07 oktober 2013
Digital surya 07 oktober 2013Portal Surya
 
[Jurnal] 07520244086 bisono indra cahya
[Jurnal] 07520244086 bisono indra cahya[Jurnal] 07520244086 bisono indra cahya
[Jurnal] 07520244086 bisono indra cahyaindraf13
 
Home Insurance - a presentation by Richard Strauss Insurance Brokers
Home Insurance - a presentation by Richard Strauss Insurance BrokersHome Insurance - a presentation by Richard Strauss Insurance Brokers
Home Insurance - a presentation by Richard Strauss Insurance BrokersRSIB
 
Sredna gora-50
Sredna gora-50Sredna gora-50
Sredna gora-50ilko gruev
 
Лекция 5: B-деревья (B-trees, k-way merge sort)
Лекция 5: B-деревья (B-trees, k-way merge sort)Лекция 5: B-деревья (B-trees, k-way merge sort)
Лекция 5: B-деревья (B-trees, k-way merge sort)Mikhail Kurnosov
 
Philippineswwii 110516221426-phpapp01
Philippineswwii 110516221426-phpapp01Philippineswwii 110516221426-phpapp01
Philippineswwii 110516221426-phpapp01Vher Lucion
 
Dodo pizza brand pyramid 2013
Dodo pizza brand pyramid 2013Dodo pizza brand pyramid 2013
Dodo pizza brand pyramid 2013Fedor Ovchinnikov
 
Giáo trình quản trị kinh doanh quốc tế
Giáo trình quản trị kinh doanh quốc tếGiáo trình quản trị kinh doanh quốc tế
Giáo trình quản trị kinh doanh quốc tếNguyễn Nhật Anh
 
31058476 exercicios-de-pranayamas-portugues
31058476 exercicios-de-pranayamas-portugues31058476 exercicios-de-pranayamas-portugues
31058476 exercicios-de-pranayamas-portuguesNuno Freitas
 
Redessociales4 a
Redessociales4 aRedessociales4 a
Redessociales4 alupitakhia
 

En vedette (20)

Manajemen resiko (fix)
Manajemen resiko (fix)Manajemen resiko (fix)
Manajemen resiko (fix)
 
Communication final rishil shah
Communication final rishil shahCommunication final rishil shah
Communication final rishil shah
 
1º ano feira do livro
1º ano feira do livro1º ano feira do livro
1º ano feira do livro
 
Svenska 8 c vecka 41
Svenska 8 c vecka 41Svenska 8 c vecka 41
Svenska 8 c vecka 41
 
PRENSA ESCOLAR DESPERTAR TABLONERO
PRENSA ESCOLAR DESPERTAR TABLONEROPRENSA ESCOLAR DESPERTAR TABLONERO
PRENSA ESCOLAR DESPERTAR TABLONERO
 
Social media contests for roi
Social media contests for roiSocial media contests for roi
Social media contests for roi
 
Digital surya 07 oktober 2013
Digital surya 07 oktober 2013Digital surya 07 oktober 2013
Digital surya 07 oktober 2013
 
Private Companies
Private CompaniesPrivate Companies
Private Companies
 
[Jurnal] 07520244086 bisono indra cahya
[Jurnal] 07520244086 bisono indra cahya[Jurnal] 07520244086 bisono indra cahya
[Jurnal] 07520244086 bisono indra cahya
 
Home Insurance - a presentation by Richard Strauss Insurance Brokers
Home Insurance - a presentation by Richard Strauss Insurance BrokersHome Insurance - a presentation by Richard Strauss Insurance Brokers
Home Insurance - a presentation by Richard Strauss Insurance Brokers
 
Sredna gora-50
Sredna gora-50Sredna gora-50
Sredna gora-50
 
Types of Economies
Types of EconomiesTypes of Economies
Types of Economies
 
Лекция 5: B-деревья (B-trees, k-way merge sort)
Лекция 5: B-деревья (B-trees, k-way merge sort)Лекция 5: B-деревья (B-trees, k-way merge sort)
Лекция 5: B-деревья (B-trees, k-way merge sort)
 
Philippineswwii 110516221426-phpapp01
Philippineswwii 110516221426-phpapp01Philippineswwii 110516221426-phpapp01
Philippineswwii 110516221426-phpapp01
 
Dodo pizza brand pyramid 2013
Dodo pizza brand pyramid 2013Dodo pizza brand pyramid 2013
Dodo pizza brand pyramid 2013
 
Dentition intro
Dentition introDentition intro
Dentition intro
 
Giáo trình quản trị kinh doanh quốc tế
Giáo trình quản trị kinh doanh quốc tếGiáo trình quản trị kinh doanh quốc tế
Giáo trình quản trị kinh doanh quốc tế
 
Economic Planning
Economic PlanningEconomic Planning
Economic Planning
 
31058476 exercicios-de-pranayamas-portugues
31058476 exercicios-de-pranayamas-portugues31058476 exercicios-de-pranayamas-portugues
31058476 exercicios-de-pranayamas-portugues
 
Redessociales4 a
Redessociales4 aRedessociales4 a
Redessociales4 a
 

Similaire à Sistemas operacionais (extra ii)

Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com JqueryDanilo Sousa
 
CHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloCHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloMario Melo
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQueryTiago Butzke
 
Mini Curso - jQuery - FMU
Mini Curso - jQuery - FMUMini Curso - jQuery - FMU
Mini Curso - jQuery - FMUThiago Ericson
 
Plone e JQuery ao gosto do Cliente
Plone e JQuery ao gosto do ClientePlone e JQuery ao gosto do Cliente
Plone e JQuery ao gosto do ClienteSimples Consultoria
 
Palestra SEO para Desenvolvedores - TDC 2017
Palestra SEO para Desenvolvedores - TDC 2017Palestra SEO para Desenvolvedores - TDC 2017
Palestra SEO para Desenvolvedores - TDC 2017Patrícia Guaragna Souza
 
TDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedores
TDC2017 | POA Trilha Marketing Digital - SEO para DesenvolvedoresTDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedores
TDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedorestdc-globalcode
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...Guga Alves
 

Similaire à Sistemas operacionais (extra ii) (8)

Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com Jquery
 
CHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloCHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario Melo
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 
Mini Curso - jQuery - FMU
Mini Curso - jQuery - FMUMini Curso - jQuery - FMU
Mini Curso - jQuery - FMU
 
Plone e JQuery ao gosto do Cliente
Plone e JQuery ao gosto do ClientePlone e JQuery ao gosto do Cliente
Plone e JQuery ao gosto do Cliente
 
Palestra SEO para Desenvolvedores - TDC 2017
Palestra SEO para Desenvolvedores - TDC 2017Palestra SEO para Desenvolvedores - TDC 2017
Palestra SEO para Desenvolvedores - TDC 2017
 
TDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedores
TDC2017 | POA Trilha Marketing Digital - SEO para DesenvolvedoresTDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedores
TDC2017 | POA Trilha Marketing Digital - SEO para Desenvolvedores
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
 

Plus de Anderson Maciel (20)

Dream 07
Dream 07Dream 07
Dream 07
 
Dream 06
Dream 06Dream 06
Dream 06
 
Dream 05
Dream 05Dream 05
Dream 05
 
Dream 04
Dream 04Dream 04
Dream 04
 
Dream 03
Dream 03Dream 03
Dream 03
 
Dream 02
Dream 02Dream 02
Dream 02
 
Dream 01
Dream 01Dream 01
Dream 01
 
Corel 09
Corel 09Corel 09
Corel 09
 
Corel 08
Corel 08Corel 08
Corel 08
 
Corel 05
Corel 05Corel 05
Corel 05
 
Corel 07
Corel 07Corel 07
Corel 07
 
Corel 06
Corel 06Corel 06
Corel 06
 
Corel 04
Corel 04Corel 04
Corel 04
 
Corel 03
Corel 03Corel 03
Corel 03
 
Corel 02
Corel 02Corel 02
Corel 02
 
Corel 01
Corel 01Corel 01
Corel 01
 
Administração financeira 15
Administração financeira 15Administração financeira 15
Administração financeira 15
 
Administração financeira 14
Administração financeira 14Administração financeira 14
Administração financeira 14
 
Administração financeira 13
Administração financeira 13Administração financeira 13
Administração financeira 13
 
Administração financeira 12
Administração financeira 12Administração financeira 12
Administração financeira 12
 

Sistemas operacionais (extra ii)

  • 1. Sistemas Operacionais Aula Extra – HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte II
  • 2. Mudar a cor do fundo Inserir Imagem no fundo Trabalhando com Atributos Inserir Link O que vamos aprender:
  • 3. 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”> Formatação Simples
  • 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. 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; Atividade