|
|||||||
Para se montar um site/blog é necessário que você tenha ao menos uma noção básica de HTML. E o que é HTML? É um código utilizado na montagem de homepages. Este código é representado por diversas tags (linhas de códigos que determinam a formatação do seu site). Cada tag tem a responsabilidade de gerar um comando específico.
No Frontpage você pode encontrar o código HTML clicando nas abas do lado esquerdo, parte inferior. Lá você terá 3 opções:
| Normal: |
| HTML: |
| Visualização: É como a sua página irá parecer na Internet. Para que você veja como REALMENTE a página ficará, vá em ARQUIVO --> VISUALIZAR NO NAVEGADOR. |
As tags principais são:
| <HTML></HTML> - Inicia e termina todo o código fonte |
| <HEAD></HEAD> - Cabeçalho da página |
| <BODY></BODY> - Corpo da página |
| Meta Tags: |
| É justamente através das Meta Tags que os sites de buscas encontram o seu site. As Meta Tags determinam informações sobre o seu site que estarão disponibilizadas na internet. |
| Para que um site de busca encontre o seu site, insira as seguintes Meta Tags entre o <HEAD> e o </HEAD> do seu código HTML. |
| As principais Meta Tags são: |
| Description --> <META NAME="Description" CONTENT="Tutorial sobre montagem de blogs"> |
| Keywords (você relaciona uma série de palavras chaves que tenham a ver com o seu blog. O site de busca encontra seu blog através de uma ou várias destas palavras --> <META NAME="Keywords" CONTENT="blog,html,fireworks,frontpage,aprender,tutorial,etc,etc"> |
As tags podem ser escritas em letras maiúsculas ou minúsculas. Isto não afetará o funcionamento da página.
Observe que as tags tem um início <HEAD> e um fim </HEAD>, representado pela "/". Se a "/" for esquecida, o código não fechará. Por exemplo, eu desejo colocar algumas palavras de uma frase em negrito. Vou utilizar, então, as tags <b> (bold = negrito) e </b>. Ficará assim o código:
Eu estava sentindo muito frio naquela noite. Mas ao tomar aquele <b>copo de leite quente</b>, meu corpo logo se aqueceu.
O resultado será este:
Eu estava sentindo muito frio naquela noite. Mas ao tomar aquele copo de leite quente, meu corpo logo se aqueceu.
Se eu esquecer de fechar a tag com a barra ("/"), o resultado será:
Eu estava sentindo muito frio naquela noite. Mas ao tomar aquele copo de leite quente, meu corpo logo se aqueceu.
Ou seja, todo o texto que vier a seguir, ficará em negrito. Isto acontece com qualquer falha neste sentido, seja com negrito, itálico, sublinhado, cores, tamanhos...
| <b></b> - negrito (b = bold) |
| <u></u> - sublinhado (u = underline) |
| <i></i> - itálico (i = italic) |
| <font color></font color> - cor da fonte |
| <font size></font size> - tamanho da fonte |
Exs:
| Código --> Eu gosto de <font size="#9D2676">cores nas frases</font color>. E você? |
| Resultado --> Eu gosto de cores nas frases. E você? |
| Código --> Ganhei um <font size="3">beijão</font size> da minha filha. |
| Resultado --> Ganhei um beijão da minha filha. |
Os códigos podem ser misturados também.
Ex:
| Código --> Adoro vestidos azuis. <font color="#3399FF><font size="3"><u><b>São lindos demais!!!</font color></font size></u></b> |
| Resultado --> Adoro vestidos azuis. São lindos demais!!! |
Caso você queira inserir um hiperlink no meio de um texto, basta usar o código abaixo:
Ex:
| Frase normal: Fui na casa da Patrícia hoje... |
| Frase com hiperlink: Fui na casa da <a href="http://www.blogdapaty.blognet.com.br" target="_blank">Patrícia</a> hoje... |
| Resultado: Fui na casa da Patrícia hoje... |
Onde:
| a --> inicia o código |
| href --> referência da página |
| " --> sempre entre aspas |
| target --> alvo, ou seja, como a página vai abrir |
| _blank --> página em branco,ou seja, em uma nova janela |
| /a --> fecha o código |
Nota: Sem o </a>, todo o texto que vier em seguida ficará selecionado como link.
Para inserir imagens no seu blog, você utilizará o seguinte código:
<IMG SRC="http://www.endereçodosite.com.br/nomedaimagem.gif" border="0" alt="Minha foto!!">
Onde:
| IMG SRC --> código que "puxará" a imagem. |
| Endereço --> O endereço deve estar entre aspas. O endereço é seguido pela barra "/" , pelo nome do arquivo e sua extensão. |
| border --> borda ao redor da imagem. Defina o valor numérico de acordo com a espessura da borda. Borda nº 0 significa SEM BORDA. |
| alt --> Serve para inserir o texto que aparecerá quando o mouse pousar sobre a imagem. |
As aspas são necessárias para distinguir e separar cada elemento do código.
Outra nota importante, é a respeito de erros no código. Qualquer erro mínimo que seja, afetará o funcionamento da sua página. SE você esquecer um sinal como < ou > , se você digitar uma palavra errada, se você copiar o código de qualquer site e colocar direto no seu código... qualquer erro fará com que sua página não funcione direito. Por isso, muita atenção sempre! E paciência!
Dúvidas? Leia o FAQ.
.:: www.euseifazer.kit.net ::.