Introdução
Esse texto serve de apoio para uma video aula em duas partes que fiz sobre como fazer um site em html. Os vídeos estão no final do artigo.
Somente um bom designer especializado em webdesign pode fazer um site profissional e provavelmente ele não o fará em HTML uma vez que este tipo de site pertence aos tempos da Web 1.0 tornando-se ultrapassado a partir da segunda metade da década de 90.
Esse artigo é apenas uma introdução aos conceitos básicos de criação de sites e foi escrito principalmente por razões históricas e porque, apesar de vivermos na era da web dinâmica, muitos ainda encontram razões para fazer sites estáticos.
Estrutura do site
Seja o site dinâmico ou estático ele quase sempre terá um cabeçalho, um menu lateral e uma área central com o conteúdo. Alguns usam menus sob o cabeçalho ou até conjugam os dois menus. Nesse exemplo optei por uma estrutura mais conservadora.
No lado esquerdo do nosso exemplo temos o menu, na parte superior o cabeçalho e na área maior da direita teremos o conteúdo.
A idéia principal é mostrar como estruturar o site com divisões <div> e como criar um menu único para o site inteiro que não precisaria ser recriado a cada nova página que criássemos.
No vídeo não dá para ler o código do iframe. Aqui está ele:
<iframe src=”./menu.html”; widht =”85″ height=”150″></iframe>
Referências
O aplicativo que usei para editar as páginas foi o Kompozer por ser um produto de código aberto disponível gratuitamente para a maioria das plataformas.
Para informações sobre html, CSS e outros padrões Web consulte o Wide World Web Consortium: w3.org.
Sites comentados: http://goodlistening.com.br e http://supervideobrasil.com.br
Mantenho uma lista de webdesigners no Delicious.
Observações
Com a finalidade de simplificar a video aula e ir direto ao ponto eu não criei as páginas usando CSS que seria o mínimo necessário em um site realmente profissional feito em HTML (apesar de insistir que 99% dos sites profissionais modernos devem ser feitos usando um CMS como o WordPress)
A video aula
Parte 1:
Parte 2:
Já assisti algumas vezer seus videos no youtube.
Muito legal sua iniciativa. Estou apanhando um pouco mas quando tiver no ar te mando o endereço.
tkyou
Que bom Luciane! Mande o site quando ficar pronto sim!
HTML é um pouco complicado, mas é bom conhecê-lo pois toda a base dos sites continuará sendo escrita nela.
O Lucas deixou o seguinte comentário a seguir em outro post, mas como se referia a esse transferi para cá:
“Eu assisti uma das suas video aulas foi a do site em html , eu sigi os seus passos no video e deu serto + na hora de publicar bom nessa parte eu não intendo não sou bom em web vocÊ pode me encinar como publicar o site ?”
Bem, o ideal seria fazer um post inteiro sobre isso, mas como algumas pessoas fazem essa pergunta nos comentários no Youtube e aqui também então vou tentar um resuminho.
Sites em HTML são como documentos Word, mas em vez de ficar em nosso HD ficam online.
Tem basicamente duas formas de fazer isso.
Uma é achar um site que publique o seu html e nesse caso ficaria algo como era o Geocities.
Esse tipo de serviço (muitas vezes gratuito) está entrando em extinção porque realmente não faz mais sentido fazer sites estáticos em HTML quando podemos fazer sites com muito mais recursos usando serviços como o WordPress.com ou o Posterous.com
Outra forma é você contratar um hospedeiro para hospedar seu próprio domínio. Falo um pouco sobre registro de domínio nesse post: http://i4b.com.br/2008/06/29/como-criar-um-site/
Mantenho uma lista de hospedeiros nesse endereço: http://delicious.com/roney/hospedeiros
Na lista tem até hospedeiros gratuitos e nesse caso você só pagaria o registro anual do domínio conforme explico no link anterior.
Espero que isso quebre um galho, mas sempre vou sugerir fortemente NÃO fazer um site em HTML que é uma tecnologia que começou a se tornar obsoleta tem quase 10 anos.
Obrigado XD
Cara gostei muito do teu post vc é fera vlw.
Eu queria saber como eu hospedo o site, eu acabei de fazer um seguindo esses dois vídeos, mas não sei como hospedá-lo.
Parabéns pela sua videoaula, muito bem clara e explicativa, fiquei somente com uma dúvida no primeiro passo referente ao logo a imagem é em que extensão?
Pode ser em qualquer formato suportado pelos navegadores: jpg, gif e png são os mais usados atualmente pois resultam em arquivos menores com o mesmo tamanho.
Amigo suas aulas me ajudaram muito eu só precisava criar um site com unica paginas para que eu pudesse publicar minhas html criado por um programa que eu uso muito obrigado um grande abraço que Deus te abençoe !
estou construindo um site , muito legal sua dica.
vc poderia me enformar + ou decorrer da construção?
Muito boa publicação, um artigo para aqueles que realmente querem dar um ponta pé, criando site profissional;