SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Aula 7
Washington Silva
Formatação
Inserindo imagens

Tabelas

Formatação
 Mais algumas tags

           ATRIBUTOS DO CORPO

    <body bgcolor=?>       Cor de fundo.

      <body text=?>         Cor de texto.

      <body link=?>        Cor dos links.

      <body vlink=?>   Cor dos links previamente
                               visitadas.
TEXTO

     <b></b>                      Texto negrito.
      <i></i>                   Texto em itálico.
                              Texto estilo máquina de
     <tt></tt>             escrever, mono espaçamento.
 <font size=?></font>           Tamanho das letras.

<font color=?></font>            Cor das letras.

 <font face=?></font>      Define a fonte utilizada.
Formatação
                  GRAFISMO


<img src=“imagem.jpg">   Insere uma imagem.


<img src=“imagem.jpg“    Alinha uma imagem em
       align=?>          relação ao resto do texto.

<img src=“imagem.jpg“    Define a borda da imagem.
      border=?>

 <img src=“ imagem"      Define o tamanho da exibição da
    width=“ %">          Imagem.
Já aprendemos a criar a estrutura principal de um site.
Agora chegou a hora de definir o layout da nossa página.
• Para que possamos ter um aspecto mais
  profissional e o usuário possa navegar de forma
  mais eficiente usaremos tabelas




  Essa TAG irá delimitar a área que a tabela estará.
  As tabelas são formadas por linhas e colunas
• <table> </table>
TR = Linhas




<table>
  <tr> </tr>
 <tr> </tr>
</table>
TD = célular




<table>
  <tr> <td></td> <td> </td></tr>
 <tr> <td></td> <td> </td></tr>
</table>
Atributos

Width=“100% ” Especifica a largura da tabela em %

height=“100% ” Especifica a altura da tabela em %
border=“ ”        Define a borda para a tabela

bgcolor=“ ”       Especifica a cor de fundo para a tabela

bordercolor=“ ”    Especifica a cor da borda da tabela
• Inserir 10 imagens organizadas
• Redimensionar as imagens
• Usando formatação dos textos, colocando tabelas.
Backups
• O que é Backup
• Mídias para backup
• Transferências de arquivos
• Backup Online
• Este nome em inglês muito usado pelos
  técnicos em informática significa
  simplesmente: Cópia de Segurança. Nos dias
  atuais, essa tarefa não é mais específica
  apenas para os técnicos. Com o aumento da
  demanda tecnológica e de informações,
  muitos profissionais possuem dados
  importantes e fundamentais para o seu
  trabalho ou até mesmo uso pessoal,
  armazenados em dispositivos como o pen-
  drive, por exemplo.
• Falhas técnicas: falha no disco rígido (HD),
  falha de energia, sobrecarga na rede de
  computadores que podem gerar falhas de
  comunicação e de programas.

• Falhas ambientais: descargas elétricas
  provindas de raios, enchentes, incêndios.
•
• Falhas humanas: detém 84% das perdas de dados e são
  devidas à exclusão ou modificação de
• dados acidental ou mal-intencionada, vírus, roubo de
  equipamentos e sabotagem.
•
• As informações guardadas nos computadores são muito
  mais importantes, mais caras e mais difíceis de
  recuperar do que todos os equipamentos ou programas
  envolvidos.
•
• Atualmente contamos com diversos dispositivos,
  também chamados de mídias, que podem ser
  usados para armazenar os nossos arquivos,
  sejam eles importantes ou não. Abaixo seguem
  alguns dispositivos:
• Antes de realizarmos qualquer tipo de cópia de arquivo,
  devemos estar ciente do tamanho dos arquivos que
  estamos copiando e do tamanho da capacidade do
  dispositivo que irá armazenar.
• O simples fato de
  para o cursor do
  mouse sobre a
  unidade de disco
  já podemos
  identificar qual o
  espaço livre e o
  tamanho do disco
• Trabalhando ainda com o
  Windows Explorer,
  encontramos ao lado
  esquerdo da tela, a unidade
  de CD ou DVD, para
  inserirmos arquivos nestes
  dispositivos, basta copiarmos
  os arquivos e selecionarmos
  com o botão direito do mouse
  exatamente em cima da
  unidade a opção “Gravar
  estes arquivos no CD”.
• Uma outra forma eficaz de proteger os nossos arquivos
  importantes de eventuais perdas e salvar na internet.
  Desta maneira, não ficaremos "refém" de nenhum
  dispositivo físico, par isso que na escolha do nosso
  "disco virtual" devemos analisar a confiabilidade do
  serviço
Aula Formatação
Aula Formatação

Weitere ähnliche Inhalte

Andere mochten auch

Atividade sistemas operacionais
Atividade sistemas operacionaisAtividade sistemas operacionais
Atividade sistemas operacionaisCarlos Melo
 
Sistemas operacionais de rede exercicio de sala
Sistemas operacionais de rede exercicio de salaSistemas operacionais de rede exercicio de sala
Sistemas operacionais de rede exercicio de salaCarlos Melo
 
Aula de Ambiente Web - 02 - Cedaspy
Aula de Ambiente Web - 02 - CedaspyAula de Ambiente Web - 02 - Cedaspy
Aula de Ambiente Web - 02 - CedaspyWillian Profe
 
Lista de exercicio i informatica basica
Lista de exercicio i  informatica basicaLista de exercicio i  informatica basica
Lista de exercicio i informatica basicaCarlos Melo
 
Prova de Internet Básica
Prova de Internet BásicaProva de Internet Básica
Prova de Internet Básicajjailsonsilvaaa
 
50 questoes de word windows e informatica basica
50 questoes de word windows e informatica basica50 questoes de word windows e informatica basica
50 questoes de word windows e informatica basicaFernanda Firmino
 

Andere mochten auch (11)

Atividade sistemas operacionais
Atividade sistemas operacionaisAtividade sistemas operacionais
Atividade sistemas operacionais
 
Sistemas operacionais de rede exercicio de sala
Sistemas operacionais de rede exercicio de salaSistemas operacionais de rede exercicio de sala
Sistemas operacionais de rede exercicio de sala
 
Ambiente web aula 10
Ambiente web   aula 10Ambiente web   aula 10
Ambiente web aula 10
 
Prova internet
Prova internetProva internet
Prova internet
 
Aula de Ambiente Web - 02 - Cedaspy
Aula de Ambiente Web - 02 - CedaspyAula de Ambiente Web - 02 - Cedaspy
Aula de Ambiente Web - 02 - Cedaspy
 
Lista de exercicio i informatica basica
Lista de exercicio i  informatica basicaLista de exercicio i  informatica basica
Lista de exercicio i informatica basica
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Ambiente web aula 02
Ambiente web   aula 02Ambiente web   aula 02
Ambiente web aula 02
 
Prova de Internet Básica
Prova de Internet BásicaProva de Internet Básica
Prova de Internet Básica
 
Ambiente web aula 01
Ambiente web   aula 01Ambiente web   aula 01
Ambiente web aula 01
 
50 questoes de word windows e informatica basica
50 questoes de word windows e informatica basica50 questoes de word windows e informatica basica
50 questoes de word windows e informatica basica
 

Ähnlich wie Aula Formatação

Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdfWeb_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdfsaintrubysupply
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis
 
Usando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasUsando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasFelipe de Albuquerque
 
Unidade iii tipos de softwares
Unidade iii   tipos de softwaresUnidade iii   tipos de softwares
Unidade iii tipos de softwaresDaniel Moura
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPressMarconi Pacheco
 
Responsive web design_CPRecife2 - Felipe de Albuquerque
Responsive web design_CPRecife2 -  Felipe de AlbuquerqueResponsive web design_CPRecife2 -  Felipe de Albuquerque
Responsive web design_CPRecife2 - Felipe de AlbuquerqueFelipe de Albuquerque
 
Introdução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webIntrodução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webCarlos Eduardo Kadu
 
HTML - Formatação de Textos
HTML - Formatação de TextosHTML - Formatação de Textos
HTML - Formatação de TextosMayza de Oliveira
 
Cronograma - Automação de Escritório
Cronograma - Automação de EscritórioCronograma - Automação de Escritório
Cronograma - Automação de Escritóriokrinfosolucoes
 

Ähnlich wie Aula Formatação (20)

Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3
 
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdfWeb_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
 
78141365 manual-cad-stones-4
78141365 manual-cad-stones-478141365 manual-cad-stones-4
78141365 manual-cad-stones-4
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
WDI - aula 07 - css com html
WDI - aula 07 - css com htmlWDI - aula 07 - css com html
WDI - aula 07 - css com html
 
Usando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasUsando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivas
 
Unidade iii tipos de softwares
Unidade iii   tipos de softwaresUnidade iii   tipos de softwares
Unidade iii tipos de softwares
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress
 
Responsive web design_CPRecife2 - Felipe de Albuquerque
Responsive web design_CPRecife2 -  Felipe de AlbuquerqueResponsive web design_CPRecife2 -  Felipe de Albuquerque
Responsive web design_CPRecife2 - Felipe de Albuquerque
 
Tcc
TccTcc
Tcc
 
Psd to html
Psd to htmlPsd to html
Psd to html
 
Ppt web.pptx 11 e 12
Ppt web.pptx 11 e 12Ppt web.pptx 11 e 12
Ppt web.pptx 11 e 12
 
Introdução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webIntrodução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento web
 
Apresentação
ApresentaçãoApresentação
Apresentação
 
CSS & JQquery
CSS & JQqueryCSS & JQquery
CSS & JQquery
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
 
HTML - Formatação de Textos
HTML - Formatação de TextosHTML - Formatação de Textos
HTML - Formatação de Textos
 
Cronograma - Automação de Escritório
Cronograma - Automação de EscritórioCronograma - Automação de Escritório
Cronograma - Automação de Escritório
 
Desenvolvimento sites html
Desenvolvimento sites htmlDesenvolvimento sites html
Desenvolvimento sites html
 

Mehr von Washington Oliveira (20)

Aula 08
Aula 08Aula 08
Aula 08
 
Virus
VirusVirus
Virus
 
Ppt web.pptx 04
Ppt web.pptx 04Ppt web.pptx 04
Ppt web.pptx 04
 
Aula 3
Aula 3Aula 3
Aula 3
 
Aula 02 nova
Aula 02 novaAula 02 nova
Aula 02 nova
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Aula 1
Aula 1Aula 1
Aula 1
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 01
Aula 01Aula 01
Aula 01
 
Word 16
Word 16Word 16
Word 16
 
Aula 07
Aula 07Aula 07
Aula 07
 
Atividade revisão
Atividade revisãoAtividade revisão
Atividade revisão
 
Excel 7 e 8
Excel 7 e 8Excel 7 e 8
Excel 7 e 8
 
Aula06
Aula06Aula06
Aula06
 
Aula 05
Aula 05Aula 05
Aula 05
 
Aula 04
Aula 04Aula 04
Aula 04
 
Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04
 
Aula 03
Aula 03Aula 03
Aula 03
 

Aula Formatação

  • 3.  Mais algumas tags ATRIBUTOS DO CORPO <body bgcolor=?> Cor de fundo. <body text=?> Cor de texto. <body link=?> Cor dos links. <body vlink=?> Cor dos links previamente visitadas.
  • 4. TEXTO <b></b> Texto negrito. <i></i> Texto em itálico. Texto estilo máquina de <tt></tt> escrever, mono espaçamento. <font size=?></font> Tamanho das letras. <font color=?></font> Cor das letras. <font face=?></font> Define a fonte utilizada.
  • 5. Formatação GRAFISMO <img src=“imagem.jpg"> Insere uma imagem. <img src=“imagem.jpg“ Alinha uma imagem em align=?> relação ao resto do texto. <img src=“imagem.jpg“ Define a borda da imagem. border=?> <img src=“ imagem" Define o tamanho da exibição da width=“ %"> Imagem.
  • 6. Já aprendemos a criar a estrutura principal de um site. Agora chegou a hora de definir o layout da nossa página.
  • 7. • Para que possamos ter um aspecto mais profissional e o usuário possa navegar de forma mais eficiente usaremos tabelas Essa TAG irá delimitar a área que a tabela estará. As tabelas são formadas por linhas e colunas
  • 9. TR = Linhas <table> <tr> </tr> <tr> </tr> </table>
  • 10. TD = célular <table> <tr> <td></td> <td> </td></tr> <tr> <td></td> <td> </td></tr> </table>
  • 11. Atributos Width=“100% ” Especifica a largura da tabela em % height=“100% ” Especifica a altura da tabela em % border=“ ” Define a borda para a tabela bgcolor=“ ” Especifica a cor de fundo para a tabela bordercolor=“ ” Especifica a cor da borda da tabela
  • 12. • Inserir 10 imagens organizadas • Redimensionar as imagens • Usando formatação dos textos, colocando tabelas.
  • 13. Backups • O que é Backup • Mídias para backup • Transferências de arquivos • Backup Online
  • 14. • Este nome em inglês muito usado pelos técnicos em informática significa simplesmente: Cópia de Segurança. Nos dias atuais, essa tarefa não é mais específica apenas para os técnicos. Com o aumento da demanda tecnológica e de informações, muitos profissionais possuem dados importantes e fundamentais para o seu trabalho ou até mesmo uso pessoal, armazenados em dispositivos como o pen- drive, por exemplo.
  • 15. • Falhas técnicas: falha no disco rígido (HD), falha de energia, sobrecarga na rede de computadores que podem gerar falhas de comunicação e de programas. • Falhas ambientais: descargas elétricas provindas de raios, enchentes, incêndios. •
  • 16. • Falhas humanas: detém 84% das perdas de dados e são devidas à exclusão ou modificação de • dados acidental ou mal-intencionada, vírus, roubo de equipamentos e sabotagem. • • As informações guardadas nos computadores são muito mais importantes, mais caras e mais difíceis de recuperar do que todos os equipamentos ou programas envolvidos. •
  • 17. • Atualmente contamos com diversos dispositivos, também chamados de mídias, que podem ser usados para armazenar os nossos arquivos, sejam eles importantes ou não. Abaixo seguem alguns dispositivos:
  • 18. • Antes de realizarmos qualquer tipo de cópia de arquivo, devemos estar ciente do tamanho dos arquivos que estamos copiando e do tamanho da capacidade do dispositivo que irá armazenar.
  • 19. • O simples fato de para o cursor do mouse sobre a unidade de disco já podemos identificar qual o espaço livre e o tamanho do disco
  • 20.
  • 21.
  • 22. • Trabalhando ainda com o Windows Explorer, encontramos ao lado esquerdo da tela, a unidade de CD ou DVD, para inserirmos arquivos nestes dispositivos, basta copiarmos os arquivos e selecionarmos com o botão direito do mouse exatamente em cima da unidade a opção “Gravar estes arquivos no CD”.
  • 23. • Uma outra forma eficaz de proteger os nossos arquivos importantes de eventuais perdas e salvar na internet. Desta maneira, não ficaremos "refém" de nenhum dispositivo físico, par isso que na escolha do nosso "disco virtual" devemos analisar a confiabilidade do serviço