HTML

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.
 

VIDEO TUTORIAL PASSO A PASSO FAZENDO SITE NO NOTEPED++