Ambiente web
-
Upload
washington-oliveira -
Category
Documents
-
view
1.439 -
download
0
Transcript of Ambiente web
![Page 1: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/1.jpg)
Ambiente WebAula 7
Washington Silva
![Page 2: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/2.jpg)
Hoje abordaremos
Formatação
Tabelas
Formatação
Inserindo imagens
![Page 3: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/3.jpg)
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.
![Page 4: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/4.jpg)
Formatação
TEXTO
<b></b> Texto negrito.
<i></i> Texto em itálico.
<tt></tt> Texto estilo máquina de escrever, mono espaçamento.
<font size=?></font> Tamanho das letras.
<font color=?></font> Cor das letras.
<font face=?></font> Define a fonte utilizada.
![Page 5: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/5.jpg)
GRAFISMO
<img src=“imagem.jpg"> Insere uma imagem.
<img src=“imagem.jpg“ align=?>
Alinha uma imagem em relação ao resto do texto.
<img src=“imagem.jpg“ border=?> Define a borda da imagem.
<img src=“ imagem" width=“ %">
Define o tamanho da exibição da Imagem.
Formatação
![Page 6: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/6.jpg)
Definindo layout do siteJá aprendemos a criar a estrutura principal de um site.Agora chegou a hora de definir o layout da nossa página.
![Page 7: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/7.jpg)
Tabelas• 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
![Page 8: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/8.jpg)
Tabelas• <table> </table>
![Page 9: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/9.jpg)
Tabelas
<table> <tr> </tr> <tr> </tr></table>
TR = Linhas
![Page 10: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/10.jpg)
Tabelas
<table> <tr> <td></td> <td> </td></tr> <tr> <td></td> <td> </td></tr></table>
TD = célular
![Page 11: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/11.jpg)
TabelaAtributos
Width=“100% ”
height=“100% ”
border=“ ”
bgcolor=“ ”
bordercolor=“ ”
Especifica a largura da tabela em %
Especifica a altura da tabela em %
Define a borda para a tabela
Especifica a cor de fundo para a tabela
Especifica a cor da borda da tabela
![Page 12: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/12.jpg)
Atividade• Inserir 10 imagens organizadas • Redimensionar as imagens • Usando formatação dos textos, colocando
tabelas.
![Page 13: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/13.jpg)
Sumário
Backups• O que é Backup• Mídias para backup• Transferências de arquivos • Backup Online
![Page 14: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/14.jpg)
O que é Backup• 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.
![Page 15: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/15.jpg)
COMO PODEMOS PERDER OS NOSSOS ARQUIVOS?
• 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.•
![Page 16: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/16.jpg)
• 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.
•
![Page 17: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/17.jpg)
MÍDIAS PARA BACKUP
• 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:
![Page 18: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/18.jpg)
FAZENDO CÓPIAS EM DISCO REMOVÍVEL
• 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.
![Page 19: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/19.jpg)
FAZENDO CÓPIAS EM DISCO REMOVÍVEL
• 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
![Page 20: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/20.jpg)
Identificando
![Page 21: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/21.jpg)
Identificando
![Page 22: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/22.jpg)
COPIANDO ARQUIVOS PARA CD / DVD USANDO O WINDOWS
• 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”.
![Page 23: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/23.jpg)
COPIA DE SEGURANÇA ONLINE
• 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
![Page 24: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/24.jpg)
Opções
![Page 25: Ambiente web](https://reader036.fdocumentos.com/reader036/viewer/2022062513/557604cbd8b42a81158b5175/html5/thumbnails/25.jpg)
VAMOS AO LABORATÓRIO