Na aula de hoje vamos criar toda estrutura do site utilizando HTML, isso quer dizer que hoje iremos inserir o conteúdo do site para posteriormente fazer a estilização via CSS. Para quem fez a lição de casa, será hora também de conferir se o que você criou está de acordo com o projeto ou não.
Boa aula à todos!
Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.
Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.
Atualmente temos 19 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.
Observe o que acontece quando você usa e identifique situações onde eles são necessários.
ResponderBoa Tarde Ricardo.
Gostaria de saber como converter imagens para o formato correto para colocar em um site. Gostei muito do curso e aprendi muito, mas só não entendi como faz essa parte da imagem. Agradeço desde já a sua resposta.
Existem softwares para manipulação de imagens, como o Fireworks e o Photoshop que fazem esse trabalho. Alternativamente você pode buscar alguma outra solução gratuita e mais simples para isso.
ResponderOlá Rodrigo, muito boas suas aulas.
Estou gostando do curso, acompanho desde o início.
Porem nessa aula, eu não conseguir fazer com a imagem aparecer, uma vez que eu usei o img/ como você pediu.
Pode me ajudar?
Desde já agradeço.
Abraço!
pô ensinou da maneira mais dificil, rsrsrsrs
Mas foi excellente
gratidão
Estou com o mesmo problema, estou a dois dias revendo e refazendo todo os dois códigos. HTML e CSS. Mas mesmo assim, continua tudo a esquerda.
Já verifiquei se está lincando certo, e está, mas os itens não estão flutuando.
Obrigado desde já!
Boa tarde,
fiz exatamente o mesmo codigo que o seu, porem meu texto aparece totalmente alinhado a esquerda, o que será que esta acontecendo?
Valeeu!
ResponderDê uma revisada, possivelmente há alguma divergência no código em relação ao que é mostrado na aula.
ResponderOlá Ricardo, Párabéns pelo trabalho, conheci seus curso pelo youtube e gostei muito, espero que daqui algum tempo me torne premiun,
e por incrivel que parece estou com o mesmo problemas que os demais, o meu na parte ( últimas noticias) está do lado esquerdo e não do lado direito, e o meu Menu ele fica uma em cima da outra.
ResponderEai Ricardo, estou começando por suas video aulas e estou com o mesmo problema do "Arthur Schumaher ", no coluna Ultimas Noticias ela nao fica na mesma coluna do outro... ele fica em baixo no canto esquerdo... e o código ta igual ao que vc faz na video aula.... gostaria de uma resposta pra tirar minha dúvida. Obrigado Valeew aew....
Responderestou com o mesmo problema,refiz varias e varias vezes e nada, mesmo revendo a aula, existe um jeito de resolver?
ResponderEu entendi todas as aulas até chegar nesta onde eu assisti pausando várias vezes pra tentar acompanhar e entender... e mesmo assim me faltou inteligência... ou de fato não consegui captar a mágica da coisa.
Na aula 6 deste curso você explica o uso dos elementos do HTML 5 - nav, header, section, article e footer... pois bem... não entendi como funcionou esse elementos... pois no exercício da aula 13 eu montei totalmente errado... não consigo imagina a lógica sequencial... por exemplo quando o elemento está dentro da div ou quando está fora...
o article nem foi utilizado...
não consegui entender muito bem essa estrutura...
ResponderSugiro então que reveja a aula sobre os elementos HTML 5, pois nela eu explico o uso de cada um deles. Quanto ao uso do ARTICLE, não o fizemos pois não temos nenhuma publicação no nosso site de exemplo, como um post de blog, por exemplo.
ResponderOlá, Ricardo estou usando seu curso para aprender HTML e CSS e na aula 14 eu copiei o código e revisei dezenas de vezes e a partir da parte "Últimas notícias" achei um problema, nosso código está igual mas o seu fica no layout e o meu alinhado a esquerda, ficarei grato se conseguir me esclarecer essa dúvida.
ResponderRealmente demais as aulas, agradeço ! Estou sofrendo um pouco com o entendimento das class nas DIV e também sobre a montagem do layout com 12 colunas com parte do conteúdo mesmo antes de estilizar, mas acredito que se rever o curso e treinar logo devo entender. Muito obrigado pelo esforço em oferecer estas ótimas aulas!
ResponderMuito bom obrigado pela disposição desse conteúdo.
na próxima aula poderia colocar uma explicação sobre o css sprite ?para disposição do menu?
desde de já obrigado.
As video-aulas estão muito boas, estarei aguardando o próximo video de html e css.
Valeu e muito obrigado!
"Como o Ricardo cria divs automaticamente, usando .nome_da_classe ou #nome_do_id?"
R:. Ele usa o plugin, Emmet. Altamente recomendo para desenvolvedores que já conheçam html e css.
"Como baixar?"
R:. http://dev.rbtech.info/como-instalar-o-emmet-no-aptana-studio/
"Como usar?"
http://dev.rbtech.info/emmet-escreva-html-como-um-ninja/
Pronto! Agora você é um ninja escrevendo HTML!
Responder
© 2008-2018 - RBTech.info | Todos os direitos reservados | Hospedado por Innova Host
É proibida a reprodução total ou parcial de qualquer conteúdo deste site.
Ricardo, como saber quando devo ou não utilizar o padding ou o marcador?