Desenvolvimento de web sites

Muita gente não sabe mas eu tenho desenvolvido web sites. Apesar do meu interesse maior ser Java, desenvolver web sites representa um desafio que se torna gratificante ao ser vencido. Segue meu Site e os trampos que faço, todos com custo bem abaixo do mercado, pois o foco é trabalhar com pequenos negócios.

gogetterz.com.br

DOCTYPE

Eu estava fazendo um programinha em java. E em um pagina jsp, eu me dei conta que não fazia ideia do porque aquele famoso <!DOCTYPE html> estava fazendo ali, e o porque da variação dele para outros como <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
Então fui atrás e ai que o DOCTYPE  nem se quer é uma tag html: é uma instrução para o navegador saber em que versão do HTML está o arquivo.
Essa instrução sempre tem de vir primeiro, antes da tag. E quando escrevemos assim: <!DOCTYPE html> ele usa a ultima versão do HTML. Mas podemos especificar também, porém hoje em dia todos os navegadores andam bem atualizados e usam a ultima versão.

HTML

O HTML significa 'Hyper Text Markup Language',  é uma linguagem  de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internet. Para escrever documentos HTML não é necessário mais do que um editor de texto simples e conhecimento dos códigos que compõem a linguagem.

  Para testar os códigos, basta salvar o arquivo em formato .HTML e executar. Para o teste é necessário ter um navegador configurado como padrão. Não é necessária internet, pois o arquivo com os códigos esta na maquina onde esta sendo executado.

  Os códigos (conhecidos como Tags) servem para indicar a função de cada elemento da página Web. Os tags funcionam como comandos de formatação de textos, formulários, links (ligações), imagens, tabelas, entre outros. A  maioria dos códigos em HTML precisam ter um código de inicialização e um de finalização (Tag de abertura e Tag de fechamento).
Por exemplo, para definir o titulo da pagina, é necessário escrever:

<title>Título da minha Página</title>

O </title> serve para “avisar” que ali acaba o titulo, caso não seja posto, todos os códigos definidos depois serão considerados parte do titulo.

Ai os browsers (navegadores) identificam essas tags e apresentam a página conforme está especificada. 

Agora segue abaixo algumas Tags básicas das quais são bastante utilizadas:


Tags HTML básicas:

Tag	Descrição
<html>	Define um documento HTML
<body>	Define o corpo do documento
<h1> a <h6>	Define título 1 a título 6
<p>	Define um parágrafo
<br>	Insere uma única quebra de linha
<hr>	Define um filete horizontal
<!-->	Define um comentário

Tags de Formatação de Textos:

Tag	Descrição
<b>	Define texto em negrito
<big>	Define texto grande
<em>	Define texto enfatizado;
<i>	Define texto em itálico
<small>	Define texto pequeno
<strong>	Define texto forte
<sub>	Define texto subescrito
<sup>	Define texto superescrito
<ins>	Define texto inserido
<del>	Define texto cancelado

Tags de "Saída de Computador":

Tag	Descrição
<code>	Define texto de código de computador
<var>	Define uma variável

Tags de Listas:

Tag	Descrição
<ol>	Define uma lista ordenada
<ul>	Define uma lista não ordenada
<li>	Define um item de lista
<dl>	Define uma lista de definições
<dt><	Define um termo de definição
<dd>	Define uma descrição de definição

Tags de Tabelas:

Tag	Descrição
<table>	Define uma tabela
<th>	Define um cabeçalho de tabela
<tr>	Define uma linha de tabela
<td>	Define uma célula de tabela
<caption>	Define um título de tabela
<colgroup>	Define um grupo de colunas de tabela
<col>	Define os valores de atributo para uma ou mais colunas em uma tabela
<thead>	Define um cabeçalho de tabela
<tbody>	Define o corpo de uma tabela

Link de Tags:

Tag	Descrição
<a>	Define uma âncora

Tags de Cabeçalho:

Tag	Descrição
<head>	Define informação sobre o documento
<title>	Define o título do documento
<base>	Define o URL base para todos os vínculos numa página
<link>	Define a referência do recurso
<meta>	Define meta informação

Tag	Descrição
<!DOCTYPE>	Define o tipo do documento. Esta tag vai antes da tag de início <html>

Seguir blog - Solucionando o problema

Como vocês devem ter notado, há um problema com o Gadget Google Connect Friends, onde ao tentar seguir um blog, aparece a seguinte mensagem de erro:

Desculpe...

Não foi possível processar a sua solicitação. Tente novamente ou retorne mais tarde.

Atualmente o Gadget de seguidores do Blogger não está funcionando, a equipe do Blogger já está ciente e procurando uma solução para o mesmo, porém não há previsão de volta.
Para solucionar esse problema temporariamente vou postar aqui um código HTML que cria o botão e o direciona para o Gadget Seguidores do Blog, para que os Blogueiros de plantão assim como eu não percam esse recurso e seguidores enquanto a equipe do Blogger soluciona esse problema de uma vez por todas.

É bem fácil e rápido, vá em:

Blogger - Layout - Adicionar um Gadget - HTML/JavaScript

Copie e cole o codigo:

<center>
<br /><a href="http://www.blogger.com/follow-blog.g?blogID=ID_DO_SEU_BLOG" title="DIGITE_ALGO" target="_blank"><img src="IMAGEM" border="0" /></a>
<div style="color:#000;font-family:'arial';font-size:11px;margin-left: -10px;margin-right: -3px;margin-top: 8px;" />000_SEGUIRAM_O_BLOG</div>

No campo ID_DO_SEU_BLOG digite os números que aparecem no link do seu blog é só copiar e colar. Em DIGITE_ALGO  você digita a mensagem que quer que apareça no tooltip.
 IMAGEM é a imagem do botão. Para pegar a imagem, dê um clique direito em cima da imagem, copie o link da imagem e cole o link substituindo o nome IMAGEM, você pode criar o seu próprio botão também ou pesquisar algum na internet, o processo é o mesmo.

E o 000_SEGUIRAM_O_BLOG  é onde você pode colocar manualmente quantas pessoas seguem o seu blog.  No meu blog deixei em branco, vou esperar o Gadget Seguidores voltar a funcionar.

Bom espero ter ajudado, eu aviso assim que voltar a funcionar o Gadget.