07/12/2014

online.unip.br/imprimir/imprimirconteudo

Rich Tebb
Content Master Ltd
Fevereiro 2007

Viso geral
O Visual Studio Express Editions famlia oferece um livre, leve e fcil de aprender sute de ferramentas de programao que so destinadas a amadores, iniciantes,
e colaborador do estudante. Muitas pessoas nessa categoria, no tiveram nenhum treinamento formal em cincia da computao, e na verdade eles podem no
ter qualquer experincia de programao em tudo. Se voc se enquadram nessa categoria, no se preocupe este guia para voc!
Este guia para iniciantes foi projetado para pessoas com pouco ou nenhum conhecimento prvio de programao de computadores, que desejam criar aplicaes
Web e Web sites dinmicos com as ferramentas do Visual Studio Express. Se voc j tem experincia de programao importantes da Web, ento voc
provavelmente no ter muito a aprender com este artigo.
Ento o que voc vai aprender a ler este guia? Bem, este guia ir apresentarlhe os conceitos fundamentais que iro ajudlo a entender como criar aplicaes
web. Neste guia, voc vai aprender a responder a perguntas como:
O que uma rede e como so computadores conectados?
O que a Internet?
Como funcionam os navegadores?
O que acontece "nos bastidores" quando eu ligar a um servidor Web?
O que o Hypertext Markup Language HTML?
Como trabalhar Web sites?
O objectivo deste guia para ajudar a compreender o ambiente em que um aplicativo da Web executado, que inclui a Internet, servidores Web, browsers, as
comunicaes de rede, identificadores de recursos e linguagem de marcao.
No se preocupe se voc no estiver familiarizado com estes conceitos depois de ler este guia, voc vai saber muito mais sobre eles.

Redes de Computadores
Quase to logo houvesse mais de um computador no mundo, as pessoas queriam conectar computadores juntos. Na sua essncia, uma rede de computadores
um sistema em que dois ou mais dispositivos de computao esto ligados entre si. Mesmo um computador autnomo conectado a uma impressora uma
espcie de rede. Mas para a maior parte, consistem em redes de computadores interconectados que se podem trocar informaes entre si.
Existem duas partes de qualquer rede que permite aos computadores trocar informaes. Primeiro, eles precisam ser ligados entre si por um link esta
geralmente uma ligao fsica, como um cabo ou uma linha telefnica, mas tambm pode ser uma ligao sem fios. Em segundo lugar, eles precisam ter uma
linguagem mais entendido 'que cada um deles pode usar para decodificar os sinais que envia ao longo de cada ligao para o outro. Voc pode imaginar isso
como se duas pessoas estavam no telefone a outro: embora eles tenham uma conexo de telefone, eles tambm precisam ser capazes de falar a mesma lngua se
quiserem entender o que a outra pessoa diz. Na rede, o termo de uma linguagem comum um protocolo. O protocolo utilizado na Internet chamado
Transmission Control Protocol / Internet Protocol, ou TCP / IP para o short. Este protocolo permite que computadores de troca de mensagens de 'pacotes' que
contm dados ou informaes de controle, tais como aviso de recepo. Atravs da troca de dados e informaes de controle, tanto os computadores podem ter
certeza de que a informao foi transmitida com sucesso, ou um deles pode reenviar a informao se o problema ocorreu.
Se voc considerar a Internet como uma rede, bvio que a conexo entre dois computadores no precisa ser uma conexo direta. Na verdade, entre quaisquer
dois computadores conectados via Internet, geralmente h vrios dispositivos intermedirios que fazem parte da ligao entre os dois computadores. O mais
comum destes dispositivos so roteadores, e eles agem um pouco como uma central telefnica. Roteadores so dispositivos de computao especialista que o
trfego de rede direta ao longo da rota correta para o seu destino. Voc pode imaginar como policiais roteadores de rede em vrios cruzamentos orientando o
trnsito. O diagrama mostra uma rota de rede que transporta informaes entre um computador e um servidor Web atravs de roteadores.

Como um aparte, neste momento, voc deve ter notado que na verdade ningum dono da Internet como um todo. Para um usurio domstico, os primeiros
roteadores ao longo de uma rota provvel que sejam propriedade de um consumidororiented Internet Service Provider ISP. Na outra ponta do percurso, um
provedor de hospedagem ou uma empresa geralmente dono do prprio servidor Web e roteadores para o mais prximo do servidor web. Entre o provedor eo
provedor de hospedagem, os roteadores que ligam estes em conjunto formam uma rede backbone. A Internet consiste em redes backbone muitos ligados entre
si, cada qual geralmente comercial, educacional ou de propriedade do governo.

Endereos de Rede

http://online.unip.br/imprimir/imprimirconteudo

1/6

07/12/2014

online.unip.br/imprimir/imprimirconteudo

Para roteadores para ser capaz de determinar a rota correcta entre dois computadores, cada computador precisa ter um endereo para que os roteadores saber
para onde enviar os dados. Em termos de rede, um endereo um identificador exclusivo de um determinado dispositivo. Mesmo roteadores prprios endereos
na verdade, para qualquer endereo de destino como um servidor Web, routers s precisa saber o endereo do roteador mais prximo ao destino, e eles
simplesmente mo da responsabilidade pela entrega dos dados ao router. Eventualmente roteador o ltimo na cadeia sabe o prprio servidor Web. e pode
entregar os dados a ele.
Na Internet, um endereo IP Internet Protocol um nmero de quatro bytes, geralmente escrito em decimal pontilhada notao ', por exemplo 10.43.172.77.
Cada dispositivo no mundo que se conecta diretamente Internet tem um quatro nico endereo IP byte. Isto significa que h mais de quatro bilhes de
endereos IP possveis embora cerca de 20 milhes de endereos so reservados para usos especiais. Isto pode parecer um nmero grande, mas h um nmero
crescente de computadores ligados Internet.
Mesmo usando a notao decimal com pontos, os endereos IP no so muito memorveis. As pessoas tendem a achar mais fcil lembrar de nomes do que
nmeros. Por este motivo, a Internet tem um sistema que torna possvel para um site para ter um "nome amigvel", bem como uma menor memorvel endereo
IP. Este o Domain Name System DNS, que funciona por traduzir nomes de domnio em endereos IP. Existem muitos servidores DNS conectados internet, e
seu trabalho agir como uma lista telefnica para a Internet que procurar o endereo IP para um nome de domnio dada em uma grande lista de todos os
nomes de domnio. Por exemplo, quando voc digita um endereo da Web na barra de endereos do navegador, ocorrem as seguintes etapas, conforme
mostrado no diagrama:

1.O navegador determina o nome do servidor de destino nome do host a partir do endereo web.
2.O computador usa o DNS para obter o endereo IP do computador de destino. Contata o servidor de DNS e passa o nome do host.
3.O servidor DNS buscas sua lista de nomes de domnio para um registro correspondente, e envia o endereo IP de volta para o seu computador.
4.O computador ento utiliza o endereo IP para estabelecer a comunicao com o servidor web.

Navegadores e servidores Web

At agora voc aprendeu como os computadores se conectar a um outro, para que possam trocar informaes. Depois que a conexo estabelecida, o prximo
estgio o fluxo de dados entre os dois computadores.
Na maioria das situaes, o computador que inicia a troca chamado de cliente, eo computador que recebe a ligao chamado de servidor. Um programa de
computador executado no servidor em todos os momentos, ouvindo as conexes dos clientes. No computador cliente, um outro programa como um
navegador da web se conecta ao servidor sempre que necessitar de informaes. Por exemplo, quando voc solicitar uma pgina da Web, o navegador faz uma
conexo com o servidor Web para essa pgina quando voc clique o boto Go.
Em um tpico cliente / servidor cenrio, o cliente envia alguns dados chamado um pedido para o servidor, eo servidor determina a natureza do pedido e formula
uma resposta, que envia de volta para o cliente. Por exemplo, quando um programa de email l o seu email de um servidor de email, ocorrem as seguintes
etapas:

1.O cliente envia um nome de usurio e senha para o servidor.

2.O servidor responde ao dizer que o nome de usurio ea senha so aceitos.
3.O cliente pede uma lista de emails que esto no servidor.
4.O servidor responde com uma lista de emails, no incluindo o corpo do email.
5.O cliente pede o corpo de um email especfico por exemplo, quando voc clicar duas vezes sobre o email para vlo.

http://online.unip.br/imprimir/imprimirconteudo

2/6

07/12/2014

online.unip.br/imprimir/imprimirconteudo

6.O servidor envia o corpo do email.

O cliente eo servidor deve ter um entendimento comum sobre o contedo das mensagens de solicitao e resposta. Como vimos anteriormente, quando os dois
computadores feita uma conexo de rede, que tem entendimento comum, definido pelo protocolo TCP / IP, que lhes permite enviar os dados e confirmar que foi
entregue. Em cima deste protocolo de rede, est outro protocolo de mensagens que especifica uma linguagem comum para aplicaes de computador para
falar com os outros. O protocolo entre as duas aplicaes de computador chamado de um protocolo de aplicao. Voc pode imaginar um protocolo de rede
como os regulamentos que regem a forma de construir uma estrada, e um protocolo de aplicao como os regulamentos que regem a dirigir na estrada.
O protocolo de aplicao mais comum da Internet o Hypertext Transfer Protocol HTTP, que o principal protocolo usado na World Wide Web. Voc
tambm pode ter vindo atravs do File Transfer Protocol FTP, que voc pode usar para transferir arquivos de um computador para outro.

Hypertext Transfer Protocol HTTP

Quando um navegador se comunica com um servidor Web, ele envia uma solicitao HTTP para o servidor web. O contedo da solicitao HTTP especificar a
ao que o cliente exige que o servidor tomar. HTTP suporta vrios mtodos s vezes chamado de "verbos" que o cliente pode especificar no pedido, os
mtodos mais comumente utilizados so GET e POST. Um navegador usa o mtodo GET, quando se solicita uma pgina da Web, e usa o mtodo POST quando
ele envia os dados a serem processados, por exemplo, quando voc clica no boto Submeter ou pesquisa em uma pgina web.
O seguinte um exemplo da informao enviada para a frente e para trs entre o navegador eo servidor Web quando o navegador envia uma solicitao GET
para http://www.example.com/index.html. No se preocupe com os detalhes do pedido e da resposta, isto simplesmente para darlhe um sabor do que est
acontecendo dentro do protocolo HTTP.

>>

A primeira linha do pedido especifica o mtodo GET, a pgina web ou de recurso / index.html, eo protocolo HTTP 1,1. As linhas seguintes so cabealhos de
solicitao que indicam informao extra para o servidor web. A resposta contm uma linha de status, que inclui o protocolo HTTP 1.1, um cdigo de status
200 e uma descrio de texto do que significa o cdigo de status OK. As prximas linhas so cabealhos de resposta que contm informaes adicionais sobre
o servidor Web ea pgina web.
Aps os cabealhos no h uma linha em branco, seguido pelo prprio contedo da pgina web. Esta a carga real da resposta, e que contm as informaes
que o navegador vai realmente mostrar.

Hypertext Markup Language HTML

O objetivo do HTTP simplesmente fornecer uma linguagem comum "em que o navegador eo servidor Web podem trocar informaes sobre as pginas da Web
e outros recursos. A substncia real do cmbio, quando o navegador solicita uma pgina da Web, a seo da resposta que descreve como a pgina ir aparecer
dentro da janela do navegador.
A descrio da pgina da Web que o servidor envia em um formato padro, para que o navegador possa compreender como o servidor Web que deseja exibir a
pgina. Desta vez, o formato padro no de facto um protocolo, porque ele no define como dois computadores troquem informaes. realmente uma
linguagem, embora a distino muito bem: h regras sobre linguagens de computador, assim como h cerca de protocolos de rede. A linguagem que os
servidores Web e browsers usam para descrever uma pgina da Web Hypertext Markup Language HTML. HTML uma linguagem que usada
principalmente para formatar dados em uma pgina. Ele no contm qualquer suporte avanado para fazer operaes complexas, que apenas serve para
distribuio do contedo de uma forma legvel na pgina da web. Quando o navegador recebe uma pgina HTML, que converte a descrio do HTML em uma
tela por um processo chamado de renderizao. O navegador l as instrues HTML e "torna" o resultado para a tela.
HTML uma linguagem baseada em texto, o que significa que voc pode visualizar e editar o HTML em um editor de texto padro como o Notepad.
constitudo do texto na pgina da Web, juntamente com "tags de marcao", que indicam ao browser como o texto deve ser exibido. A marcao especifica itens
como o tipo de letra a ser usada para sees de texto, onde para mostrar imagens embutidas, e curso de hiperlinks que permitem a ligao a diversas pginas
web. Voc pode olhar para o HTML de qualquer pgina da Web em seu navegador, exibindo o cdigo fonte da pgina. Para ver o cdigo fonte da pgina no
Internet Explorer, clique no menu Exibir e, em seguida, clique em Fonte.
Este guia no pretende ensinarlhe como escrever HTML. H muitos livros e recursos online que pode ajudlo a aprender HTML. No entanto, o documento
abaixo um pequeno exemplo de uma pgina HTML simples, que demonstra alguns conceitos importantes.

DOCTYPEHTMLPUBLIC"//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>Bemvindo</title>
</head>
<body>
<imgsrc="/images/logo.jpg"height="50px"width="200px"border="0"/>
<h1>WelcometoExample.com</h1>
<p>BemvindoaositedaExample.com.Nsesperamosquevocvaiencontrarmuitosdosexemplosaqui.</P>
<p>Alistacompletadosexemplosestno<ahref="/examplelist.html">nestapginaweb.</a></p>
</body>
</html>
HTML consiste em uma srie de tag indicado por colchetes em torno de um nome de marca, como o tag <html> no exemplo. No final do documento de

http://online.unip.br/imprimir/imprimirconteudo

3/6

07/12/2014

online.unip.br/imprimir/imprimirconteudo

outra marca, </ html>. A barra indica que esta a marca de fim que corresponde ao tag <html> no incio do documento. Tudo entre as duas marcas chamado
de <html> elemento. Dentro do elemento <html> um elemento<head>, que contm <title> e <link> elementos. Um documento HTML composto de
elementos que esto aninhados um dentro do outro desta maneira.
Alguns dos elementos que definem atributos dentro dos colchetes, bem como um nome de marca o <a> e as marcas <img>, por exemplo. Atributos contm
informaes adicionais sobre essa marca que o navegador utiliza para processar a pgina web. O <img> no exemplo acima indica que o navegador deve inserir
uma imagem na pgina Web prestados, e deve conter os seguintes atributos:
src. Referese Uniform Resource Locator URL da imagem a inserir na pgina.
altura. Isto denota o quo alto a imagem deve estar na pgina da Web de servios neste caso, 50 pixels.
largura. Isto denota a largura a imagem deve estar na pgina da Web prestados.
fronteira. Isto denota a largura da borda da imagem neste caso, o limite definido para 0 para browser no deveria exibir uma borda.
Notese que o documento HTML no contm a prpria imagem. Em vez disso, o documento contm apenas a URL da imagem. Quando o navegador processa
este documento, ele executa as seguintes etapas.

1.O navegador v a marca <img> no documento e reconhece que ele deve exibir uma imagem incorporada.
2.O navegador cria uma solicitao HTTP GET para o URL especificado para o arquivo de imagem, e envia esse pedido para o servidor web.
3.Quando o servidor respondeu enviando a imagem, o navegador incorpora a imagem na pgina Web prestados.

Aplicaes Web
O cenrio acima mostra como um downloads do navegador e torna uma pgina da Web simples. Vamos ter um outro olhar para a solicitao HTTP, para que
possamos ver o que acontece quando o servidor responde ao pedido:

GET/index.htmlHTTP/1.1
Convidado:www.example.com
AcceptLanguage:en

http://online.unip.br/imprimir/imprimirconteudo

4/6

07/12/2014

online.unip.br/imprimir/imprimirconteudo

1.O navegador envia o pedido GET para o servidor. Como voc viu acima, a primeira linha do pedido especifica o recurso / index.html que o navegador
est solicitando.
2.Quando o servidor Web recebe este pedido, ele localiza a pasta raiz do site no seu disco rgido, procura por um arquivo chamado index.html, e depois l
esse arquivo do disco.
3.O servidor Web envia o contedo do arquivo de volta para o navegador dentro da resposta HTTP.
Portanto, se a pasta Web site raiz C: \ Site, em seguida, o servidor Web retorna o contedo de C: \ Site \ index.html. Da mesma forma, quando o navegador
solicita / images / logo.jpg, em seguida, retorna o servidor Web C: \ Site \ images \ logo.jpg.
Este sistema funciona muito bem, se um site no alterar o seu contedo com frequncia. Cada vez que os proprietrios do Web site pretende alterar o contedo,
eles podem fazer upload de um substituto para o index.html ou o arquivo precisa ser alterado.
No entanto, o sistema menos eficiente se o contedo Web site mudam regularmente, por exemplo, se o Web exibe dados do site que muda regularmente.
Neste cenrio, no prtico constantemente criar arquivos HTML que contm os dados. Imagine se o seu aplicativo de email Web trabalhou pela leitura de
arquivos do disco rgido. Cada vez que voc excluiu um email, a aplicao de Web precisaria de uma nova pgina HTML para representar sua caixa de entrada,
para que a Caixa j no continha o email que foi excluda. A aplicao Web mail, portanto, necessidade de criar um novo arquivo HTML no disco rgido para
representar a nova caixa.
A soluo para situaes como esta para criar um aplicativo da Web que funciona com o servidor Web para criar a pgina dinamicamente cada vez que um
navegador solicitalo. Normalmente, a informao sobre a pgina armazenada em um banco de dados. Esse tipo de site chamado de um site dinmico, em
contraste com um site esttico, onde os contedos no so gerados cada vez que uma pgina da Web solicitada.
Quando um navegador solicita uma pgina de um site dinmico executado, o ciclo de solicitao funciona da seguinte forma:

1.A primeira parte do ciclo funciona da mesma forma com um site esttico o navegador especifica o nome do recurso dentro de uma solicitao HTTP
GET.
2.Depois disso, porm, as coisas funcionam de forma ligeiramente diferente. O servidor da Web reconhece que a extenso do arquivo algo diferente.
Html por exemplo, a extenso do arquivo pode ser. Aspx, que um arquivo ASP.NET e ele chama o aplicativo da Web adequados para processar o
pedido.
3.O aplicativo da Web l o arquivo solicitado pelo sistema de arquivos.
4.Em vez de retornar o arquivo diretamente, o aplicativo da Web processa o arquivo e executa as instrues que ele encontra dentro ver abaixo.
5.Estas instrues podem carregar dados de um banco de dados ou realizar algum outro tratamento. O aplicativo da Web dinamicamente gera alguns
HTML de acordo com as instrues do arquivo e, em seguida, retorna o cdigo HTML gerado para o servidor web.
6.O servidor Web envia este contedo HTML para o navegador. O navegador se desconhece que qualquer desta gerao HTML tem ocorrido apenas
trata o HTML da mesma forma como se fosse um arquivo esttico.

http://online.unip.br/imprimir/imprimirconteudo

5/6

07/12/2014

online.unip.br/imprimir/imprimirconteudo

A forma exata que o aplicativo da Web gera o HTML varia de aplicao para aplicao, assim como a linguagem de computador que usado para especificar as
instrues para a aplicao Web.
Normalmente, no entanto, o arquivo que contm as instrues uma mistura de HTML regulares e instrues de programao especial. O HTML descreve a
aparncia ea estrutura da pgina Web, e as instrues de programao descrevem como acessar as informaes no banco de dados. Quando o servidor Web
processa o arquivo, ele substitui as instrues de programao especial com HTML normal. As instrues de dizer o aplicativo da Web como gerar o HTML normal
que ele usar para substituir as instrues.
Um exemplo ajuda a ilustrar como isso funciona. Veja como a nossa pgina Web esttica pode parecer se fosse gerado dinamicamente usando ASP.NET:

DOCTYPEHTMLPUBLIC"//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
Example<%=%Page.Title></title>
<linkrel="stylesheet"href="/style.css"type="text/css"/>
</head>
<body>
<asp:imageid="imgLogo"ImageUrl="~/images/logo.jpg"height="50px"width="200px"BorderWidth="0px"runat="ser
ver"></asp:image>
<h1><asp:labelid="lblPageTitle"Text='WelcomeparaExample.com'Runat=></asp:label></h1>
<p>BemvindoaositedaExample.com.Nsesperamosquevocvaiencontrarmuitosdosexemplosaqui.</P>
<p>Alistacompletadosexemplosestno<asp:HyperLinkid="lnkExamples"NavigateUrl='~/examplelist.html'r
unat=>nestapginaweb.</asp:HyperLink></p>
</body>
</html>
O detalhe de como isso funciona no importante agora. No entanto, voc pode ver que certas partes da pgina original foram substitudos por cdigos
diferentes que no HTML as marcas que comeam <asp: no so HTML. O aplicativo da Web ASP.NET substitui estas etiquetas com cdigo HTML vlido
quando se processa a pgina, de modo que o resultado seria semelhante pgina esttica que voc viu anteriormente. No contexto do ASP.NET, no ser
normalmente alguns Visual Basic ou C #, que iria trabalhar com esta pgina para criar os resultados dinmicos.

Fonte
http://msdn.microsoft.com/ptbr/library/bb330932enus,VS.80,lightweight.aspx

Exerccio1:
OHypertext Markup Language HTML uma linguagem que consiste em um monte de TAGs, porm o que so TAGs e como est dividida?
AAsTAGssomarcaeseestodivididasemHTMLeASP.NET
BAsTAGssomarcaeseestodivididasemHTMLeC#
CAsTAGssomarcaeseestodivididasemTtulosecontedos
DAsTAGssomarcaeseestodivididasemelementos
EAsTAGssomarcaesenopossuemnenhumadiviso.

Oalunorespondeueacertou.Alternativa(D)
Comentrios:
Ccertaresposta
Dcertaresposta

http://online.unip.br/imprimir/imprimirconteudo

6/6