Desde zero

Também existe outros tipos de servidores que são os que se encarregam de prover de acesso a Internet aos nossos computadores. Estes são os provedores de acesso, os servidores os quais nos conectamos com nossos modens. Quando fazemos a chamada com o módem aos servidores que provêem o acesso, passamos a formar parte de Internet e enquanto mantermos a conexão poderemos acessar todos os servidores distribuidos no mundo todo e solicitar-lhes seus serviços.

No momento em que pedimos um serviço de Internet nos convertemos em clientes do servidor que o oferece. Para solicitar um desses serviços é necessário contar com um programa especial que costuma ser distinto para cada serviço de Internet. Por exemplo, para acessar o correio eletrônico utilizamos Outlook, para acessar à Web utilizamos Netscape ou Internet Explorer, ou para entrar no chat utilizamos um programa como Mirc ou Pirch. Todos estes programas que nos dão acesso aos serviços de Internet denominam-se clientes, como podemos ver, para ser o cliente de um servidor de Internet necessitamos um programa cliente do serviço ao qual tentamos acessar.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



A Web é um serviço da Internet

Toda esta introdução serve para percebermos que a Internet é um conjunto de serviços e a web, que é o que queremos analizar, não é mais do que um deles. Probable mente seja o mais popular neste momento e às vezes parece que que a Internet se limita à Web, como nos anúncios de imprensa, onde quase sempre nos vendem portais ou produtos da Web como se eles fossem o único que se pudesse fazer em Internet. A Web é então, um serviço que consiste em um imenso conjunto de páginas conectadas umas às outras por um sistema de links.

O sistema no qual está construido a web chama-se hiper-texto e é um emaranhado de páginas conectadas com links. Os sistemas de hiper-textos se utilizam em outros contextos, como a ajuda do Windows e são muito fáceis de utilizar e de encontrar o que buscamos rapidamente. A web não só se limita a apresentar textos e links, como também pode nos oferecer imagens, vídeos, audios e todo o tipo de apresentações, chegando a ser o serviço mais completo em meios que tem a Internet. Por esta razão, para nos referirmos ao sistema que implementa a Web (hipertexto) se cunhou um novo termo que é a hipermedia, fazendo referência a que a web permite conteúdos multimídia.

A multimídia, caso alguém ainda não conheça, faz referências a muitos meios, somente quer dizer que se estão utilizando muitos meios para apresentar informação como são o vídeo, o audio ou a realidade virtual. Quando nos vendem um computador multimídia, nos vendemum computador que está construido para poder trabalhar com muitos meios como imagem, audio, animação, vídeo, etc.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Como é uma web por dentro

Quando vemos em nosso navegador ou cliente web, uma página web, parece uma só entidade mas, não é assim, ela está composta por uma série de arquivos diferentes, como são as imagens, os possíveis vídeos e o mais importante, o código de origem que diz aonde colocar cada texto, cada imagem ou cada vídeo e a forma que estes terão ao serem colocados na página. Não é um problema que as webs estejam compostas por tantos elementos, já que rapidamente veremos que sua organização é fácil e que não os perderemos ou nenhum deles escapará.

Como podemos ver de forma resumida, para publicar em Internet necessitaremos construir alguns documentos hipertextos ou hipermídia, com seus correspondentes arquivos de imagens ou vídeos e colocá-los em alguns computadores que são servidores de páginas web. Mas isto é algo que vamos tratar de explicar pouco a pouco nos seguintes capítulos.

Ainda que signifique adiantar os conhecimentos, é interessante sinalar que com uma simples ação podemos ver o código de origem das páginas, ou seja, como estão feitas por dentro. Para isso, em Internet Explorer há que clicar no menu de Ver > Código de Origem e em Netscape há que selecionar Ver > Origem da página

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Passos prévios I ? pensar um tema

Para publicar uma página em Internet devemos seguir alguns passos, primeiro um planejamento, logo a construção das páginas e mais tarde, a divulgação e a constante atualização das páginas. Neste capítulo vamos ver quais são estes passos prévios que devemos realizar para que nosso esforço e resultados sejam os melhores possíveis, ou seja, vamos ver qual é o planejamento que há de fazer antes de colocar mãos a obra.

Pensar um tema

Pode ser o mais importante dos passos para a criaçao de uma web. Há que elaborar a idéia e juntar os dados sobre o tema escolhido para sua página na Internet.

Quando fazemos inclusive uma página pessoal, podemos falar de algum tema interessante como nosso time de futebol ou nosso cantor favorito, ou de um tema que nos comova profundamente, como a ecologia ou a história de nossa comarca.

Também podemos construir uma página que trate de nossa família ou de nossos cães, ou de ambos juntos, mas temos que levar em conta que o valor desse tipo de página é bem menor e que certamente os demais usuários nao irão se interessar. Se desejamos construir uma página que algum dia seja popular, devemos abordar temas que sejam de interesse para um grupo de gente.

Uma vez pensado o tema é muito importante juntar o máximo de dados possíveis sobre ele, ainda que muitas das idéias possam estar em nossa cabeça, é importante ter anotações, fotografias ou opiniões de outras pessoas que também conheçam o assunto que temos na cabeça. Insisto que é importante que o material que vamos publicar tenha o maior valor possível, pois assim conseguiremos os melhores resultados.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Passos prévios II ? Estrutura do site

Também é importante que pensemos na estrutura dos conteúdos de todo o site antes de desenhá-lo. Neste ponto temos que pensar sobre várias coisas, como as distintas seções que vai conter o site, a ramificação das páginas que vamos a tratar, etc.

A maneira de que este ponto seja realmente útil, é preparar todas as idéias sobre o papel. Com toda a tranquilidade do mundo e com toda a determinação possível vamos preparar uma série de diagramas e listagens que nos permitam dirigir nossos esforços da mellhor forma.

Seções do site: Poderemos pensar em quais seções vamos colocar no site. Uma com informação geral, outra com informação de contato, outra com uma visita gráfica a nossas instalações, etc.

Diagrama do site: Podemos desenhar em um papel quais são as distintas seções do site, colocando-as dentro de quadrados e representar também os links existentes entre cada seção mediante linhas que unem esses quadrados. É algo muito simples e divertido de fazer, além do mais podemos ter novas idéias para o website na medida que o vamos desenhando.

Esquema de uma página: Também podemos desenhar no papel uma página do site que vamos construir para vermos aonde colocar a barra de navegação, o logotipo do site ou da empresa, um possível banner publicitário, etc. Este esquema também pode ser útil na hora de construir as páginas e além do mais, sempre é mais fácil desenhar sobre o papel do que desenhar diretamente com o computador.

Estes passos são opcionais, qualquer um pode se dispor a construir uma página logo depois de decidir que deseja ter uma página web, entretanto nem todo mundo é capaz de expor bem quais são seus objetivos e formar um projeto com todos os pontos desenvolvidos de antemão. O mais importante são os resultados finais, por isso, começar a casa pelo telhado não será positivo para nossa página. Portanto, os resultados finais melhorarão se fizermos primeiro um bom planejamento.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



O que é necessário para começar

Para desenharmos páginas web precisamos realmente de pouco material. Na maioria dos computadores instalados com Windows 98 já se encontram todos os materiais necessários para começar sem necessidade de obter novos programas.

Em concreto, os materiais necessários são um editor de textos, com o qual programaremos nossas páginas e um cliente do web como o Internet Explorer ou o Netscape Navigator. Como em um computador com Windows 98 de fato sempre vem instalado o bloco de notas, e tendo também o Internet Explorer, podemos então começar a construir uma página web sem mais necessidades do que já temos.

Em outros sistemas diferentes do Windows 98 será também muito fácil obter um editor de texto simples e um navegador (browser) que se vê as páginas que vamos criar, se já não estiverem instalados.

Sem dúvida, em nossa aventura com o desenvolvimento do website vamos necessitar muitos mais programas como por exemplo programas de retoque fotográfico ou editores complexos de páginas web, mas ainda não é necessário que os introduzemos neste manual porque não são necessários para dar nossos primeiros passos.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



O que é HTML

HTML é uma linguagem com a qual se definem as páginas web. Basicamente trata-se de um conjunto de etiquetas que servem para definir a forma na qual se apresentará o texto e outros elementos da página.

O HTML se criou a princípio com objetivos de divulgação. Porém, não se pensou que a web chegaria a ser uma área de ócio com caráter multimídia, de modo que, o HTML se criou sem dar respostas a todos os possíveis usos que lhe dariam posteriormente e ao todo coletivo de gente que o utilizariam no futuro. Entretanto, frente a este deficiente planejamento, com o tempo, foram se incorporando modificações, as quais são os padrões do HTML. Numerosos padrões já se apresentaram. O HTML 4.01 foi o último padrão feito até o mês de abril de 2004.

O HTML é uma linguagem de programação muito fácil de aprender, o que permite que qualquer pesssoa, mesmo que nunca tenha programado possa enfrentar a tarefa de criar um website. O HTML é fácil e em pouco tempo poderemos dominar sua linguagem. Mais adiante, conseguiremos os resultados profissionais graças as nossas capacidades para o desenho e nossa veia artística.

Uma vez conhecendo o conceito do HTML, vamos lhes adiantar mais algumas coisas. Esta linguagem se escreve em um documento de texto, por isso necessitamos de um editor de textos para escrever uma página web. Assim sendo, o arquivo onde está contido o código HTML é um arquivo de texto com uma peculariedade, que tem uma extensão .html ou .htm (é indiferente qual deles utilizar). De modo que quando programarmos em HTML, o faremos com um editor de texto, o mais simples possível e guardaremos nossos trabalhos com extensão .html, por exemplo: minhapagina.html.

Para adiantar um pouco como se utiliza o HTML, lhes diremos que a linguagem consta de tags que são etiquetas que tem esta forma<B> ou<P>. Cada etiqueta significa uma coisa , por exemplo:<B> significa que se escreve em negrito (bold) ou<P> significa um parágrafo,<A> é um link, etc. Quase todas as etiquetas têm sua correspondente etiqueta de fechamento, que indica que a partir desse ponto a etiqueta não vai se alterar. Por exemplo,</B> se utiliza para indicar que se deixe de escrever em negrito. Portanto, o HTML não é mais do que uma série de tags que se utilizam para definir a forma ou o estilo que queremos aplicar em nosso documento. Ou seja,<B> isto está em negrito</B>.

Para aprender HTML em profundidade temos um manual em Criarweb.com. Ademais, podem ser consultados os links a distintos manuais que temos em nosso buscador na sessão do HTML.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Editores do HTML

Para as pessoas que não querem complicar a vida com a linguagem HTML, porque não têm tempo de aprendê-la ou porque se sentem incapazes de fazê-la, existe uma possibilidade diferente de programar diretamente o HTML a base de texto. Trata-se de utilizar um tipo de programa que nos permitem desenhar a página como se estivéssemos escrevendo um documento com um editor do tipo do Word. O editor HTML é o encarregado de vê-las com a linguagem e programar internamente a página com o código HTML segundo o que nós estamos desenhando.

Com o editor HTML podemos colocar imágens, definir estilos, utilizar negritas ou cursivas, etc, sem nos preocuparmos com as etiquetas correspondentes a cada estilo ou elemento. É o editor que sabe das etiquetas e que irá utilizá-las convenientemente. Este tipo de editores HTML denominam-se habitualmente WYSIWYG (What You See Is What You Get) porque quando se trabalha com eles o que se vê que está criando com o editor é o que se obtém logo quando gravamos a página.

Existem duas tendências entre as pessoas que se dedicam a realizar as páginas web. Por um lado existem as pessoas que preferem criar as páginas programando o HTML e por outro lado, as pessoas que utilizam editores HTML. Algumas diferenças entre fazê-lo de um modo ou de outro são as seguintes:

ESCREVENDO COM HTML	COM UM EDITOR WYSIWYG
Domina-se com maior precisão o código da página, fica mais limpo. Se o usuário domina bem o HTML nunca terá problema algum para fazer o que deseja. A aprendizagem é mais complicada, lenta e quando se chega a um nível mais avançado torna-se consideravelmente mais difícil. Para fazer uma página leva mais tempo e dá mais trabalho.	O código da página tem pior qualidade, inclusive pode chegar a ter erros mais ou menos visíveis que custam a consertá-los. É a máquina que domina o trabalho. A aprendizagem é muito simples, tal como trabalhar em Word. Trata-se somente de manejar mais um programa. Para fazer uma página é muito rápido.

Cada um deve escolher o caminho que mais lhe convenha ou o que lhe pareça mais atrativo. De todos os modos sempre se pode começar de um modo e logo passar ao outro sem nenhum tipo de problema. Inclusive, para adiantar os acontecimentos, diríamos que quando uma pessoa se aprofunda no desenho de páginas web chega a um momento em que lhe faz falta conhecer as duas maneiras de construir webs. Aos programadores em HTML faltará aprender um editor porque isso aumentará sua produtividade e aos que utilizam editores necessitarão aprender um pouco de HTML para consertar alguma coisa que o editor tenha feito mal ou para realizar alguma coisa que o editor não pode fazer. Este manual está escrito por uma pessoa que aprendeu a realizar suas primeiras webs com o bloco de notas e por isso algumas vezes, se pode ver minha maior inclinação a escrever a partir do código HTML. Ainda que meu conselho seja aprender HTML, estou certo de que muitos vocês professores, desenhadores, etc, poderão obter melhores resultados utilizando um editor HTML WYSIWYG.

No mercado existe uma série de editores de HTML WYSIWYG, mas é importante escolher um bom editor porque nossos trabalhos vão depender dos resultados de tais editores. Atualmente, o rei dos editores e o que lhes aconselharíamos sem dúvida é o Dreamweaver, fabricado por Macromedia. Outras possibilidades são editores como GoLive de Adobe ou Frontpage de Microsoft, apesar de não aconselharmos este último.

Editores de texto preparados para escrever HTML

As pessoas que depois dessas linhas decidiram aprender a linguagem HTML também têm ferramentas muito interessantes para aumentar sua produtividade sem deixar de escrever elas próprias o HTML que desejam. Trata-se de uns editores de texto, como qualquer outro, que estão preparados para escrever HTML e portanto oferecem uma série de ajudas aos desenhadores:

• Colorem os códigos das páginas para torná-las mais compreensivas.
• Oferecem ajudas para a programação
• Completam as etiquetas

• Não utilizar espaços nos nomes dos arquivos das páginas ou das imágens. E nem utilizar caracteres raros como os acentos, por exemplo.
• Ter cuidado com as letras maiúsculas e minúsculasnos nomes dos arquivos que tratamos. Se as utilizamos equivocadamente a página poderá funcionar em nossos Windows (porque não lhe faz diferença as maiúsculas e as minúsculas), porém ao subi-la ao servidor Linux ou Unix poderia ser que não funcionasse (porque estes sistemas sim que distinguem entre maiúsculas e minúsculas).
• Informar-se de como funciona o documento por inércia, que lhes explicaremos melhor nos capítulos posteriores.
• Trabalhar sempre com uma extensão do arquivo HTML específica. No misturar em um mesmo projeto páginas com extensão .html e .htm.

• A imagem não subiu ao servidor
• A posição relativa da imagem em relação à página não é a mesma em nosso computador (local) e no servidor (remoto). Por exemplo, as imagens em local poderiam estar no diretório imagens enquanto que em remoto poderiam estar no mesmo diretório que a página, o que seria um erro. Sempre se deve respeitar a estrutura de diretórios que está em local e criá-la exatamente igual em remoto.
• A imagem que se tenta acesar tem um caminho dirigido a um diretório de nosso isco duro, como ao ver a página na nternet nao se tem aceso ao seu disco duro, os usuários não poderão ver as imagens. Quando trabalhamos com um editor de HTML e colocamos imagens em algumas ocasiões o editor coloca caminhos em nosso disco duro no lugar de caminhos relativos. Os caminhos relativos são rotas que começam no lugar onde está a página que estamos desenhando.

• Namezero
• DomainZero, porém somente para cidadãos americanos.

• como fazer com que apareça seu endereço em nossos correios eletrônicos
• intercambiar banners
• intercambiar links
• e o mais importante, o registro nos buscadores