HTML Básico
Uma das primeiras coisas que você deve saber para fazer site HTML é o código HTML a segunda o programa que você vai usar para programar. Neste caso ensinarei usando o programa Notepad++ Link Para Download
Pagina inicial do Notepad++
Na imagem abaixo você vê a pagina inicial do programa que iremos começar a programar.
Escolhendo a Linguagem de Programação
Antes de começar a colocar os códigos HTML você deve escolher a linguagem de programação que você quer que neste caso é HTML.
Para fazer isso você vai em linguagem, H, HTML.
Em linguagem não tem só HTML tem também JAVA, SQL entre outras.
Começando a Programar
Após escolher a linguagem de programação HTML você começa a colocar a TAGES HTML.
Colaca-se as tages html obrigatórias que é HTML, HEAD, TITLE onde você coloca o titulo da pagina que neste caso é Olá Mundo depois coloca-se a tage de fechamento que é /TITLE e depois /HEAD. A tage BODY é onde você escreve o texto, as imagens e etc da pagina esta tage se feha no final da pagina html junto com a tage html
Salvando a Pagina Html
Para salvar a pagina é só ir em Arquivo, Slvar como ou CTRL + ALT + S.
É só escolher onde salvar e de um nome para a pasta neste caso coloquei "Olá Mundo"que esta pronto. Você ja salvou.
Depois de ter salvo a pagina fica assim no lugar onde você salvou e com o nome que você deu.
A imagem assima mostra a pagina HTML que você criou ela vai abrir com o navegador de internet Explore. Caso você queira abrir com outro navegador ou com o Mozilla Firefox. Abra o navegador e de um CTRL + O e peque o arquivo salvo, ou vai em arquivo, abrir arquivo.
Como ficou a pagina HTML
Apos ter salvo é só olhar como ficou sua pagina HTML.
Persebe-se que o titulo Olá Mundo ficou no lado esquerdo do vidio e a pagina esta em branco, Isto porque você não escreveu nada depois de BODY.
Imagem da tabela de cores em HTML
HTML Básico no Dreamweaver
Baixe o dreamweaver CS3 ou o CS5 Link Para Download CS5 ou Link Para Download CS3 tanto faz qual usar instale, abra-o vai aparecer esta tela
Clique em HTML, vai abrir uma tela parecida com esta
Para visualizar só o código clique em code, para visualizar metade da tela o código e metade o Designe clique em Split como na imagem acima caso queira só o Designe clique em Designe.
Percebe-se que já vem uma parte do código pronto, deixe como esta só substitua o Untitled Document no titulo para um titulo que você quiser como no de cima foi colocado Olá Mundo.
Vai no body e escreve Olá Mundo
Agora Salve em file, salve as.., de o nome como Index. Abra com o firefox ou com internet explorer ou com o google chrome. Lembre-se que seus códigos devem ir dentro do body.
Clique em HTML, vai abrir uma tela parecida com esta
Para visualizar só o código clique em code, para visualizar metade da tela o código e metade o Designe clique em Split como na imagem acima caso queira só o Designe clique em Designe.
Percebe-se que já vem uma parte do código pronto, deixe como esta só substitua o Untitled Document no titulo para um titulo que você quiser como no de cima foi colocado Olá Mundo.
Vai no body e escreve Olá Mundo
Agora Salve em file, salve as.., de o nome como Index. Abra com o firefox ou com internet explorer ou com o google chrome. Lembre-se que seus códigos devem ir dentro do body.
VIDEO TUTORIAL PASSO A PASSO FAZENDO SITE NO NOTEPED++