Como criar um site em HTML
+3
arturararipe
A.henr
CaioTracera.
7 participantes
- CaioTracera.
Membro Pro - Idade : 33
Posts : 1032
Créditos : 20
Respeito : 1
Voltei \o/
Como criar um site em HTML
Seg 16 Jan 2012, 20:14
Olá, Convidado.
Leia com muita atenção tudo que estiver escrito no tópico. Não deixe de ler nada por preguiça, ou por achar que não é importante.
Grato pela atenção,
CaioTracera .
Leia com muita atenção tudo que estiver escrito no tópico. Não deixe de ler nada por preguiça, ou por achar que não é importante.
Introdução
O objetivo deste tópico é ensinar os princípios básicos para a confecção de um site em HTML para que você possa fazer seu primeiro site.
Aqui você aprenderá códigos HTML e saberá como inserir um vídeo, como inserir uma música, como inserir um flash, inserir imagens, criar links com imagens, como fazer tabelas, ccriar links para e-mail, criar âncora, caixa de texto, meta-tags, letreiros e linhas, imagens de fundo, fazer listas, links para downloads, formatar textos, tamanhos e cores de fonte, cabeçalhos, atributos de Body, enfim, será sua iniciação para fazer um site em HTML.
Existem editores HTML que oferecem comodidade para confecção das páginas, tais como: FrontPage, Dreamweaver e outros (você encontrará o download na área "Downloads"). Mas não será necessário aprendendo os códigos abaixo e você poderá fazer no Word ou no Bloco de Notas e salvar como .html.
Tutorial
Antes de começar a ler este arquivo, certifique-se de que você leu a "Introdução" por completa.
Toda a página é composta por Tags, que são comandos em HTML. Toda páina deve comçar com a tag <html> e terminar com </html>. Note que a "/" determina o fechamento da tag. Estas são as Tags fundamentais de sua página, isto é, toda página contem essas tags.
A partir de agora, estaremos dividindo o tutorial por spoilers, para ficar mais fácil, mais organizado e menor.
Código Base.
- Spoiler:
O código básico que existe em todo site HTML, é o seguinte:
- Código:
<html>
<head>
<title> Titulo da Página </title>
</head>
<body> Texto; Imagens; Links; etc </body>
</html>
Atributos de BODY.
- Spoiler:
Através da Tag <body>, podemos definir cores dos textos, links e fundo das páginas, ou uma imagem de fundo. Temos então:
- BGCOLOR - Cor de fundo
- TEXT - Cor da fonte dos textos
- LINK - Cor dos links (padrão: azul)
- ALINK - Cor dos links, quando clicados (padrão: vermelho)
- VLINK - Cor dos links, depois de visitados (padrão: roxo)
- BACKGROUND - Imagem de fundo: Indica o URL da imagem
Podemos definir tudo de uma vez só, colocando o seguinte código:
Atenção: O código acima foi só um exemplo. Esse é basicamente o código do site, se não for alterado.
- Código:
<body bgcolor="yellow" text="black" link="blue" alink="red" vlink="purple">
Cores no seu site.
- Spoiler:
Você pode escrever as cores (em inglês) ou colocar seu código. Porém, para escrever só é aceito 16 cores, que são:
- Preto (black)
- Branco (white)
- Azul (blue)
- Amarelo (yellow)
- Verde (green)
- Lima (lime)
- Marron (maroon)
- Oliva (olive)
- Azul Celeste(aqua)
- Lilás (fuchsia)
- Cinza (gray)
- Azul escuro (navy)
- Roxo (purple)
- Verde escuro (teal)
- Cinza claro (silver)
- Vermelho (red)
Mas você pode definir várias tonalidades de cores, basta clicar aqui para acessar a Tabela de Cores.
Cabeçalhos.
- Spoiler:
O tamnho das letras ou fontes é definido pela tag <H> - "Headings".
A tag <H> normalmente é usada em CABEÇALHOS e há seis níveis. Com esta tag, você pode definir o tamanho das letras, mas não o tipo da fonte. Veja como fica:
- <h1> "Headings 1"</h>
- <h2> "Heading 2" </h>
- <h3> "Heading 3" </h>
- <h4> "Heading 4" </h>
- <h5> "Heading 5" </h>
- <h6> "Heading 6" </h>
Atenção: O código HTML do "Heading" é:
- Código:
<h1>;<h2>;<h3>;<h4>;<h5>;<h6>
Tamanho e cores das fontes.
- Spoiler:
Você também pode usar a tag FONT para definir o tamanho, bem como a cor e o tipo da fonte.
[list]
[*] FONT FACE - Define o tipo de letra
[*] FONT COLOR - Defina a cor da letra
[*] FONT SIZE - Define o tamanho da letra.
Atenção: O código HTML do para fazer essas alterações é:
- Código:
<font face="nome da letra" size="tamanho da letra" color="cor da letra">texto</font>
Como formatar os textos.
- Spoiler:
Formatando o texto em Negrito, Itálico, Sublinhado e Centralizado. Tags:
- Código:
• <b>texto</b> - Texto em Negrito.
• <u>texto</u> - Texto Sublinhado.
• <i>texto</i> - Texto em Ítalico</i>
Atenção:
Está é a primeira parte do tutorial. Caso vocês gostem, eu postarei a segunda em outro tópico. O porque de fazer isso? Não achei justo comigo escrever todo esse material e postar para vocês, e ninguem agradescer, ninguem comentar e etc. Caso vocês gostem e queiram mais, eu posto. Caso contrario, eu faço uma video-aula para vocês explicando tudo em um video de uns 15 min.
Está é a primeira parte do tutorial. Caso vocês gostem, eu postarei a segunda em outro tópico. O porque de fazer isso? Não achei justo comigo escrever todo esse material e postar para vocês, e ninguem agradescer, ninguem comentar e etc. Caso vocês gostem e queiram mais, eu posto. Caso contrario, eu faço uma video-aula para vocês explicando tudo em um video de uns 15 min.
Grato pela atenção,
CaioTracera .
- A.henr
Membro Pro - Idade : 25
Posts : 1416
Créditos : 0
Respeito : 23
Re: Como criar um site em HTML
Ter 17 Jan 2012, 16:15
Muito bom cara, eu estava estudando css com html ano passado!
Só que ai eu me juntei a um grupo de desenvolvimento de jogos em As3 e acabei parando de estudar Css com HTML
Só que ai eu me juntei a um grupo de desenvolvimento de jogos em As3 e acabei parando de estudar Css com HTML
- arturararipe
Membro - Posts : 127
Créditos : 0
Respeito : 0
Re: Como criar um site em HTML
Qui 26 Jan 2012, 11:05
Eu estou no momento aprendendo mais é o php e me aprofundando em Bulletin Boards (estou pensando em criar um), portanto tenho que aprender sobre criador de tabelas MySQL e .xml.
Mas bom tutorial, parabéns! Todo o conteúdo bastante resumido e exemplificado.
Mas bom tutorial, parabéns! Todo o conteúdo bastante resumido e exemplificado.
- Neerd
Membro - Posts : 18
Créditos : 0
Respeito : 0
Completando Objetivos..
Re: Como criar um site em HTML
Ter 31 Jan 2012, 14:14
Muito massa, mais para hopedar, eu hopedo tipo como um hp?
- Jhon
Administrador - Idade : 28
Posts : 2968
Créditos : 999
Respeito : 310
Viver até morrer!
Re: Como criar um site em HTML
Sex 03 Fev 2012, 11:33
Neerd escreveu:Muito massa, mais para hopedar, eu hopedo tipo como um hp?
Você hospeda em sites de hospedagem, seja free ou pago;
Até mais ;)
- Jhaz
Membro Lendário - Idade : 28
Posts : 2753
Créditos : 10000
Respeito : 18
Re: Como criar um site em HTML
Sáb 18 Fev 2012, 10:55
Parabéns, ótimo tutorial !
Não sou muito de criar sites em HTML,
Eu procuro adquirir o layout, editar o HTML .
E claro deixar os créditos abaixo !
Você pode hospedar-lo quando feito no site | Com.Nu | Free com domain
Não sou muito de criar sites em HTML,
Eu procuro adquirir o layout, editar o HTML .
E claro deixar os créditos abaixo !
Neerd escreveu:
Muito massa, mais para hopedar, eu hopedo tipo como um hp?
Você pode hospedar-lo quando feito no site | Com.Nu | Free com domain
- Kauam
Membro - Posts : 23
Créditos : 0
Respeito : 0
Minecraft *-*
Re: Como criar um site em HTML
Sáb 17 Nov 2012, 23:23
Bem os códigos das cores, vocês podem encontrar umas aqui: http://www.ufpa.br/dicas/htm/htm-cor1.htm
mais se acha facilmente no google com a pesquisa: cores em html.
mais se acha facilmente no google com a pesquisa: cores em html.
- Conteúdo patrocinado
Re: Como criar um site em HTML
Permissões neste sub-fórum
Não podes responder a tópicos
|
|