Introdução
Uma página da web (webpage) é uma fonte de informações que é adequada à World Wide Web e que pode ser acessada por um navegador web. Isso quer dizer que ela é um documento que é feito de modo à atender requisitos da rede mundial de computadores e capaz de ser visualizada a partir de um programa específico para esse fim.
As páginas web estão localizadas ou em um computador local ou remoto e disponibilizadas através de um servidor web. O acesso a elas pode ser restringido à redes locais, apenas ao próprio computador ou ainda ser publicada na Internet. A requisição e o acesso a elas é feita por meio de um protocolo chamado HTTP (Hypertext Transfer Protocol, ou Protocolo de transferência de hipertexto).
Originalmente, as páginas web eram arquivos estáticos de texto guardados dentro de servidores web. Atualmente, entretanto, é comum encontrarmos servidores que geram dinamicamente os arquivos (x)HTML de acordo com a requisição do navegador. Existem ainda maneiras de obtermos comportamento dinâmico pelo lado do cliente (navegador) por meio de implementações de Ajax e JavaScript, por exemplo.
As webpages utilizam de HTML (Hypertext Markup Language) para fazer a formatação dos dados. É importante notar que HTML não é uma linguagem de programação, mas sim de formatação. Isso guarda diferenças fundamentais entre HTML e, por exemplo, JavaScript, uma vez que a primeira limita-se apenas a mudar a maneira como os dados são dispostos na tela.
Para melhorar a aparência das webpages é possível usar código CSS (Cascading Style Sheet) que pode ser escrito em um arquivo em separado ou dentro do próprio HTML. É preferível valer-se da primeira opção uma vez que isso torna seu código mais reutilizável e, além disso, o uso de CSS torna-se mais eficiente já que aproveita-se melhor da maneira como o HTTP trabalha, com o navegador baixando uma única vez as informações e guardando-as em cache.
As imagens são armazenadas também como arquivos separados em servidores web. O navegador faz o trabalho de baixar todas as imagens enquanto a página é processada, mantendo a conexão com o servidor até que todas as informações sejam baixadas e fornecidas. A grande maioria deles renderiza as imagens juntamente com os textos e outros materiais na página a ser exibida.
Elementos
Uma página web apresenta uma série de elementos que serão usados para a interação com o usuário. Eles dividem-se em duas grandes categorias, os que são mostrados e os que não são.
Entre os mostrados, temos as informações textuais, com diversas variações de renderização; as informações não-textuais, como imagens estáticas (gif, jpg, png, etc) ou animadas (animated gif, flash, shockwave), áudio (midi, wav) e vídeo (wmv, rm, mov, etc), e; informações interativas que são mais complexas, atreladas à interface. Nesse ponto, temos textos interativos, ilustrações interativas, botões, hyperlinks e formulários.
Como elementos não mostrados temos os comentários, meta dados(DTD), informações de diagramação e estilo (CSS) e scripts (JavaScript).
Nem todos esses elementos serão tratados no escopo do curso. Muitos deles requerem ferramentas adicionais e uma grande quantidade de recursos do computador, tanto para a criação quanto para a exibição e são usados apenas para tornar mais agradável a experiência de navegação do usuário.
Começando sua página
Para criar suas próprias páginas não é necessário um vasto arsenal de ferramentas, apenas um editor de texto e um navegador já são suficientes. Para um iniciante é até melhor que não sejam usados recursos muito complexos, eles podem fazer com que muitos detalhes triviais, mas importantes, passem despercebidos. Para o nosso curso, usaremos um editor de texto simples de sua preferência (como o kwrite, o gedit ou o Mousepad). Recursos como o syntax highlighting (ou destaque de sintaxe) são realmente úteis durante a criação da sua página ao mesmo tempo que não "fazem o trabalho" por você, então é prudente que você deixe-o ligado. Qualquer navegador que tenha interface gráfica serve para o nosso curso, fique a vontade para escolher o de sua preferência.
Começaremos com algo bem simples, abra o editor de texto e insira o seguinte:
Uma página da web (webpage) é uma fonte de informações que é adequada à World Wide Web e que pode ser acessada por um navegador web. Isso quer dizer que ela é um documento que é feito de modo à atender requisitos da rede mundial de computadores e capaz de ser visualizada a partir de um programa específico para esse fim.
As páginas web estão localizadas ou em um computador local ou remoto e disponibilizadas através de um servidor web. O acesso a elas pode ser restringido à redes locais, apenas ao próprio computador ou ainda ser publicada na Internet. A requisição e o acesso a elas é feita por meio de um protocolo chamado HTTP (Hypertext Transfer Protocol, ou Protocolo de transferência de hipertexto).
Originalmente, as páginas web eram arquivos estáticos de texto guardados dentro de servidores web. Atualmente, entretanto, é comum encontrarmos servidores que geram dinamicamente os arquivos (x)HTML de acordo com a requisição do navegador. Existem ainda maneiras de obtermos comportamento dinâmico pelo lado do cliente (navegador) por meio de implementações de Ajax e JavaScript, por exemplo.
As webpages utilizam de HTML (Hypertext Markup Language) para fazer a formatação dos dados. É importante notar que HTML não é uma linguagem de programação, mas sim de formatação. Isso guarda diferenças fundamentais entre HTML e, por exemplo, JavaScript, uma vez que a primeira limita-se apenas a mudar a maneira como os dados são dispostos na tela.
Para melhorar a aparência das webpages é possível usar código CSS (Cascading Style Sheet) que pode ser escrito em um arquivo em separado ou dentro do próprio HTML. É preferível valer-se da primeira opção uma vez que isso torna seu código mais reutilizável e, além disso, o uso de CSS torna-se mais eficiente já que aproveita-se melhor da maneira como o HTTP trabalha, com o navegador baixando uma única vez as informações e guardando-as em cache.
As imagens são armazenadas também como arquivos separados em servidores web. O navegador faz o trabalho de baixar todas as imagens enquanto a página é processada, mantendo a conexão com o servidor até que todas as informações sejam baixadas e fornecidas. A grande maioria deles renderiza as imagens juntamente com os textos e outros materiais na página a ser exibida.
Elementos
Uma página web apresenta uma série de elementos que serão usados para a interação com o usuário. Eles dividem-se em duas grandes categorias, os que são mostrados e os que não são.
Entre os mostrados, temos as informações textuais, com diversas variações de renderização; as informações não-textuais, como imagens estáticas (gif, jpg, png, etc) ou animadas (animated gif, flash, shockwave), áudio (midi, wav) e vídeo (wmv, rm, mov, etc), e; informações interativas que são mais complexas, atreladas à interface. Nesse ponto, temos textos interativos, ilustrações interativas, botões, hyperlinks e formulários.
Como elementos não mostrados temos os comentários, meta dados(DTD), informações de diagramação e estilo (CSS) e scripts (JavaScript).
Nem todos esses elementos serão tratados no escopo do curso. Muitos deles requerem ferramentas adicionais e uma grande quantidade de recursos do computador, tanto para a criação quanto para a exibição e são usados apenas para tornar mais agradável a experiência de navegação do usuário.
Começando sua página
Para criar suas próprias páginas não é necessário um vasto arsenal de ferramentas, apenas um editor de texto e um navegador já são suficientes. Para um iniciante é até melhor que não sejam usados recursos muito complexos, eles podem fazer com que muitos detalhes triviais, mas importantes, passem despercebidos. Para o nosso curso, usaremos um editor de texto simples de sua preferência (como o kwrite, o gedit ou o Mousepad). Recursos como o syntax highlighting (ou destaque de sintaxe) são realmente úteis durante a criação da sua página ao mesmo tempo que não "fazem o trabalho" por você, então é prudente que você deixe-o ligado. Qualquer navegador que tenha interface gráfica serve para o nosso curso, fique a vontade para escolher o de sua preferência.
Começaremos com algo bem simples, abra o editor de texto e insira o seguinte:
Nenhum comentário:
Postar um comentário