Curso de HTML e CSS para iniciantes - Aula 1

  • Publicado em: 06/03/2014
  • Categoria(s)HTML e CSS
  • Autor: Ricardo Bernardi
  • Newsletter: Inscreva-se

Pronto para iniciar mais um curso 100% gratuito com a qualidade RBtech? Então prepare-se para aprender HTML e CSS de uma forma espetacular!

Neste curso eu vou empregar muitas estratégias didáticas já usadas em nosso conteúdo premium, oferecendo assim um curso de alta qualidade a custo ZERO. A proposta é ensinar o essencial sobre HTML e CSS, para que você que pretende iniciar no mundo do desenvolvimento de sites, possa começar sua formação com o pé direito.

Você vai aprender da teoria à prática sobre HTML e CSS, e ao final do curso estará totalmente capacitado à criar sites estáticos utilizando estas linguagens.

Nesta primeira aula vou passar o conceito básico de HTML e mostrar como criar sua primeira página para teste. Com esta página você vai aprender a criar a estrutura mais simples de um documento HTML, definir títulos e também a codificação (charset) para seus documentos.

Assista a aula e não deixe de ajudar a divulgar este curso compartilhando este post com seus amigos nas redes sociais.

Mais posts desta série

Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.

Compartilhe esse post:

Sobre o autor

Ricardo Bernardi

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.

Comentários

Atualmente temos 74 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Carla comentou em

    Olá Prezados fiz o curso completo de HTML e CSS fiz as práticas inclusive. Gostaria de ver com vcs a possibilidade de um certificado por gentileza, ou qualquer outra coisa só pra formalizar o curso e colocar no meu curriculum. Obrigada

    Responder
      • Carla comentou em

        Prezado Ricardo, compreendo sua posição. Uma pena não ter nenhuma avaliação para obter um certificado. Pois o conteúdo é bastante enriquecedor e extenso, o certificado e meramente um papel o conhecimento é tudo. Mas ajuda muito pra quem esta começando na área. Obrigada mesmo assim.

        Responder
  • José comentou em

    Gostei do mini curso de HTML e CSS.

    Sou formado tb em análise de sistema mas trabalho na área de serviços.

    Meu trabalho foi de conclusão do curso foi o desenvolvimento de uma pequena aplicação web utilizando PHP, conhecia muito pouco sobre este último na época. foi buscando na unha. depois fiz um pequeno curso sobre PHP no SENAC.

    Li bastante na época mas como ficou sem aplicar e trabalhando em outra área acabou ficando tudo pra traz.

    Estou retomando com o intuído de refazer o site da empresa.

    Parabéns pelo seu curso.

    Abraço.

    Responder
  • davi1 comentou em

    Eu também fiz o curso de php e configurei o sendmail do jeito que está na aula de dados via get ou post mais assim mesmo não chega nada no meu e-mail

    Responder
    • Conforme aula do PHP onde isso é mostrado você tem que identificar onde está o problema, se o envio do email foi feito corretamente, ou seja, se printou uma mensagem de sucesso na sua tela então o problema está no seu email (pode estar indo pro spam, pode não estar aceitando o recebimento desse tipo de mensagem por parte do seu provedor, etc). Agora se printou uma mensagem de erro é porque o sendmail não está configurado corretamente conforme o que seu provedor de email exige para envio.
      Alguns provedores não aceitam esse tipo de configuração para envio via máquina local, é raro mas acontece.

      Responder
  • davi1 comentou em

    Criei Meu Site Em Html Depois Criei Banco de Dados Após o Site Criado Tentei Inserir No Site Eu Envio As Coisas Para Teste Mas Não Aparece No Meu E-mail

    Responder
  • davi1 comentou em

    Gostaria De Saber Como Colocar PHP Dentro De Html Para Receber Emails Dos Meus Clientes Que Se Cadastrarem No Meu Site

    Responder
    • Olá Davi, temos um curso gratuito de PHP para iniciantes aqui no site, lá eu mostro como enviar formulários com PHP através do seu site.
      Se quiser ir mais além sugiro também o curso de Codeigniter (também grauito), onde mostro várias formas de interação com banco de dados.

      Responder
  • elderfilho comentou em

    Ricardo.
    O link do html para o css não funcionou. Estou falando da aula 8 do curso html e css.
    Já refiz duas vezes.
    Quando mando inspecionar vejo que o html não mudou. Parece que nâo vê o link. também não dá mensagem de erro.
    Estou usando o sublime text 3 e o crome. Os arquivos estão dentro da mesma pasta.
    Fiz passo a passo.
    O que poderia ser?
    Obrigado
    Elder

    Responder
    • É só seguir conforme mostrado em aula, se os caminhos para os arquivos estiverem corretos tem que funcionar. Única coisa que pode acontecer é o cache do navegador impedir a mudança nos arquivos (raramente acontece isso), nesse caso você precisa forçar a atualização do cache usando CTRL + F5.
      Se não estiver funcionando é porque:
      1- O caminho para o arquivo está incorreto.
      2- Os arquivos estão sem permissão de acesso.

      Responder
      • Elder comentou em

        Oi Ricardo. Muito obrigado.
        Olhe funcionou. Não sei o que fiz, Mas está funcionando.
        Forte abraço
        Elder

        Responder
  • Tiago de Cassio comentou em

    Ola bom dia , gostaria de saber se e possível baixar o curso de HTML , CSS para iniciantes , e se acaso ele vem junto com algunsmaterial em PDF de cada aula, e se pra isso tenho que fazer algum cadastro no site..

    Responder
    • HTML é uma linguagem de marcação conforme explicado e mostrado no curso, tudo que "couber" em uma página HTML pode ser feito, o limite é sua imaginação. Porém estamos falando de uma linguagem de marcação e não programação, o que é necessário para desenvolvimento de software.

      Responder
  • Ivan Rocha comentou em

    Ola eu estou revisando as aulas e não encontro mais a parte que o index.html e transformado em index.php e o site é desmembrado, como por exemplo: a parte ultima noticias, noticias.php, Obrigado!

    Responder
  • Victor Carvalho comentou em

    Queria saber como fazer um layout responsivo pro tipo de site feito nas ultimas aulas do curso... tentei de tudo mas até agr não consegui fazer muita coisa.

    Responder
  • Fernando Cassimiro comentou em

    Ricardo Boa Noite !

    Você já pensou em oferecer um certificado em seus cursos ?? Faço Analise de Sistemas e preciso de realizar cursos extracurriculares e para comprovar junto a minha instituição precisaria do certificado. Estaria disposto ate a pagar o por isso se fosse necessário. Suas aulas tem alto nível de qualidade, Parabéns por isso. Agradeço muito a oportunidade de aprendizado.

    Att,
    Fernando Cassimiro de Macedo

    Responder
      • Luana nunes comentou em

        Exatamente oque pensei, A suas aulas são excelentes... comecei a cursar marketing eu cai de paraquedas neste curso de graduação e estou gostando, por isso preciso aprender tudo oque for possível, estou fazendo o máximo de cursos que posso na área para ganhar conhecimento e expor em meu currículo, acredito que se pensar nesta possibilidade pode se dar bem, alguns sites dão o curso gratuito e liberam um certificado digital mesmo, nem é trabalhoso, somente para podermos provar que buscamos o conhecimento e aprendemos em algum lugar, ainda mais, como você é muito bom nisso.. poderia ganhar indicações ou liberar o certificado fazendo com que as pessoas compartilhem sua pagina para liberar o acesso ganhando mais visibilidade, e deixando comentários sobre o seu curso esse feedback é essencial para caso você queira gerar mais trafego em sua página, eu Iria Amar

        Responder
  • Lucas comentou em

    Hey!

    Estou preste a concluir o curso, mas como dito na primeira aula, este é apenas o básico para entender os conceitos e aplicações de HTML e CSS, Mas fico em dúvida de qual é o próximo passo que terei que tomar, quero me tornar um desenvolvedor de sites profissionais, e quero criar serviços de qualidades, mas vejo que estou sem rumo. Se possível responder este comentário com dicas numa ordem de quais próximos passos devo tomar, ficaria muito grato. Acredito que muitos que assistiram ao curso ficaram com esta mesma dúvida!

    Responder
  • oi ricardo tb, e o sequinte. estou na aula 13, estou fazendo tudo certinho mais e normalize.css e o estilo.css da erro. ja procurei o problema mais nao estou achando o que que eu faço eu estou usando ++

    Responder
  • Ronald Matos Calixto comentou em

    Parabéns! Ótimo conteúdo! Estou utilizando seus videos junto com o conteúdo da faculdade.

    Responder
  • Marinaldo comentou em

    Olá!! As aulas são muito boas. Tentei baixar as imagens da aula 13 mas parece que não estão mais no 4shared. Dá pra colocar lá de novo?

    Responder
  • miltinhosk8 comentou em

    tenho um trabalho na faculdade para fazer uma loja online e nao sei nada de php e mysql
    voce tem algumas aulas que pode me ajudar?

    Responder
  • miltinhosk8 comentou em

    como eu faço um nemu dropdown com esse modelo.. voce tem exemplos de como fazer uma loja online ?

    Responder
  • ivan vieira comentou em

    Eu como iniciante em html e css curso gratuito no total de 15 aulas rb tech, gostaria de saber assim que eu terminar estes 2 cursos citados qual o outro eu poderia fazer na sequencia para melhorar o meu desenvolvimento , e como faço para adquiri-lo

    Responder
  • Luana Barros comentou em

    Adorei o modo como você ensina Ricardo. Estava pensando em fazer aulas particulares, mas pra quê? Se existe um canal tão maravilhoso como o seu! Continue postando, beijos!

    Responder
  • Renan Martin comentou em

    Ricardo assisti o curso até o final e gostei muito, mais uma vez, meus parabéns. A minha duvida é, o sistema de grids que você utilizou para criação do projeto final é uma base para quem está iniciando, ou posso utiliza-lo para criar sites para empresas?

    Responder
    • É um sistema simples criado apenas para fins didáticos para mostrar como funciona um sistema de grid, para uso em produção aconselho que busque uma solução mais completa, como um framework, por exemplo.

      Responder
  • Lucas comentou em

    Ola gostaria de tirar uma duvida, na aula 05 vc colocou a importancia de não se usar a tag h1 mais de uma vez na mesma página, ja na aula 06, vc deu exemplo da estruturação básica de uma página, mas com exemplos com mais de uma tag h1 na mesma página, gostaria de saber se no caso da divisão de setores da página assim eu poderia utilizar mais de uma tag h1, sem ser penalizado nas buscas pelo google?

    Responder
  • Jeferson Ferreira comentou em

    Parabéns pela iniciativa. Eu estou fazendo um curso tecnico e essas aulas me ajudaram muito a me decidir sobre qual área vou seguir.

    Responder
  • Luiz Rogerio comentou em

    Olá Ricardo, gostei muito das suas aulas muito bem explicadas, muito legal mesmo para iniciantes como eu em HTML parabéns pela sua iniciativa, mas queria saber sobre as aulas de CSS pois quero aprender a customizar minha pagina futuramente, rsrs!

    Responder
  • Michel Lima comentou em

    Ótimo, gostei muito Ricardo. Gostaria de saber se haverá curso de JavaScript e PHP também.

    Responder
  • ventura comentou em

    Ainda não comecei mas tenho certeza que tirarei proveito imediato. Aliás, isto é o diferencial da RBtech, assista as aulas e empregue imediatamente.... Parabéns.

    André Ventura

    Responder
  • Natália comentou em

    Parabéns pela iniciativa, estava sentindo falta de aulas como esta. Você pretende criar cursos de HTMl5 e CSS3 futuramente? Estarei aguardando, no mais sucesso e continue assim, trazendo conteúdos de qualidade e com boa didática!

    Responder
  • Carlos Alexandre Zancki Encine comentou em

    Muito bom o vídeo como sempre vai ser útil para mim reforçar meu conhecimento do html, pois como tenho focado muito no php acabo esquecendo algumas coisas

    Responder
  • Whitw comentou em

    Parabens
    Aproveitando o ensejo, estou editando um site e quando publiquei ele deu um erro no layalt, vou assistir o curso todo.
    Voltarei para deixar o link, tenho certeza que vai ser util a todos.
    Vibro pelo seu secesso.

    Responder
  • felipemantoan comentou em

    Praticamente nostálgico, porém, se faz necessário (como abordado no último video).

    Responder

Deixe seu comentário