Curso de HTML e CSS para iniciantes - Aula 9

[@RBtechinfo]

Pessoal, talvez não tenha ficado claro o suficiente no vídeo, o que não pode é ter mais de um ID com o mesmo nome em uma página.

[@otaviogalvaomartins167]

Meu computador não consegue fazer um arquivo CSS, não sei o que ele tem porque não da certo ja tentei de tudo até ver todas as aulas desde o inicio.

[@GuiBFH]

começou a complicar essa aula kkkk mas esse ano meu foco vai ser aprender html css e javascript

[@jakssonfelipereis6919]

Não funciona a no meu conteúdo html. Já fiz varias modificações Gostaria de enviar o arquivo, para que avaliasse por gentileza. Quero muito entender meu erro.

[@reishue8890]

putz, só em 2020 vc falou isso kkkk

[@pescipesci3301]

HTML já aprendi, só complicou agora no CSS kkk

[@gersonlucas51]

desativei o Addblock do meu navegador pra ver seus videos, por que você merece cada centavo que esses anúncios te dão!! Parabéns, essas aulas são nota 10

[@RBtechinfo]

+Gerson Lucas valeu! É uma pena que sejam centavos mesmo... tá osso viver de conteúdo atualmente...

[@gersonlucas51]

+RBtech verdade, mas aos poucos você vai conquistando o que merece! abraço, sucesso pra você

[@10leonardofs]

Acabei de fazer o mesmo! O seu ensinamento tem sido mais que útil para mim. Continue nessa, meu amigo! Sucesso para toda a galera do RBtech. Deus abençoe a todos!

[@gutemberg8038]

Muito bom

[@leoyoung749]

você tá certo, fiz o mesmo agora mesmo

[@swwanted]

19:11 - Pessoal que estão a ter problema com o hover lêem isso(fazem) A nova versão do Sublime-text não reconhece a palavra hover(por isso não tem a cor verde) Mas o código Funciona correctamente, Fazem isso. " header nav ul li a:hover{ text-decoration: underline; } " GALERA COPIEM ISSO, FUNCIONA!!!

[@matheusagape8174]

[@Mariiquintana]

Aqui ainda não deu :/

[@rodrigoreis3958]

me salvou, valeu mesmo

[@rafaelpereira7559]

brigadão mano

[@gabywitt7963]

Muito Obrigada, ajudou

[@felipeserial]

Alguém fazendo o curso em 2018? Conteúdo continua excelente mesmo depois de alguns anos! Professor mais que recomendado!!!!

[@Tobi1200]

sim

[@apodibola]

Pedro Filho

[@konps]

Sim cara, eu comecei sem saber nada com nada e agr já sei criar um site e personalizar ele

[@ProgamadorWeb]

sim

[@insideburn7751]

Um dos melhores professores que já tive, explica bem detalhado! Quando criar meu site, vai ter um anuncio recomendando você! =D

[@mahumanejr7144]

estava com o mesmo problema depois de ver esses comentarios fiquei mais tranquilizado kkkkkk vlw

[@1spanw1]

Cara tenho que dar pause e comentar que a parte mais legal que eu acho, é quando eu erro e tenho que ler o programa inteiro para entender onde eu errei, quando acho o erro me sinto foda kkkkkkkkk

[@mahumanejr7144]

tmj kkkkkkkkkkkkk

[@codekils]

Imagina eu dois anos depois... kkkkkkkkkkk estou com um nesse exato momento

[@JoaoAntonio-rf6sr]

O dilema é quando você esquece de fechar a tag, ai eu me sinto burro mesmo kkkkk

[@isaiaseduardo129]

Kkkk

[@victorpinasarnault9135]

Pronto, cheguei ao fim dessa aula. Da aula 1 à aula 9 em um dia ( 12h09 - 19h41). Chegar por hoje. Conteúdo básico, mas muito importante. Eu comecei a estudar JavaScript e não entendo como a linguagem e seus frameworks manipulam tags HTML, essa breve introdução dá uma certa indicação. E muito legal mexer com CSS, muito mesmo.

[@marcellodixon4899]

meudeus como voce conseguiu? uma aula eu consigo transformar em 2 hrs de erros e td mais

[@victorpinasarnault9135]

@@marcellodixon4899 eu tenho um ritmo de aprendizado bem lento, fora que gosto de tomar notas, anotar passo a passo, por isso eu demoro. Eu prefiro passar um longo período do tempo estudando, com pausas, do que estudar apenas por duas horas e esquecer de tudo no dia seguinte. Abraços. ;)

[@victorpinasarnault9135]

@@marcellodixon4899 ótimo! Aprenda com seus erros. Boa sorte! ;)

[@nascimento9277]

Cara, vc explica muito bem e não se enrola na hora de falar. Parabéns pelo ótimo conteúdo produzido

[@wagnerric2]

Boa noite caro professor Ricardo e caros colegas alunos quero agradecer a iniciativa da RBtec em postar essas aulas. São muito boas e diretas no meu caso estão ajudando muito pois não tenho conhecimento nessas linguagens. Apenas tenho conhecimento mediano de C. Acredito que essas aulas são um excelente background para cursos avançados que possa oferecer futuramente

[@dark7100]

Mano se ensina muito bem, quem não aprende com você e porque não quer aprender porque quem quer aprender aprende você explica muito bem parabéns, mesmo depois de 5 anos e meio o conteudo e muito bom parabéns!! Eu n consegui aprender direito essa aula refiz a aula e aprendi, so n aprende quem n quer Sabe porque eu acho vc um professor super bom porque vc explica muito bem e de um modo simples, Frase de albert eisten: "Se você não consegue explicar algo de forma simples, você não entendeu suficientemente bem."

[@leonardoleite73]

So ter foco persistencia. Muito legal to gostando muito.

[@manuelbentojoao4337]

O que seria de mim se nao existi-se o RBtech, nao tenho palavras pa mostrar a minha gratidao... continua assim, vc Ricardo irá derrubar montanhas...

[@Cacoeditz]

comentando pra dizer que to aqui marcando presença na aula, valeu aee chefe

[@pedrophillipe]

2

[@Cacoeditz]

@@pedrophillipe e isso ai man vamos estudar!

[@DezinhaNogueira]

apesar de eu estar assistindo vídeo aulas de 2014 em 2021, o conteúdo continua muuuito bom. Gostaria que ensinassem umas aulas de reciclagem e com as novidades do Javascript,Html,Css.

[@sidneimaria9563]

Ricardo! Meus parabéns!!! Muito Obrigado por suas aulas! Excelentes! Sei programar em HTML com o conceito arcaico de tabelas e estava frustrado :) em não saber programação CSS, pensei até em fazer um curso presencial para aprender pelo menos o básico de CSS, no entanto antes resolvi procurar aulas na internet. Graças a Deus encontrei suas aulas, você é o cara e superou as minhas expectativas! Deus te abençoe!!!

[@KodaMuraro]

Eu estava a sofrer na utilização de #wrap, pois nenhuma alteração havia de surgir. Porém, descobri que eu deveria de deixar uma linha em branco acima de #wrap, pois então o efeito surgiria. Muito bom Ricardo.

[@Miche4ll]

É no CSS que a coisa começa a pipocar kkk, mto boa a aula

[@TaviriGamer]

Sim, haja cérebro e memória pra conseguir pegar a manha no CSS

[@ArthurGamer]

pra mim é o mais divertido pois mexe com estilos fontes divs etc

[@ArthurGamer]

o html é cansativo, parece que você está fazendo um trabalho de escola organizado

[@konps]

@@ArthurGamer Mas é aquele cansaço mt bom, aquele que vc quer, aquele no qual eu AMO

[@RafaelSantos-yn8wp]

Quando for aprender php ou javascript ai que se ve a cobra fuma de verdade html e css e muito facil

[@Moisés_S.S]

Sensacional conteudo nota 1000, 28 minutos de video 1 hora de estudos, impossivel nao pausar o video muito conteudo em so uma aula, esta de parabens pelo seu trabalho !!!!!! SHOW

[@Echoes3333]

Pra quem terminou o vídeo sem entender muito, recomendo que vá vendo o que acontece quando cada parte do código é retirada. Assim você relembra o porquê de cada coisa estar lá

[@ANANI1210]

RICARDO TUAS AULAS É SHOW. COMPREENSÍVEIS . NÃO TENHO MAIS MEDOS DE CODIFICAÇÕES... VALEU

[@naturezapesca2266]

Parabéns RBtech pelos conteúdos, estou apreendendo aos poucos e pegando gosto pela ferramenta.

[@jeff_forte]

to fazendo técnico em informatica para internet essas aulas são perfeitas muito bom .... valeu .... abraço !!!!

[@joaopaulopacheco1092]

Muito legal a didática usada. Estou aprendendo bastante

[@brunopinheiro8461]

essa aula foi recheada de conteúdo, vou ter que rever várias vezes o video, muito bom tutorial.

[@Larck6]

sem palavras para a sua explicação melhor que muito professor de faculdade. Hoje em dia uso o Joomla o Drupal ou o Wordpress e com essas aulas vo poder fazer uns templates insanos para esse CMS vlw e continue com esse trabalho maravilhoso

[@gabrielribeiro6448]

Muito bom o seu curso Ricardo, estou acompanhando e gostando bastante. A forma em que você explica facilita demais o aprendizado.

[@wagnerric2]

Boa noite Felipe eu acompanhei esse curso em 2018 o professor Ricardo meu Xara kkk é muito bom

[@VitorVelosoSA]

Estou acompanhando as suas aulas e estou achando fantástico. Parabéns pelo trabalho!

[@macielingracio930]

Aula 9 muito interessante e ótimo aprendizado, parabéns.

[@antoniofernando999]

Estou aprendendo bastante com as suas explicações. obrigado Professor

[@enzoxzeno]

Finalmente consegui entender e fazer junto, tu ensina MUITO BEM!! Obrigado.

[@ProgamadorWeb]

meu css: body{ font-family:helvetica,sans-serif } a.link,a:visited{ color:#ff600; text-decoration: none; } a.hover{ text-decoration: underline; } #wrap{ width: 960px; margin: auto; background: #e3e3e3; padding: 10px 20px; } header nav ul { list-style: none; padding-left: 0px; } header nav ul li{ display: inline-block; margin-right: 10px; } header nav ul li a{ font-size: 18px; } #content{ float: left; width: 660px; } #siderbar{ float: right; width: 300px; } #sidebar{ list-style: none; } footer{ clear: both; } _________________________________________________________________________________________________________________ Meu html >>> Título da Página (Estrutura básica de uma página com HTML 5) Nome do Site Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Título da seção Conteúdo da seção Título do artigo Conteúdo do artigo Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Rodapé do site

[@socramgamers]

muito bom o curso estou acompanhando aula por aula... valeu

[@lukhardman6897]

Muito bom, didática maravilhosa. Obrigado!

[@dayclessy]

Adorando as Aulas!! Me ajudando muito!!

[@edsonlima9061]

amigo obrigado estou aprendendo muito com suas aulas, tenho uma meta de estudar por um ano html e css, para depois estudar outros como python e javascript

[@TheGuilhermeMenezes]

Você manda muito bem! Valeu, cara, que você tenha o devido reconhecimento que merece. Abraços!

[@Fiwiipe]

Parabéns pelos seus videos! Voce tem um verdadeiro dom pra ensinar!

[@eternando]

Cara Muito ótimo *----* explica muito bem, ta de parabéns não se encontra cursos assim!

[@vlogsdozeze]

Sensacional as aulas. Até agora estou indo muito bem mesmo.

[@marisacarvalho9115]

assisti 6 vez cada video estou 10 no assunto

[@igorlangendonck2204]

2019 to aqui ainda rsrsr bom, essa aula não está com continuação da aula 8, ou será q foi cortada?

[@wqeqeqweqewqeqweqweqweqweq3011]

Perfeita aula e explicação como sempre Ricardo, está de parabéns!

[@antoniosantos2728]

boa aula amigo, esta sim, foi uma aula bem mais puxada..... upssss a ver se consigo. Obrigado

[@Lucas-vl1jo]

Agradeço pela aula cara vc manja muito se tiver algo que eu possa fazer pra ajudar...

[@israelsantos3006]

alguém em 2019 ??? mano q conteúdo bom e bem feito

[@pedrolima8489]

Muito boa as explicações, top !

[@PhGamer1000]

Muito bom, estou gostando demais dessas video aulas!

[@jeffymesquita]

Definitivamente Ótimas suas Aulas!

[@lcelfpavers473]

aleas estou aprendendo muito, obrigado por ensinar tao bem

[@JefersonAlan10]

Sou seu fã, mestre!

[@wills.9883]

parabéns por este seu trabalho. estou muito grato!

[@schrodinho4611]

Muito boa essas aulas.

[@marciolvt]

Parabéns muito boa as suas aulas.

[@gustavootaviano5195]

Muito bom me ajudou bastante. Valeu

[@Exorttaband]

Ótima aula! Precisão e aproveitamento de alto nível! !! Já inscrito no canal!!!

[@leonardojsir]

Suas aulas são muito boas, Parabéns!

[@rbmdesenvolvimento]

Excelente ao aula!

[@ninobrawjunior]

man parabens pela video aula estou fazendo meu site - estou com dificuldades.. criei ele no esquema de copia e cola sabe kkkk... Então vi que precisaria implementar uns codigos logo vi que quando pegava codigo complexo - como Autocomplit hightlight com ajax e jquery - ai não vai man.. olha suas aulas são muito boa acho que vai ficar mais fácil no decorrer. .CSS muito bem explicado

[@MarcosDesigner1]

Gostei muito, recomendo

[@ganhardinheirocodigo1641]

esse cara explica rapido d+

[@MCJota]

Cara, vc é simplesmente sensacional cara! Tu explica bem demais

[@ProgamadorWeb]

1 semana atrás vamos trocar umas id[eias.não achei o fundo cinza...

[@mariamargarethsantos3091]

Excelente aula. parabéns!

[@Windows7Designer]

Ótima aula.

[@chaveirorj1983]

Nessa hora (css) minha mente fritou! Hahaha Mas continuo, aula top!

[@jonathana.p.4808]

mt bom e acessivel eu nao sabia nada antes e to pegando bem

[@pato6523]

Amigo tem como me ajudar o meu não está funcionando a parte de alinha os títulos

[@valdasediciasforro]

gratidão!

[@Luhen22]

Quebrei a cabeça, mas consegui fazer funcionar do jeito que ele passou

[@TaviriGamer]

Olá RBTech, qual que vale a pena aprender primeiro depois do HTML/CSS? JavaScript ou PHP?

[@FreddieSoul]

Assistindo em 2017 muito boa sua aula adblock desativado em seu canal.

[@claudiosimoes6009]

boa aula, aguardando o proximo video =)

[@maisonluck2950]

você é muito foda,parabéns....

[@gustavogalvao7922]

Eu gosto muito dos seus videos..estão me ajudando bastante. Só queria fazer um pedido...faça uma breve revisão dos videos anteriores quando estiver falando de um novo vídeo. Sei que não estou pagando nada pelos seus videos, e inclusive agradeço novamente por isso. Mas acredito que isso que eu falei possa ajudar na didática do curso. Grato!

[@Adrianoh20]

tem como fazer mais uma aula montando o layout inteiro? muito boa as aulas, parabéns!!

[@SANMISEREITOR]

Ótimo vídeo cara bom conteúdo, Ganhou um inscrito.

[@DDtankeiros2014]

Então gente, parece que o sublime text 3 não está reconhecendo o comando hover, infelizmente eu tive que baixar o not pad++ e parece que ele ta reconhecendo todos os comandos, só vim aqui mesmo compartilhar com vocês

[@RBtechinfo]

O estilos são interpretados pelo navegador e não pela IDE, ou seja, não importa onde você escreva o comando, se o navegador onde o código for executado suportar ele será renderizado corretamente.

[@DDtankeiros2014]

ah ta bom, valeu professor abraços, to amando o curso do senhor, mais pra frente vou comprar o seu curso de sql

[@tioblack8766]

RBtech meu header e o nav não tá ficando vermelho no CSS ?me ajuda tô confuso dmais aqui :(

[@vlogsdozeze]

Isso que percebi. Não só o comando hover, mas muitos outros. Só que que quando vc bota para rodar o navegador reconhece de boa.

[@vighostff5445]

eu tbm percebi isso. esta foda. ele tambem nao esta reconhecendo codificaçao de cores no Color: e nem os comandos visited ou link

[@eliasdesousasilva4652]

Excelentes aulas!!!!

[@AllexandreSampaioss]

Aguardando a próxima :D

[@pedrolima8489]

Parabéns Cara, muito bem explicado! Coloca o instagram ai pra gente ajudar divulgar! Abraço!

[@fabianomaximiano]

Primeiro obrigado pelo excelente curso! Seguindo seu curso, surgiu uma duvida. Na construção do layout sugerido pelo curso, a div wrapper engloba todo conteudo certo. Caso eu queira que o footer fique com um cor diferente, sem respeitar o padding e margin da div pai como devo proceder? Agradeço desde ja sua ajuda.

[@evertonmds3817]

um do s melhores professores

[@sandroribeiro1005]

Boa tarde Pessoal. Ricardo mais uma vez parabens pelos seu ensinamentos, após várias vezes errando e começando de novo consegui terminar o site e ficou como o seu. Agora uma perguntinha: como faço para mostrar isso para um amigo, pois não posso publicar.

[@pedrophillipe]

muito simples, basta teu amigo ter um computador, ter os programas necessários, no caso simplesmente ele baixar o sublime text 3, copie teus links e mande para ele por email e lá ele irá abrir e ver teus códigos ^^, nunca fiz nada parecido, apenas dando uma ideia para tentar lhe ajudar meu caro amigo

[@Koldway]

para quem tem problemas com os comandos, existe um site chamado w3schools, ele lista todos os comandos e ensina a como usar eles em diferentes situações

[@matheus4424]

muito bom!

[@esdrasferreira5087]

show! parabéns

[@marcosviniciusgatti6605]

Muito bom !!! Parabens !!!

[@AnaCarlaDiasBraga21BR27QC13CA]

Professor, estou usando mac, com o safari e o firefox, como eu inspeciono? Vc faz com o botão direito no PC, e no mac como eu faço? Obrigada:)

[@samueldevesa7923]

Uma dúvida pessoal, eu usando o VS Studio Code , seria bom usar um extensão C# para editar os códigos, porque sempre aparece uma notificação dizendo para baixar essa extensão como recomendado, alguém saberia dizer porquê?

[@cantorjotapeoficial]

Caramba como é difícil aprender o CSS é muita informação.

[@FabianoBezerra]

Ricardo, aos 14:08 do vídeo, se eu utlizar apenas o header nav li { display: inline-block;} daria problema ?

[@fernandoassis632]

estou acompanhando os videos e da aula 8 para a 9 não tem esse conteúdo da estrutura html5, poderia me dizer em qual aula encontro o conteúdo desta aula para mim não ter q copiar sem saber para q serve o q estou escrevendo?

[@cezarioabrantes5476]

Olá Ricardo! Não entendi o que significam a:link e a:visited no minuto 26:52. Poderia explicar melhor? Parabéns e muito obrigado pelo conteúdo!

[@techfestbhz]

uma observação professor, você colocou 3 divs na mesma página, não deveria ser apenas uma div e o restante como classe ? mas olha, excelentes aulas viu, mesmo 5 anos depois estou aprendendo muito.

[@TheQueldi]

E se eu quiser dar um espaçamento de um submenu para o outro? Qual comando uso e onde colocarei?

[@Queen_lust]

Olá Prof, ao utilizar um texto em aside ele nao tem ficado alinhado com meu section, teria uma ideia de como podeira deixar ele dentro dos paramentos corretos. deixei as definições igual ao do video section 660 e meu aside em 300, porem eles nao ficam nem por reza alinhados a flutuação deles e so possuem dentro deles tags com o texto ja exposto ( nada muito grande apenas os dados de contato no aside e no section a definição do site).

[@10leonardofs]

Eu também tive esse problema, olha o comentário que eu deixei: ''Eu tive muitas dificuldades em relação ao width no momento de redimensionar o content e o sidebar, na verdade, estou tendo dificuldade com resolução de uma forma geral, elas não batem com o exemplo, pq isso? alguém pode me ajudar?'' vc conseguiu solucionar o problema?

[@Queen_lust]

Leonardo Soares refiz o código todo, usando só CSS kkkk mais rápido e prático

[@thaiscristina3079]

Bom dia, estou com uma dúvida/dificuldade, será que algum pode me auxiliar? Bom, sigo o passo a passo, mas há algo que não consigo resolver e gostaria de saber se é normal ou é alguma coisa que estou fazendo errada. Quando eu uso o comando 'font-family' só aceita a sans-serif, se eu retirar a sans-serif ou acrescentar qualquer outra fonte, fica em amarelo, e ao atualizar a página, fica na forma padrão do navegador. Alguém pode me ajudar? Estou acompanhando, o curso de HTML e CSS e estou adorando ... sou iniciante na área e considero estar mais do que eu esperava, muito obrigada!

[@mayconasks8127]

/* Muito Bom */ agradecimento RBtech Valeu

[@zlosty8438]

Não consegui remover as bolinhas do meu ... fiz tudo como você fez mas não consegui

[@RM96077931]

Ricardo, não estou conseguindo colocar a largura do texto, como explicou na aula 9 eu já coloquei isso em estilo.css : body{font-family: Helvetica, sans-serif;} #wrap{ width: 960px; margin: auto } E mesmo assim não aparece aquelas margens laranja que você mensiona, o que devo fazer?

[@iagopaschoal2181]

Muito bom.

[@juliomqsmsg]

muito bom....

[@viniciuslc]

Cara, suas aulas são ótimas, porém, tenho uma dúvida! Como eu coloco a barra de navegação na mesma altura da primeira h1, como é no seu site rbtech por exemplo?

[@isavargas4733]

Uma dúvida: o que é esse "utf-8" na TAG meta?Serve pra quê mesmo? Suas aulas são ótimas,didáticas e direto ao ponto.Muito obrigada!!

[@GuiBFH]

É informar ao navegador o tipo de codificação , isso evita que fique uns códigos aleatórios no meio de palavras

[@isavargas4733]

@@GuiBFH ahh ok.obrigada!