Curso de HTML e CSS
Publicado em 7 de agosto de 2011 | Por Rick Bauck
Categoria: Cursos | 34.646 views
Bem-Vindos ao curso de HTML e CSS do portal iConectado, este curso é indicado a todos que querem aprender a criar sites usando HTML, criar temas para WordPress, etc. No curso vamos mostrar do básico ao avançado, em três projetos, vamos mostrar também tags HTML, propriedades do CSS e como trabalhar com HTML e CSS.
Por que Aprender HTML e CSS?
Aprender HTML é indispensável para quem deseja se tornar um Web Designer ou Programador. O Web Designer utiliza o HTML e CSS para diagramar e formatar seus projetos e o Programador para construir formulários, tabelas, etc.
Preciso Aprender HTML e XHTML para aprender HTML5?
É muito importante você aprender o HTML e XHTML antes de aprender HTML5, no geral o HTML5 apresenta novas tags, quem já tem um conhecimento de HTML e XHTML aprende facilmente o HTML5.
O Curso de HTML e CSS
O Curso é apresentado em vídeo aulas publicadas no portal e em nosso canal no YouTube. Todo o conteúdo do curso é gratuito, não é necessário cadastro ou pagamento.
Preciso de Uma Hospedagem e Domínio Para As Aulas?
Para acompanhar as aulas não é necessário hospedagem e domínio, porém ao fim do curso, se você desejar já pode publicar o site criado, pois vamos mostrar como desenvolver sites completos! Como dica de hospedagem, indico o iConectado Host – O Site de hospedagem do iConectado!
Autor
Sou Ricardo (Rick 
), trabalho com HTML e CSS a mais de 6 anos, durante este tempo aprendi como desenvolver sites seguindo os padrões web e compatíveis com todos os navegadores, espero poder passar a todos um pouco de minha experiência e mostrar como criar sites pessoais e para clientes.
Apostilas
Estou publicando apostilas no portal, selecionei um material muito bom para o curso e também apostilas de qualidade que eu recomendo todos que estão começando a aprender HTML e CSS lerem. Todas as apostilas são disponibilizadas na Internet gratuitamente e os créditos dos autores originais foram mantidos.
Participe do Curso
Participe do curso gratuito de HTML e CSS, deixe comentários, dicas, sugestões, tire duvidas e ajude-nos a melhorar o curso!
Vídeo Aula HTML e CSS
Capítulo 1: Introdução
- Aula 1 – Introdução
- Aula 2 – Download Dreamweaver CS5.5
- Aula 3 – Download e Instalação Notepad++
- Aula 4 – Apostilas
Capítulo 2: HTML
- Aula 5 – Tags
- Aula 6 – Oque é DOCTYPE
- Aula 7 - Como Criar Links em HTML
- Aula 8 – Como Colocar Imagens em Páginas HTML
Trabalhando com CSS
- Aula 9 – Como Inserir o Arquivo .CSS Em Uma Página HTML
- Aula 10 – Seletores, Propriedades e Valores CSS
- Aula 11 – Os Seletores CSS
- Aula 12 – Como Trabalhar Com Background No CSS
- Aula 13 – Como Trabalhar Com a Propriedade Font Do CSS
- Aula 14 – Como Trabalhar Com a Propriedade Text Do CSS
- Aula 15 – Como Trabalhar Com a Propriedade Margin do CSS
- Aula 16 – Como Trabalhar Com a Propriedade Padding do CSS
- Aula 17 – Como Trabalhar Com Float e Clear
- Aula 18 – Como Trabalhar Com a Propriedade Position
- Aula 19 – Como Trabalhar Com Width e Height
- Aula 20 – Como Trabalhar Com a Propriedade Border
Criando Com HTML e CSS
- Aula 21 – Como Formatar Textos
- Aula 22 – Como Trabalhar Com DIVs
- Aula 23 – Como Criar Listas
- Aula 24 – Como Criar Um Menu Com HTML e CSS
- Aula 25 - Como Criar Um Menu Com HTML CSS e Imagens
Formulários
- Aula 26 – Tag Form
- Aula 27 – Tag Input – Textos e Senhas
- Aula 28 – Tag Select
- Aula 29 – Tag Input – Radio
- Aula 30 – Tag Input – Checkbox
- Aula 31 – Tag Fieldset
- Aula 32 – Tag Label
- Aula 33 – Em Breve, aguarde…
Estarei aguardando as video aulas…obrigado
Ainda comeca hj gostaria participar
quando é que voce vai da continuidade nas aulas
de html e css so vi a introduçao fico no aguaqardo.
Olá Reginaldo,
Novas aulas serão postadas já está semana
Olá,gostaria de saber exatamente pra que serve o css,tipo da pra fazer um layout usando somente css+html???
Help!!!!
estarei esperando a resposta
até
Olá Jessica,
O CSS é o responsável por toda a formatação do seu template, como tamanho da fonte, cores, alinhamentos, etc. Você pode montar um site praticamente utilizando só HTML e CSS, somente o formulário de contato teria PHP
Vou mostrar isso no curso também!
vai dar umas dicas de PHP tambem! você é o cara>
obrigado pelas aulas.
Mano muito boa as suas aulas mesmo, obrigado por dividir seu conhecimento!
O curso é muito bom, você explica tudo direitinho. Iniciativa bem legal.
Muito obrigado pelo curso amigo, espero que não desanime. Existem muitos curso pela web a fora que começam e não terminam e muitos outros que não tem nem mesmo uma relevância prática muito grande, estou assistindo as suas aulas e gostei muito, continue assim que seus visitantes continuaram voltando ao site
Sou estudante do curso de sistema de informação e ainda não escolhi em que área vou atuar mas tenho gostado e muito dessa área de web designer e tenho estudado o assunto e cada dia mais me aprofundando acabei de ver esse cursos de vocês e pelo que vi é muito interessante e pretendo acompanhar ele até o final.Muito obrigado amigo por disponibilizar seu tempo e seu site para nos ensinar pois um curso desses não é barato e eu pelo menos não tenho condições de fazer enquanto estou na faculdade, que DEUS abençoe você e pode ter certeza que estarei sempre orando para que DEUS te ilumine e te de sabedoria para ministrar aqui mais e mais cursos…O MEU MUITO OBRIGADO PARCEIRO
Abraço.
Estou gostando muito das aulas de html, css e fireworks, faço curso técnico em informática e com suas vídeo aulas estou aprendendo muito mais do que no meu curso.
Muito bom para explicar… vou continuar fazendo essas video aulas ate o fim…valeu…
Obrigado pela visita e comentário Renato!
Parabéns suas aulas são bem explicadas.
Estou aprendendo bastante.
Um forte abraço.
Obrigado pela visita e comentário Clovis!
Cara, as aulas estão muito boas. Estou esperando as novas aulas. Parabéns!!
Muito obrigado por comentar Cristiano, acredito que ainda hoje post mais 2 aulas de HTML e CSS. Abraço!
Cara, parabéns pela iniciativa!
Li vários tutoriais já pela internet e nenhum me explicou tão bem quanto o seu. No Aguardo das últimas aulas, e muito obrigado por compartilhar seu conhecimento conosco!
Abraços e sucesso!
God Bless!
Obrigado Matheus, faço votos que você tenha um excelente aprendizado!
Olá Rick, rapaz adorei suas aulas. Aguardo ancioso pelas aulas 21, 22 e 23 que alias já estão atrasadas. kkkkk
Estão mesmo João. Serão postadas em breve, obrigado pela visita e comentário. Abraço!
Gostei muito e estou no aguardo das proximas aulas. Estarei estudando os outros cursos também. Parabéns pela iniciativa e obrigada por nos proporcionar esta oportunidade.
Olá Marilene, Obrigado pela visita e comentário
Rick, estou fazendo as aulas de WordPress e Html/CSS e são excelentes. Obrigado pela disposição em passar conhecimento. Cada aula melhor que a outra. Não consegui acessar as aulas 21/22 e 23 de Html, tem previsão para elas?
obrigado.
Obrigado André. Essas aulas serão publicadas em breve
Video-aulas muito boas. Estou aprendendo muito, estou esperando novas video-aulas. Parabéns !
Obrigado Veronica. Bom aprendizado!
Olá, gostaria de saber se a aula 22 em diante já está online?
obrigada.
Olá Young, serão postadas na próxima semana. Abraço!
Olá Rick,
Muito boas mesmo suas vídeo aulas. Aprendi muito com elas. Sou iniciante e aguardo as próximas. Enquanto isso vou praticar bastante.
[]‘s
Obrigado Moisés. Não próxima semana, muitas vídeo aulas. Abraço!
Cara muito muito muito bom seu site…numca encontrei um sinte tão organizado como o seu ta de parabéns..video aulas orgaizadas muito bom..
Olá Israel, Obrigado
Bom Aprendizado!
Só falta uma agora, poderia confeccionar alguns diplomas heim kkkkkkkkk brincadeirinha, excelentes video aulas, parabéns =)
Verdade Bethe, rsrsrs
Obrigado pela visita e comentário. Abraço!
Olá, Rick!
Parabéns pelas video-aulas! São ótimas! Que Deus te abençoe cada vez mais por compartilhar conhecimento! Um abraço!
Obrigado Sidnei, bom aprendizado!
muito bacana a iniciativa suas videos aulas são realmente show de bola. aguardo as de photoshop.
Abraços!
Obrigado pelo comentário e visita, Abraço!
Nossa Valeu, estou fazendo um curso de Html e estava muito confusa,na ansia de esclarecer minhas duvidas, encontrei vocês, estou muito feliz, pois voce ensina com uma clareza que é impossível não entender. Obrigado!
Olá Maria, obrigado por comentar, faço votos que você tenha um excelente aprendizado. Abraço!
Você tem proporcionado a muitos, uma opção em poder trabalhar com a web. Pessoas que, talvez, não tivessem a possibilidade de investir dinheiro com um aprendizado de alto nível, como é o que aqui é dado de graça!!!!! . . . com certeza, muitos lembrarão do teu nome quando estiverem trabalhando com o conhecimento aqui adquirido. Parabéns!!!!! Deus te abençõe!!!!
Obrigado pelo comentário Welber, Abraço!
Quero te parabenizar pela iniciativa de criar um site tão útil e bem elaborado, para nós que gostamos de aprender coisas novas.
Valeu!!!
Obrigado pelo seu comentário Cristian, desejo um excelente aprendizado a você. Abraço!
Terá novas aulas Rick ?
E se possível terá um projeto final, por exemplo uma criação de um site desdo inicio só com HTML e CSS mesmo, pra dar um exemplo pra galera!
Parabéns pela iniciativa, abraço!
Olá Lucas, novas aulas ainda esta semana, o projeto final sera mostrado mais adiante no curso. Abraço!
Boaaa! valeu e parabéns novamente.
Olá Rick! Parabéns pelas aulas, estou curtindo muito! As próximas irão sair? Estou no aguardo! Um abraço.
Olá Pablo, irão sair sim, ainda nesse fim de semana estarei postando novos vídeos. Abraço!
Bom dia Rick,
Nossa as videos aulas estão otimas, foi passado base por base para uma fixação do conhecimento.
Gostaria de saber quando estará disponivel o restante das aulas?
Desde já parabens pelo curso. Está muito bem explicado.
Olá Jefferson, serão postadas ainda essa semana, Abraço!
quando é que voce vai da continuidade nas aulas
de html e css, são muito boa a sua aulas!!! parabens!!!!
Olá Jardel, novas aulas toda semana, assine o nosso Feed e as receba por E-Mail. Abraço!
E ae Rick, muito boa as ultimas video aulas, gostaria de saber se o curso vai parar por aqui, ou se você vai continuar, vai colocar algum projeto para fazer ?
Abraço, e parabéns !
Olá Jefferson, o curso não acabou, em breve novas vídeo aulas. Abraço!
muito bom as aulas , bem explicado.. estou no aguardo da próxima aula
Obrigado Freddie, novas aula ainda essa semana. Abraço!
e ae rick queria saber se o curso acabou ou ainda vai ter continuidade
Olá Leonardo, o curso não acabou, novas aula essa semana. Abraço!
Olá Rick, o curso realmente está muito bom(ainda estou nas primeiras aulas)…
Porém no curso você ultiliza um software da Adobe, e eu sou usuário linux… Tem alguma recomendação pro pessoal da comunidade livre?
Aguardo resposta,
E mais uma vez parabéns pelo curso, é de grande ajuda…
Olá Lucas, um editor HTML que recomendo para o Linux é o Quanta Plus, pois já utilizei e gostei. Abraço!
eai ricki ai velho seu site é de mais….cara quero te dizer que o curso de xhtml e css cara to ficano pirado velho,tenho dificuldades tags…pq estou trabalhando com o notepad++ e ta um poco complicado cara…mais tenho serteza de com algumas praticas eu aprendo….e queria te fazer uma pergunta queria ser um web designer mais tenho uma duvida!tem como criar um site usando só a linguagem html sem usar css?espero sua resposta vlw…tudo de bom!!!!
Olá Gabriel, é possível criar um site apenas com HTML, mas hoje isso é mais difícil, o CSS é indispensável em um site. Se você deseja realmente ser um Web Designer estude muito HTML e CSS, são duas linguagens excelentes e fáceis. É necessário apenas um pouco de treino. Abraço!
Otimo curso, para bens pelo trabalho
Obrigado Geovan, Abraço!
Otimo curso, parabens pelo trabalho espero mas video aulas ja estou cansado de tentar editar templastes de outros blogs e quero criar o meu.
Valeu.
Obrigado Geovan, em breve estarei lançando o segundo curso de WordPress. Abraço!
Como colocar comentarios no html?
Olá Nicollas, utilize o código . Abraço!
olá rick sou eu dinovo.estou bem melhor do que antes,agora estou usando o dreamweaver cs5.5.mais tive outro obstaculo,meus textos estão mudando na pagina,as letras que tem acentos(á,ç,etc…)estão mudando.tem alguma tag que arrume os textos?espero sua resposta abraço.
Olá Gabriel, certifique-se que no header da página esteja a tag meta com o charset=utf-8. Abraço!
obrigado rick.vc esta me ajudando muito em relação ao html e css,seu site esta otimo…tudo q estou aprendendo escrevo em um caderno,para que quando eu esqueça ou tenha duvida,eu ja tenho tudo escrito,serve bendize como uma apostila….rick te mandei um convite no face vc me aceito sou o gabriel falconi,ta dificil mais espero te encontrar um dia online…enfim seu site é otimo,abraçao e vlw pela ajuda com a tag meta no header…vlw abraços.
Parabéns e sucesso!!!
são quantas aulas este curso? e terá algum projeto final?
Estou gostando muito dos conteúdos das aulas, muito bom mesmo…Parabéns!!!
Cadê a aula 31?
Olá Hamilton, ainda está semana novas vídeo aulas no curso. Obrigado e abraço!
Ola Rick, suas aulas são fantásticas, sou iniciante na área de web e tenho aprendido muito nestas vídeo aulas, gostaria de saber quando você vai postar a aula 32 de HTML e CSS, estou ansioso para aprender mais.
Muito obrigado,
Marcio Leopoldino.
Obrigado Marcio, a aula já está disponível. Abraço!
Oi Rick, tudo bem? Na verdade errei na hora de digitar, mas a aula que gostaria de saber quando será publicada é a 33 e não a 32.
Grato,
Marcio Leopoldino.
Finalmente encontrei uma base para meus estudos. Muito obrigado pelas aulas e sucesso.
Obrigado Andrey, bom aprendizado!
Cara suas aulas são fantásticas e estou aprendendo muiiiito com elas. Gostaria de saber quando será dada continuidade as suas aulas de HTML e CSS, pois só vi postadas até a aula 32. Parabéns pela excelente qualidade de ensino e vídeos.
Obrigado, Julio. Em breve novas vídeo aulas. Abraço!
cara .. gostei pacas do seu trabalho ..
muitos tentam sucesso nakilo q fazem, mas parceiro, vc conseguiu …
meus parabéns !!
continue fazendo esse bom trabalho q vc faz, ajudando a muitas pessoas, como por exemplo a mim !!
P.S. : se puder me add ai no email !!
vlw cara ..
brigadão ..
abraços ^^
Obrigado Gil. Abraço!
Por nada man ^^
Primeiro, parabéns pelos cursos, estou terminando meu curso de WordPress e achei muito boa a tua didática.
Iniciarei as vídeo aulas de HTML e CSS, e queria saber se há alguma previsão ou intenção de aulas de HTML5.
Mais uma vez, parabéns!
Obrigado, Marlon. Tenho intenção de lançar um curso de HTML 5, mas ainda sem previsão. Abraço!
Cara .. se vou pagar seu host .. achei mt barato .. tb vou continuar vendo suas aulas .. ñ tem melhor iniciativa do que essa .. Ricardo né ?? kk
Está de Parabéns !!
Obrigado, Vitor. Bom aprendizado e bem-vindo ao iConectado Host. Abraço!
Olá gostaria de saber como faço para baixar as apostilas dos cursos. Desde já obriado.
Um abraço,
Mauricio Filho
É só acessar o post e clicar em “Download”, Mauricio. Abraço!
Olá Rick Bauck, Parabéns pelo teu site, muito bom mesmo, comecei a assistir as vídeo aulas de HTML e CSS são muito boas mesmo, mas você não postou mais as vídeo aulas, queria saber se você vai continuar?
Parabéns e Abraço!
Tem mais 2 aulas no curso. Postarei na próxima semana. Abraço!
Ola Rick, tudo bem?
Acompanho todos os seus cursos, acho fantástica a forma simples como você ministra as aulas, fica muito fácil de aprender. Gostaria de saber quando teremos novas aulas dos cursos de Fireworks e HTML.
Grande abraço!
Marcio Leopoldino.
Olá Rick,
Cara suas aulas em HTML continuarão? Estou aprendendo muito com você
Um abraço
Continuarão sim, Rodrigo. Abraço!
muito bom tuas dicas,… como faço pra colocar musica em um site html/css?
com botão liga desliga
Rafael, no momento isso só é possível no HTML5. no HTML e XHTML você precisa utilizar um player de terceiros. Abraço!
Vlw ai pelas videos aulas, são muito interessante, estou pretendendo atuar na área de Web Designer, Designer Gráfico e quem sabe e-Commerce, estou fazendo curso Técnico em T.I, estou na aula de html, ainda vou passar pro CSS, mas na net tava procurando algo que pudesse adiantar meus conhecimentos para não estar enganchado e com dificuldade em algo, o Curso é bem explicado e bastante interessante.
Obrigado, Nadson. Faço votos que você tenha um excelente aprendizado. Abraço!
parabéns. Estou curtindo bastante as aulas, muito bom seu trabalho.
Eu gostaria de saber quando sera lançadas as novas aulas.
parei na aula 32 e fiquei impolgado, quero muito terminar o curso.
desde ja agradeço
Obrigado, Leone. Bom Aprendizado!
Muito bom mesmo!
E não rola PHP?
Manuella, curso de PHP ainda vai demorar um pouquinho, mas pretendo lançar, sem duvida. Abraço!
Fala Rick, tudo bem?
Estou montando um layout no photoshop para depois montá-lo no html e css. Qual a resolução/formato de tela que devo criar? Ou a mais indicada…
Obrigado pelos vídeos, abraços.