Transcript CPM

Faculdade Mário de Andrade
Tecnologia em Sistemas de Informação
Antonio Carlos Andrade Melo
e-mail: [email protected]
Professor: Toninho
1
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.
Professor: Toninho
2
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
Professor: Toninho
3
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...
Professor: Toninho
4
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.
Provedor
Professor: Toninho
Provedor
Provedor
Conexão via cabo
aos Backbones
5
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.
Professor: Toninho
6
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:
TCP
IP
Transmission Control Protocol
Internet Protocol
Professor: Toninho
7
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.
Professor: Toninho
8
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
Professor: Toninho
9
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.
Professor: Toninho
10
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.
Professor: Toninho
11
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
Professor: Toninho
12
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.
Professor: Toninho
13
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.
Professor: Toninho
14
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.
Professor: Toninho
15
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 .
Professor: Toninho
16
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>
Professor: Toninho
17
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>
Professor: Toninho
18
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... !-- >
Professor: Toninho
19
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
COR
HEXADECIMAL
COR
HEXADECIMAL
COR
HEXADECIMAL
Branco
#FFFFFF
Cinza
#808080
Verde-claro
#D9FFFF
Preto
#000000
Amarelo
#FFFF00
Rosa-claro
#FFD5D5
Azul
#0000FF
Branco-neve
#F4F4F4
Amarelo-claro
#FFFFF5
Verde
#008000
Cinza-claro
#C0C0C0
Roxo-claro
#EFDFFF
Vermelho
#FF0000
Azul-claro
#D9FFFF
Professor: Toninho
20