Translate

Mostrando postagens com marcador html. Mostrar todas as postagens
Mostrando postagens com marcador html. Mostrar todas as postagens

19 de agosto de 2009

Criando uma página para a internet - HTML

Nível básico: iniciando no HTML.
As páginas exibidas no navegador de internet são formatadas com HTML, para criar uma página precisamos apenas digitar as tags (etiquetas, marcações HTML) em um editor de textos, isso vai mostrar ao navegador como a página deve ser exibida.
O formato das tags são assim:
<tag>...</tag>
Isso marca onde começa e termina determinada porção do que será exibido.

Agora vamos a prática, copie o seguinte código no seu editor de textos (notepad) e salve como nome.html:
<HTML>
<HEAD><TITLE>Titulo do página</TITLE></HEAD>
<BODY>
texto,
imagem,
links,
...
</BODY>
</HTML>
Essa é uma página básica com as seguintes tags:
<HTML> = identifica como uma página html;
<HEAD> = o cabeçalho da página onde vai ficar o:
<TITLE> = Titulo do página;
<BODY> = corpo da página onde fica o conteúdo.

Depois de salvar como nome.html ou qualquernome.htm é só clicar duas vezes no arquivo salvo e a página será exibida no seu navegador de internet.

Agora vamos melhorar essa página, note que a terminação .html ou .htm informa ao sistema que esse arquivo deve ser aberto com o navegador de internet, para abrir o arquivo novamente com o editor basta renomear de nome.html para nome.txt, ou clicar com o botão direito e escolher abrir com, e escolher o editor de textos.

Vamos melhorar nossa página, entre as tags BODY vamos auterar assis:
<BODY>
<P>Bloco de texto
</P>
<P>Outro bloco de texto<BR>com mudança de linha
</P>
<pre>uma linha aqui,
outra ali,
etc.
</pre>
</BODY>
introduzimos novas tags para formatar o texto:
<P> = mostra um parágrafo que pode ser configurado com alinhamentos, cores, etc;
<BR> = mudança de linha
<pre> = mostra o texto da maneira que está no código.

Agora é só salvar como nome.html e visualizar no navegador o resultado.

Para conhecer o código de uma página basta clicar nela com o botão direito e selecionar "mostra o código fonte". Comece com páginas mais simples e então é só pesquisar a função de determinada tag e ir testando na sua página.
Depois que conhecemos os comandos podemos usar editores de páginas para fazer todo o trabalho braçal, mas é necessário conhecer o funcionamento para aqueles ajustes especiais.
Para publicar na internet é só escolher um provedor de sites, salvar lá as suas páginas, anotar o endereço da página e digitar esse endereço no navegador para visualizá-la em qualquer computador ligado a internet.
Podemos ainda registrar um domínio, que é um endereço mais fácil, por exemplo: minhapagina.com, que apontar para onde sua página foi salva, mas isso já é assunto mais para frente.

Consulta:
Tutorial HTML, Tutorial HTML .net, HTML na Wikipédia

3 de agosto de 2009

HTML - criação de páginas para internet

As páginas da internet exibidas aqui no seu navegador utilizam uma codificação conhecida como HTML, trata-se de regras de formatação que dizem como o navegador deve exibir a sua página.

Um pouco de história:
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP. Na época a linguagem não era uma especificação, mas uma coleção de ferramentas para resolver um problema de Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então emergente internet pública (que tornaria-se a Internet) ganhou atenção mundial.

Vamos a prática:
Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, e podem ser salvos com a terminação .htm ou .html, para identificar que deve ser aberto com o navegador web.

Todo documento HTML apresenta etiquetas, elementos entre parênteses angulares (sinais de maior e menor) (<>); esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:

Podemos analisar o código das páginas clicando com o botão direito do mouse e selecionando: mostrar código-fonte.

Para saber mais sobre HTML e suas etiquetas de formatação:
HTML na Wikipédia, TUTORIAL HTML

Hoje o HTML evoluiu para o XHTML:
Desde a publicação do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez mais — e de 2002 a 2006, de forma exclusiva — focado no desenvolvimento do XHTML, uma especificação HTML baseada em XML que é considerada pela W3C como um sucessor do HTML.[2][3][4] O XHTML faz uso de uma sintaxe mais rigorosa e menos ambígua para tornar o HTML mais simples de ser processado e estendido.

Para o WebDesigne (arte de páginas da internet) ainda temos o CSS (Folha de estilo em cascata), onde podemos configurar detalhes de todas as páginas em um único arquivo texto, e assim atualizar duma vez só um site inteiro de milhares de páginas.

CSS = Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.

A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site. Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do documento.

HTML marca e estrutura textos, cabeçalhos, parágrafos, links, botões, formulários, imagens e demais elementos da página e CSS define cores, posicionamento na tela, estilos de linhas, bordas e tudo o mais relacionado à apresentação.

Para saber mais sobre CSS: www.maujor.com