Faculdade Mário de Andrade Tecnologia em Sistemas de Informação Antonio Carlos Andrade Melo

1. Faculdade Mário de Andrade Tecnologia em Sistemas de Informação Antonio Carlos Andrade Melo e-mail: meloinformatica@hotmail.com

2. Internet A Internet é uma gigantesca rede que interliga máquinas de todos os tamanhos e tipos. Sua criação se deu em 1969 com o nome de Arpanet, que interligava apenas quatro computadores de universidades nos Estados Unidos, ficando restrita por muito tempo somente ao mundo acadêmico. Seu surgimento no Brasil aconteceu por volta de 1988, como um auxílio nas pesquisas universitárias, e sua operação estava subordinada ao Ministério da Ciência e Tecnologia. Somente em 1995, que a EMBRATEL, por meio de uma autorização do Ministério das Telecomunicações, disponibilizou seu acesso para uso comercial.

3. Como Funciona a Internet Seu funcionamento se baseia no conceito Cliente /Servidor , em que de um lado , você tem a pessoa que fornece a informação (Servidor) e do outro lado, a pessoa que capta essa informação (Cliente). Servidor Cliente Solicita a informação Responde a solicitação Arquitetura Cliente / Servidor

4. Conexão da Internet Você pode se conectar à Internet de diversas formas, desde uma simples conexão por meio de uma linha telefônica discada (dial-up), até conexões de alta velocidade , como ISDN por discagem, fibra óptica, TV a cabo, via rádio, etc...

5. Tipos de Conexão Conexão Discado:Você se conecta a um provedor, por meio de uma linha telefônica comum que por sua vez, permitirá seu acesso à Internet. Microcomputador Telefone Modem Conexão Dedicada:Conexões de alta velocidade normalmente usadas na interligação de provedores. Tais linhas são conhecidas por Backbones. Conexão via cabo aos Backbones Provedor Provedor Provedor

6. Provedores de Acesso Estão conectados na rede (Internet) em tempo integral por meio de conexões diretas de alta velocidade (Backbones). Para que você tenha acesso à rede, é necessário que possua uma assinatura (gratuita ou não) com um provedor. Cabe também aos provedores disponibilizarem espaço em discos rígidos de seus computadores para que o usuário possa armazenar suas informações pessoais, por meio de um site, ou receber informações pelo seu e-mail.

7. Protocolo: Conjunto de regras definidas que possibilitam a comunicação entre o cliente e o servidor. Protocolo de Comunicação: Uma rede de computadores pode funcionar com diversos tipos de protocolos, porém, no caso específico da Internet são utilizados: TCPTransmission Control Protocol IP Internet Protocol

8. TCP/IP As informações são transmitidas na Internet através de pacotes (pequenas porções com menos de 200 bytes). Estas informações dependendo de seu tamanho são empacotadas em diversos pacotes que são enviados ao seu destinatário. Estes pacotes podem seguir caminhos (rotas) independentes através de Roteadores. Ao chegar ao seu destino, estes pacotes são reagrupados em seu formato original.

9. Função do TCP • Dividir a informação em pequenos pacotes; • Enviar esses pacotes ao destinatário por meio da rede; • Receber os pacotes que estão sendo enviados; • Verificar se estes pacotes estão corretos; • Reagrupar esses pacotes em seu formato original. • Função do IP • Cuidar do envelopamento, endereçamento e envio dos dados que foram empacotados pelo TCP

10. Páginas WEB As páginas WEB permitem que as pessoas “naveguem” pela rede, incorporando textos, sons, imagens, animações e outros elementos de multimídia. Site: Conjunto de páginas que pertencem a um mesmo grupo de informações, ou seja, a um mesmo endereço na Internet. Home Page: Normalmente designa a primeira página ou a principal página de um site, cuja função é diferenciá-la das demais páginas que compõem o site.

11. Projeto de Elaboração de um Site • A elaboração de um Site envolve a construção de um projeto bem elaborado e equilibrado, onde, deve-se: • Obter informações sobre o cliente; • Definir quais são os objetivos gerais do site a ser desenvolvido; • Quais os recursos que serão utilizados: infra-estrutura, equipe e a forma da mídia de comunicação; • Equacionar o Peso da página com o seu design; • Navegação.

12. Navegação de um Site • A navegação de um site deve ser claro e eficiente, permitindo ao visitante obter as informações desejadas sem que se perca em um grande labirinto. • Deve ser tão fácil de “ir” de uma página para outra, quanto “voltar” ao ponto desejado. • Quanto maior for o projeto, maior deverá ser o cuidado a ser tomado com a navegação. Existem basicamente 03 tipos de estruturas de navegação : • Estrutura Linear Rígida • Estrutura Linear Flexível • Estrutura Hierárquica de Navegação Livre

13. Estrutura Linear Rígida Nesta estrutura, a navegação do site se dá apenas em dois sentidos, sendo que uma página está ligada a outra de forma seqüencial: a primeira página se liga à segunda, a segunda à terceira e assim por diante. Só utilize este tipo de navegação se o site não possuir muitas páginas. Vantagens:Fácil de criar. Desvantagens:Navegação rígida e dificilmente o visitante chegará até o fim.

14. Estrutura Linear Flexível Semelhante a navegação de Estrutura linear Rígida, porém com a possibilidade de pequenas escapadas. Por este motivo é mais utilizado. Vantagens:Fácil de criar, navegação mais flexível do que a estrutura fixa. Desvantagens:Dificilmente o visitante chegará até o fim.

15. Estrutura Hierárquica de Navegação Livre Usada em sites mais pesados, onde o visitante tem uma ampla flexibilidade de navegação. É composto normalmente por menus de navegação para facilitar o acesso à informação desejada por parte do visitante. Vantagens:Fácil navegação. Desvantagens:Maior cuidado no projeto e manutenção do site.

16. HTML • Hyper Text Markup Language é uma linguagem de marcação de documentos com hipertexto. • O HTML é composto por um conjunto de normas e instruções que informam ao browser de que maneira deverá ser exibida a página na tela do computador. Estas instruções são chamadas de tags(etiquetas). Possui as seguintes características: • É uma linguagem de marcação e não de programação; • Seus comandos recebem os nomes de tags; • A maioria destas tags aparecem em pares; uma iniciando um determinado bloco e outra encerrando esse bloco; • As tags estão sempre contidas entre os sinais de menor que e maior que <...>; • As tags podem ser escritas tando com letras minúsculas como maiúsculas, ou uma combinação delas; • Algumas tags possuem atributos, que modificam sua aparência; • Seu arquivo (fonte) deverá ser salvo com a extensão .html ou .htm .

17. Estrutura Básica do HTML Todo documento HTML possui quantro tags básicas usadas para descrever a estrutura geral de uma página a ser lida pelo navegador. Assim sendo, um documento HTML deverá ter, no mínimo, a seguinte estrutura: <html> <head> <title> Estrutura Básica do HTML </title> </head> <body> .... Conteúdo da Página </body> </html>

18. TAGS <HTML> ... </HTML> Tem por função indicar ao browser que o documento a ser lido está escrito em linguagem HTML. Devem obrigatoriamente abrir e encerrar uma página, ou seja, todo o seu conteúdo deverá estar contido nessas tags. Sintaxe <html> ... Página a ser exibida </html> TAGS <HEAD> ... </HEAD> Indicam quais comandos devem ser lidos pelo navegador antes de carregar a página, ou seja, qual nome a ser exibido na janela, método para abertura da página, linguagens incorporadas, etc. Sintaxe <head> ... Cabeçalho </head>

19. TAGS <TITLE> ... </TITLE> Define um título a ser exibido na barra de título da janela do navegador. Sintaxe <title> ... Texto do Título... </title> TAGS <BODY> ... </BODY> Contêm todo o restante de uma página escrita em HTML. Também pode conter alguns atributos para definir uma cor de fundo para a página, margens, etc. Sintaxe <body> ... Conteúdo da página </body> Comentário <!-- ... !-- > Insere um comentário não compilável (executável) pelo browser. Sintaxe <!-- ... comentário... !-- >

20. Atributo bgcolor O atributo bgcolor (backgrounding color) tem por objetivo aplicar uma cor de fundo em uma determinada seção. Assim, para definirmos uma cor de fundo em uma página inteira , devemos inserir este atributo na tag <body>, pois esta tag é responsável por delimitar todo o conteúdo do documento. Sintaxe bgcolor = “#nnnnnn” Sendo nnnnnn um número hexadecimal que corresponde a cor desejada. <body bgcolor =“#nnnnnn”> Tabela de Cores