Aula 2 internet
-
Upload
anderson-henrique -
Category
Documents
-
view
43 -
download
0
Transcript of Aula 2 internet
![Page 1: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/1.jpg)
AMBIENTE WEB
AndersonAnderson
2
Linguagem da Internet
O QUE É A LINGUAGEM DE PROGRAMAÇÃO?
![Page 2: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/2.jpg)
A Linguagem é conhecida como o código
fonte dos softwares.
![Page 3: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/3.jpg)
HTML Java C, C++ Python PHP Visual Basic Objective C
JavaScriptPertRubyAssemblyDelphiLispPascal
![Page 4: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/4.jpg)
Todos os documentos visualizados no navegador são escritos em HTML.
A partir deles é possível utilizar os links.
Vale lembrar que todos os:
Celulares, Câmeras digitais, Ipods, mp3, Vídeos games
![Page 5: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/5.jpg)
Home Page
São todas as páginas que estão disponíveis na
internet, também conhecida como INDEX.
![Page 6: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/6.jpg)
Estabelece contatos entre os computadores.
Através destas regras as máquinas se
reconhecem e trocam informações.
![Page 7: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/7.jpg)
FTP: FTP: O protocolo de transferência de dados.O protocolo de transferência de dados.
HTTP:HTTP: O protocolo de transferência de O protocolo de transferência de
hipertexto é usado para conectar as páginas hipertexto é usado para conectar as páginas
de internet. de internet.
TCP/IP:TCP/IP: São os protocolos de comunicação São os protocolos de comunicação
entre os computadores em rede.entre os computadores em rede.
![Page 8: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/8.jpg)
O aplicativo tem a aparência de um bloco
de notas, mas tratam-se de um editor de
código fonte.
![Page 9: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/9.jpg)
Tags: instruções que passaremos para o
computador, a fim de que elas sejam
descodificadas como uma página da internet
posteriormente.
Toda TAG é iniciada com o sinal de menor < e maior >
<HTML>
![Page 10: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/10.jpg)
<HTML> Inicio do documento
<HEAD> Inicio do cabeçalho do documento
<TITLE> Inicio do documento
</TITLE> fim do documento
<HEAD> Fim de cabeçalho do documento
<BODY> Inicio do conteúdo do documento (É o corpo da página)
</HTML> Fim do documento.
![Page 11: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/11.jpg)
Tamanho da fonte
<h1> Titulo tamanho 01</h1>
<h2> Titulo tamanho 02</h2>
<h3> Titulo tamanho 03</h3>
<h4> Titulo tamanho 04</h4>
![Page 12: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/12.jpg)
<P> Inicio de um parágrafo, deixando uma linha em branco em cada parágrafo.
<BR> Faz uma quebra de linha sem acrescentar espaço entre as linhas.
![Page 13: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/13.jpg)
![Page 14: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/14.jpg)
<html>
<head> <Title> Inserindo plano de fundo</title></Head>
<Body Background=*fundo1.jpg* bgcolor=*"FFCECB*>
<tr> <td>
<H1 style=*color:000000*>...</ha>
<br>Visualizando a sua página na Web.
</td>
</Tr>
</table>
</Body></html>
![Page 15: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/15.jpg)
<B> Texto em negrito <TT> Mono Espaço
<B> Texto </B>
<I> Texto em itálico
<U> Subrinhado
<SUP> Subscrito
<SUB> Subscrito
<img src="Computador.jpg">
<BODY background=“imagem.jpg”><BODY background=“imagem.jpg”>Conteúdo da páginaConteúdo da página</BODY></BODY>
![Page 16: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/16.jpg)
<BODY background=“imagem.jpg”><BODY background=“imagem.jpg”>Conteúdo da páginaConteúdo da página</BODY></BODY>
![Page 17: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/17.jpg)
Atividade
Fazer o exercício da apostila para pagina 2.
![Page 18: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/18.jpg)
9- Atividades1- Crie uma página da seguinte forma:1- Crie uma página da seguinte forma:
O Título deverá ser músicasO Título deverá ser músicas
Coloque uma imagem de fundo. Pode ser Coloque uma imagem de fundo. Pode ser
qualquer imagem.qualquer imagem.
Digite o texto abaixo e coloque cada linha Digite o texto abaixo e coloque cada linha
com uma cor, um tamanho diferente.com uma cor, um tamanho diferente.
![Page 19: Aula 2 internet](https://reader033.fdocumentos.tips/reader033/viewer/2022052508/5598129b1a28ab431f8b4840/html5/thumbnails/19.jpg)