SlideShare uma empresa Scribd logo
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
Ambiente web
Ambiente web
• 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
Ambiente web
Ambiente web

Mais conteúdo relacionado

PPT
Super CSS
PPTX
Introdução ao Oracle 10g
PPTX
Wordpress Arquivo de Configuração
PPTX
PPTX
Sistemas operacionais html2
PDF
Redes2 aula02
PPT
Ambiente web aula 12
Super CSS
Introdução ao Oracle 10g
Wordpress Arquivo de Configuração
Sistemas operacionais html2
Redes2 aula02
Ambiente web aula 12

Destaque (11)

PDF
Atividade sistemas operacionais
PDF
Sistemas operacionais de rede exercicio de sala
PPT
Ambiente web aula 10
DOCX
Prova internet
PPTX
Aula de Ambiente Web - 02 - Cedaspy
DOCX
Lista de exercicio i informatica basica
PPTX
Ambiente web
PPT
Ambiente web aula 02
DOCX
Prova de Internet Básica
PPT
Ambiente web aula 01
DOC
50 questoes de word windows e informatica basica
Atividade sistemas operacionais
Sistemas operacionais de rede exercicio de sala
Ambiente web aula 10
Prova internet
Aula de Ambiente Web - 02 - Cedaspy
Lista de exercicio i informatica basica
Ambiente web
Ambiente web aula 02
Prova de Internet Básica
Ambiente web aula 01
50 questoes de word windows e informatica basica
Anúncio

Semelhante a Ambiente web (20)

PPTX
Web design responsivo e adaptativo - HTML5/CSS3
PDF
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
PDF
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
PDF
78141365 manual-cad-stones-4
PPTX
InternetInternetInternet e Programação Web.pptx
PDF
Criação de sites
PDF
WDI - aula 07 - css com html
PDF
Usando html5 e css3 para implementar interfaces responsivas
PPT
Unidade iii tipos de softwares
PDF
7 Dicas para Criação de layouts para sites em WordPress
PPT
Responsive web design_CPRecife2 - Felipe de Albuquerque
PPS
PDF
Psd to html
PPTX
Ppt web.pptx 11 e 12
PPTX
Introdução ao CSS - Desenvolvimento web
ODP
Apresentação
PPT
CSS & JQquery
PDF
HTML - Formatação de Textos
PDF
HTML Formatando Textos
PDF
Cronograma - Automação de Escritório
Web design responsivo e adaptativo - HTML5/CSS3
Web_Design_Responsivo_e_Adaptativo_Apresentação_autor_Lara_Popov.pdf
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
78141365 manual-cad-stones-4
InternetInternetInternet e Programação Web.pptx
Criação de sites
WDI - aula 07 - css com html
Usando html5 e css3 para implementar interfaces responsivas
Unidade iii tipos de softwares
7 Dicas para Criação de layouts para sites em WordPress
Responsive web design_CPRecife2 - Felipe de Albuquerque
Psd to html
Ppt web.pptx 11 e 12
Introdução ao CSS - Desenvolvimento web
Apresentação
CSS & JQquery
HTML - Formatação de Textos
HTML Formatando Textos
Cronograma - Automação de Escritório
Anúncio

Mais de Washington Oliveira (20)

PPTX
PPTX
Ppt web.pptx 04
PPTX
Aula 02 nova
PPTX
Ppt web.pptx 02
PPTX
Ppt web.pptx 02
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
Atividade revisão
PPTX
Excel 7 e 8
PPTX
PPTX
PPTX
Ppt web.pptx 03 e 04
PPTX

Ambiente web

  • 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
  • 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