Sou uma aluna quieta... não falo , só presto atenção. Gostaria de aparecer agora e te agradecer e pedir pelo amor de Deus pra continuar seguindo com este curso.
Basicamente temos quatro tipos de Alinhamento de Texto: - Alinhamento à esquerda - Alinhamento à direita - Centralizado - Justify Os textos no HTML (p, h1, h2 e etc.) já vem por padrão alinhados à esquerda da tela, mas se quisermos mudar esse alinhamento, devemos usar a Propriedade de Estilo "text-align", os valores mais comuns dessa propriedade são: center, right, left e justify O valor "center" alinha o texto no centro da tela, o valor "right" alinha o texto na parte direita da tela, o valor "left" alinha o texto na parte esquerda da tela... Sendo que o texto de PARÁGRAFOS normalmente tem um alinhamento nos DOIS LADOS, à esquerda e à direita... que é a função fundamental do valor "justify". Existe uma Propriedade de Estilo chamada "text-indent", que é responsável por dar aquele recuo no início de um parágrafo: Geralmente colocamos o valor dessa propriedade como "30px" de recuo.
É esse tipo de comentário informativo que eu adoro ler, essa aula apesar de curta, ajudou em algo que vamos usar e muito quando estivermos produzindo nossos próprios sites.
Professor, o "Lorem" do VSCode pode ser usado como "Lorem(n)", onde n representa o número de palavras desejadas. Lorem133 + Enter, digitaria 133 palavras. Tags com múltiplas classes podem ser criadas, tendo cada classe separada por um ponto. Ex.: div.sidebar.secondary + Enter = . De mesmo modo, id com cerquilhas (#). Ficam as dicas, grande abraço.
Suas aulas são espetaculares! Você sabe despertar em qualquer aluno a incessante sede de conhecimento. Parabéns pela didática! Eu adoraria que elaborasse um curso de Android (Java ou Kotlin). Obrigado pelos cursos, Guanabara! Você é incrível!
Boa tarde estou fazendo curso na plataforma do cursos em video queria ser um apoiador mas não tenho cartão e nem conta no PayPal se tiver a opção boleto por exemplo ou deposito bancario sei la aldo do tipo ficaria muito contente de ser um apoiador pois tenho recomendado pois você e sua equipe muito boa so tenho a agradece estou querendo fazer o estudonauta também desde ja muito obrigado
Sinto muito orgulho por dizer que estou aprendendo no CursoemVideo. Com muito estudo e foco espero me tornar um bom profissional na área de desenvolvimento e programação. E quando Eu chegar lá poderei dizer, com muito orgulho, que aprendi tudo com o Professor Guanabara e o CursoemVideo. Obrigado Gustavo Guanabara, continue sendo esse professor BADASS que você é, espero muito te conhecer um dia. 💗
Professor, tenho uma dúvida com entre entender a diferença de text-align e text-aline-last ( o visual studio code fica sugerindo o uso do text-align-last) não consegui perceber diferença, mas acredito haver, se tem, seria qual ?
Gostei bastante do vídeo, o curso está ótimo. Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.
O Wix é uma ótima ferramenta para quem quer montar um site simples para divulgar alguma coisa ou colocar alguma informação básica de um negócio por exemplo, até acho válido sim, mas é muito limitado.
E quando é que lançam mais aulas do módulo 2 do curso de HTML5 CSS3 na plataforma do curso em vídeo? Lançar na plataforma do curso em vídeo, 3 aulas de 4 em 4 semanas é muito pouco para quem é apoiador e lhes foi prometido acesso antecipado ao modulo 2 do curso. Na plataforma do youtube este curso desenrola-se com mais rapidez e frequência. Gustavo Guanabara eu aprecio muito os seus cursos e tenho a certeza que esta critica não se destina a si, que acredito não será o responsável pelo lançamento de novas aulas pois como você disse no inicio do curso, já estão prontas e gravadas todas as aulas do referido curso. Cumprimentos, obrigado e desculpe o meu desabafo Guanabara.
Para centralizar uma imagem horizontalmente no contexto de um elemento HTML, você pode usar CSS. Existem várias maneiras de fazer isso, mas duas das abordagens mais comuns são as seguintes: Usando text-align: center (para imagens em elementos inline ou inline-block): Se a imagem estiver dentro de um elemento inline ou inline-block (como um parágrafo ou uma div sem uma largura definida), você pode centralizá-la horizontalmente definindo o text-align do elemento pai como center. Por exemplo: html Copy code
Isso centralizará a imagem horizontalmente dentro do elemento pai. Usando margin: 0 auto; (para imagens em elementos de bloco): Se a imagem estiver dentro de um elemento de bloco (como uma div com uma largura definida), você pode centralizá-la horizontalmente definindo as margens esquerda e direita como "auto". Por exemplo: html Copy code
Isso centralizará a imagem horizontalmente dentro do elemento de bloco, desde que o elemento de bloco tenha uma largura definida. Lembre-se de que, em uma abordagem mais moderna, você geralmente define estilos em um arquivo CSS externo em vez de usar estilos inline como nos exemplos acima. Isso mantém o seu HTML mais limpo e facilita a manutenção do código. Então, dependendo do seu caso específico, escolha a abordagem que se adequa melhor à estrutura do seu documento HTML e ao layout desejado.@@briansantos9803
ola! tudo bem? estou tendo dificuldade para ajustar a palavra dentro da celula ...na tabela que eu estou fazendo algumas palavras se separam sozinha pois a celula é muito pequena ... teria como a celua se ajustar automaticamente de acordo com o tamanho das palavras ? ex do que esta acontecendo "diametr o"
procura 3 listras horizontais no vs code, vai em arquivo, preferências, configurações, digita word wrap e deixa em "on". Se não for isso então, provavelmente pra fazer com que uma célula de tabela se ajuste automaticamente ao tamanho do conteúdo, você usa a propriedade CSS table-layout com o valor auto. Isso fará com que a largura da célula seja determinada pelo conteúdo dentro dela. Além disso, você pode definir a propriedade word-break como break-all para permitir que as palavras sejam quebradas em várias linhas, evitando que elas sejam separadas automaticamente. Aqui está um exemplo de como você pode aplicar essas propriedades: html Copy code table { width: 100%; /* Define a largura da tabela */ table-layout: auto; /* Ajusta a largura da célula automaticamente */ border-collapse: collapse; } td { border: 1px solid #000; /* Adicione bordas para visualização */ word-break: break-all; /* Permite que as palavras sejam quebradas em várias linhas */ }
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, iure optio explicabo cumque quisquam nihil asperiores sit quaerat, eum unde iste. Id similique quia fuga vitae. Suscipit unde nesciunt porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, iure optio explicabo cumque quisquam nihil asperiores sit quaerat, eum unde iste. Id similique quia fuga vitae. Suscipit unde nesciunt porro.
Neste exemplo, a tabela se ajustará automaticamente ao tamanho do conteúdo da célula, e a propriedade word-break: break-all; garantirá que as palavras sejam quebradas em várias linhas, se necessário, para evitar que sejam separadas automaticamente. Isso deve resolver o problema que você está enfrentando.
📝 *VALE LEMBRAR:* * text-align: - center - end - justify - left - right - start * Alinhamento padrão: left * Tag obsoleta: * text-indent: -> tamanho de recuo do parágrafo
Pessoal, eu tenho uma dúvida, se alguém mais experiente puder me ajudar, agradeço. Mesmo após aprender todos esses recursos e ser capaz de elaborar o nosso próprio site com qualidade. Mesmo assim ainda é mais interessante utilizar o wordpress? eu percebi que o site do curso em video é feito em wordpress. Eu na minha ingenuidade achei que pelo Guanabara ser faixa preta em desenvolvimento web ela não usaria wordpress no seu próprio site.
Olá, Luis. Wordpress tem suas vantagens e muitos devs gostam de trabalhar lá. creio que os custos com hospedagens etc sejam menores também. Mas depende de que tipo de site vc vai fazer.
Se você deseja centralizar uma única palavra na página toda, você pode usar um elemento HTML, como um parágrafo () ou um cabeçalho (, , etc.), e então aplicar estilos CSS para centralizá-lo horizontalmente e verticalmente. Aqui está um exemplo de como fazer isso: Centralizar Palavra
/* Estilos para centralizar o conteúdo na página */ html, body { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; }
Sua Palavra Neste exemplo, aplicamos estilos CSS para o elemento html e body para centralizar todo o conteúdo na página. O display: flex; com justify-content: center; e align-items: center; garante que o conteúdo seja centralizado tanto horizontalmente quanto verticalmente na página. Substitua "Sua Palavra" pelo texto que você deseja centralizar na página. Isso fará com que essa palavra seja exibida centralizada na página inteira.
Eu tento não adicionar o estilo no shorthand da fonte igual ao professor mas não da certo, meio que ele me obriga a declarar o estilo. Alguém sabe o porque ?
O shorthand em CSS para fontes requer propriedades obrigatórias, como tamanho da fonte e família da fonte. Se você omitir essas propriedades, o shorthand não funcionará corretamente. Certifique-se de incluir todas as propriedades necessárias para que o shorthand funcione corretamente. Você pode adicionar propriedades adicionais, como estilo da fonte, peso da fonte e altura da linha, conforme necessário. Certifique-se de seguir a sintaxe correta e verificar erros de digitação ou formatação em seu código CSS.
Para criar shorthand CSS corretamente, siga este formato: font: [estilo] [peso] [tamanho]/[altura da linha] [família da fonte], [fallback]; Aqui está uma explicação de cada parte: Estilo da Fonte (opcional): Pode ser italic, normal ou oblique. Indica o estilo da fonte, como itálico. Peso da Fonte (opcional): Pode ser normal, bold, bolder, lighter ou um valor numérico como 400 ou 700. Define o peso da fonte, como negrito. Tamanho da Fonte (obrigatório): Deve ser especificado, geralmente em pixels (px), em unidades de medida (em, rem, %) ou outras unidades de tamanho. Define o tamanho da fonte. Altura da Linha (opcional): Pode ser especificada após o tamanho da fonte com uma barra /. Define a altura da linha, que controla o espaço entre as linhas de texto. Por exemplo, 1.5 significa 1,5 vezes o tamanho da fonte atual. Família da Fonte (obrigatório): Deve ser especificada, geralmente como uma lista de nomes de fontes separados por vírgulas. Define a família de fontes desejada. Por exemplo, Arial, sans-serif especifica a fonte Arial e, se indisponível, usa qualquer fonte sans-serif genérica. Fallback (opcional): Pode incluir uma ou mais fontes de fallback após a família da fonte principal, separadas por vírgulas. Isso é útil para garantir que o navegador escolha uma fonte disponível se a principal não estiver disponível. Por exemplo, font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;. Exemplo completo: font: italic bold 16px/1.5 Arial, sans-serif; Lembre-se de que, ao usar shorthand, é essencial seguir a ordem correta das propriedades e incluir as propriedades obrigatórias (tamanho da fonte e família da fonte). Isso ajudará a criar regras de estilo de fonte de maneira mais eficiente e concisa.
Se você está tendo problemas para alinhar não apenas o texto, mas também os números ou símbolos em uma lista, é importante saber que o alinhamento de listas em HTML e CSS pode variar dependendo do tipo de lista que você está usando (por exemplo, uma lista ordenada ou uma lista não ordenada ). Aqui estão algumas dicas para alinhar corretamente o conteúdo de listas: Listas Ordenadas : Se você está usando uma lista ordenada, como uma lista numerada, e deseja alinhar os números junto com o texto, pode aplicar estilos CSS para controlar o recuo e o alinhamento do conteúdo da lista. Você pode usar a propriedade list-style-position: inside; para alinhar os números ou símbolos à esquerda com o texto. Veja um exemplo: ol { list-style-position: inside; } Listas Não Ordenadas : Se você está usando uma lista não ordenada e deseja alinhar os símbolos (geralmente pontos ou outro símbolo) à esquerda com o texto, você pode aplicar um estilo semelhante. Use a propriedade list-style-position: inside; na lista não ordenada () para alinhar os símbolos com o texto. ul { list-style-position: inside; } Estilizando Listas Individualmente: Se você deseja aplicar o estilo apenas a listas específicas, você pode atribuir uma classe à lista e, em seguida, aplicar estilos CSS personalizados. Por exemplo: HTML: html Copy code Item 1 Item 2 Item 3 CSS: .minha-lista { list-style-position: inside; } Certifique-se de que seus estilos CSS estejam sendo aplicados corretamente ao elemento da lista que você deseja alinhar. Isso deve ajudar a alinhar o conteúdo da lista da maneira desejada, incluindo os números ou símbolos.
Muitos deram uma parada no Curso, como eu. Só entro para ver os Comentários, mas só vou continuar esse Curso depois de ter um bom número de aulas já lançada na plataforma e aqui on Canal. O ritmo é muito lento, enquanto isso vou fazendo outro Curso como JavaScript no Canal.
o maior problema é a enrolação desse curso, 5 meses de curso e não mostrou nada praticamente, é tanta coisa que poderia ser falada em 2min e o Guanabara perde 15min falando sobre, isso desanima muuuuuito.
@@PedroHenrique9 Sim. E principalmente os Cursos demorados, ele demora lançar as aulas e quando lança é aulas de 12 minutos só para falar de uma ou duas tags...
Se você deseja incluir uma menção breve centralizada após os três parágrafos justificados, você pode fazer isso com HTML e CSS. Aqui está um exemplo de como fazer isso: Texto Centralizado
/* Estilos para centralizar o conteúdo */ html, body { height: 100%; margin: 0; display: flex; flex-direction: column; justify-content: space-between; } /* Estilos para os parágrafos justificados */ .paragrafos { text-align: justify; padding: 0 20px; } /* Estilos para a menção centralizada */ .mencao { text-align: center; margin-bottom: 20px; }
Parágrafo 1. Lorem ipsum dolor sit amet... Parágrafo 2. consectetur adipiscing elit... Parágrafo 3. Vivamus ac justo in metus...
Obrigado. Até mais!
Neste exemplo, usamos CSS para centralizar o conteúdo da página verticalmente usando display: flex; e justify-content: space-between;. Os parágrafos estão alinhados justificados e têm algum espaço à esquerda e à direita para melhor legibilidade. A menção "Obrigado. Até mais!" é centralizada verticalmente usando text-align: center; e tem uma margem inferior para espaçamento. Você pode ajustar os estilos e conteúdo de acordo com suas necessidades específicas. Este exemplo demonstra como centralizar uma menção breve após três parágrafos justificados.
Não da pra discutir sobre as aulas, elas são muito boas e ainda são gratuitas, porém nesse atual ritmo, vai levar anos para aprender apenas o básico de html e css, foram pelo menos 8 aulas apenas sobre fontes. Não sei se vai ser abordado aqui, mas no dia que chegar em flexbox ou grid por exemplo que são features importantíssimas e muito mais complexas que fontes, vão ser quantas aulas sobre? 20? 30? Não me leve a mal Guanabara, mas esse ritmo e o tempo gasto num mesmo assunto desanima qualquer um que queira aprender. E ainda tem as reclamações da galera que se tornou apoiador que não estão recebendo as aulas, e nenhum pronunciamento seu sobre isso, vacilo. Enfim, Abraços.
O curso alem de gratuito é muito bom, então não podemos exigir nada dele, mas concordo contigo. O curso de python demorou 3 anos e mais de 120 videos para demonstrar coisas basicas, agora imagina a galera que durante esses 3 anos teve que ficar esperando de uma em uma semana para ter videos novos. Grande parte da galera que tava acompanhado deixou de acompanhar pela demora dos videos, indo para outros canais, ou até mesmo esquecendo a programação.
Oq to fazendo é pegando esse básicão aqui e depois ver aqueles cursos full q uns gringos disponibilizam. Tipo uma revisão plus coisas q ele n passou. Já que aqui ainda havera + 3 modulos
Irmão, eu não sei se você percebeu mas esse curso além de ser gratuito pra nós ainda esta sendo custeado por ele (grande parte ou uma boa parcela). Então ele que faz as artes do pdf, trabalha com roteiros, com o material, seleciona fontes de conteúdo, etc (não preciso falar tudo). Isso faz com que seja um processo longo e demorado, quando o curso é 100% patrocinado as coisas saem rápido, assim como foi no de JavaScript (saiu o módulo inteiro em 1 dia). Então acredito que pedir/reclamar que as coisas andem mais rápido não vai ajudar em nada, o que a gente pode fazer é ter paciência e gratidão pelo trabalho feito ou patrocinar o curso em video caso você queira que saia rápido.
se as aulas fossem longas, até que era bom. Ainda nem terminei esse modulo, mas nem me imagino ficar esperando as aulas serem lançadas e quando ver, só ter 12 minutos
Sou uma aluna quieta... não falo , só presto atenção. Gostaria de aparecer agora e te agradecer e pedir pelo amor de Deus pra continuar seguindo com este curso.
realmente verdade❤💕
Igualmente, esse curso me ajuda tanto :(
Viva o gustavo Guanabara
Up!
Longa vida de muito sucesso ao Mr. Guanabara
Basicamente temos quatro tipos de Alinhamento de Texto:
- Alinhamento à esquerda
- Alinhamento à direita
- Centralizado
- Justify
Os textos no HTML (p, h1, h2 e etc.) já vem por padrão alinhados à esquerda da tela, mas se quisermos mudar esse alinhamento, devemos usar a Propriedade de Estilo "text-align", os valores mais comuns dessa propriedade são: center, right, left e justify
O valor "center" alinha o texto no centro da tela, o valor "right" alinha o texto na parte direita da tela, o valor "left" alinha o texto na parte esquerda da tela... Sendo que o texto de PARÁGRAFOS normalmente tem um alinhamento nos DOIS LADOS, à esquerda e à direita... que é a função fundamental do valor "justify".
Existe uma Propriedade de Estilo chamada "text-indent", que é responsável por dar aquele recuo no início de um parágrafo: Geralmente colocamos o valor dessa propriedade como "30px" de recuo.
Obg pelo seu comentário vai ajudar
vlw seu lindooo
Vlw
É esse tipo de comentário informativo que eu adoro ler, essa aula apesar de curta, ajudou em algo que vamos usar e muito quando estivermos produzindo nossos próprios sites.
É possível determinar quantas palavras você quer que apareça no lorem, basta informar a quantidade. Ex: lorem20, lorem50, lorem100
Nooooossa, valeu.
OBRIGADO!!!!
Obrigado mano!
Obrigado amigo
Valeu pela dica!!!
Professor, o "Lorem" do VSCode pode ser usado como "Lorem(n)", onde n representa o número de palavras desejadas. Lorem133 + Enter, digitaria 133 palavras. Tags com múltiplas classes podem ser criadas, tendo cada classe separada por um ponto. Ex.: div.sidebar.secondary + Enter = . De mesmo modo, id com cerquilhas (#). Ficam as dicas, grande abraço.
Esse curso esta me ajudando em um momento difícil da vida.
Esse cara ensina como ninguém, obrigado por me ajudar a entrar nesse mercado
Quanto mais eu assisto, mais eu aprendo.. Muito obrigado Prof Guanabara, Meu 5º Curso contigo!! Simbora zerar esses cursos todos!!
Ta louco esse curso parece aula da faculdade de tão bom, meu professor de programação sempre dava aula bem legal assim.
A qualidade dos cursos deste canal de alto nível.
Tem cara que faz cada vídeo 1 hora e não explica como o Guanabara em 10min... Kkk
Vamos curtir os vídeos, para que o canal continue crescendo e sempre nos ajudando.
O melhor lugar para aprender programação, sem dúvidas, é aqui.
Muito obrigado pelo seus esforços guanabara e equipe! Realmente aprecio muito
gostei dessa aula
Professor top com uma didática INCRÍVEL 💖
Obrigado por este curso maravilhoso! Está me ajudando demais
Melhor professor de todos!
Estou curtindo demais o processo de aprender com voce, Guanabara!
O melhor professor! Aprendi e aprendo demais com o senhor!
Seria daora se tivesse um canal ou bloco nesse canal chamado Faculdade em vídeo. Conteúdo para ajuda na faculdade.
Aquele like pra fortalecer esse curso maravilhoso
Guanabara ,e agradeço muito pela suas aulas grátis muito , e porque esses cursos são caros.Valeu
Eu estou amando esse curso ❤
Salve alex de são Félix do Coribe! Tamo aqui estudando!!
Cara , você é incrível ! ... A quantidade de informações e o melhor ... De graça !
Aguardando ansiosamente pelo módulo 3 desse curso. Estou amando... quero terminá-lo.
Didática SEM PRECEDENTES! Uma besta enjaulada dos ensinos tec. Melhor professor disparado
Suas aulas são espetaculares! Você sabe despertar em qualquer aluno a incessante sede de conhecimento. Parabéns pela didática!
Eu adoraria que elaborasse um curso de Android (Java ou Kotlin).
Obrigado pelos cursos, Guanabara! Você é incrível!
Gostei heim, muito obrigada pelo aprendizado e pelo curso gratuito, me inscrevi e tem me ajudado muito. Gratidão.
Muito bom o vídeo. Estou gostando bastante do curso. Muito bem feito. Que Deus o abençoe Guanabara.
admiro muito esse cara!!!!!!!
Obg Guanabara pelos vídeos !
Esse vídeo me salvou.
Você é um lord, Guanabara!
Muito obrigado por tudo
você é maravilhoso!!!!!
Obrigado!
SIimples, direto e didático!
Boa tarde estou fazendo curso na plataforma do cursos em video queria ser um apoiador mas não tenho cartão e nem conta no PayPal se tiver a opção boleto por exemplo ou deposito bancario sei la aldo do tipo ficaria muito contente de ser um apoiador pois tenho recomendado pois você e sua equipe muito boa so tenho a agradece estou querendo fazer o estudonauta também desde ja muito obrigado
presente aqui estou
Ótimo conteúdo! Enquanto aguardo os próximos capítulos, vamos aprender JavaScript! Parabéns muito obrigado Guanabara!
Guanabara, quando as aulas vão ser inseridas na plataforma do curso em vídeo ?
Como assim??? Eu assisto todas pelo site não entendi
@@brenoollveira o módulo 2 pra mim só mostra 6 aulas.
@@murilo30685 e pra 90% das outras pessoas
Otimo vídeo
Primeiro a comentar, parabéns pelo trabalho. E muito obrigado por isso.
Você não, nós!
show!
mto bom!
Sinto muito orgulho por dizer que estou aprendendo no CursoemVideo. Com muito estudo e foco espero me tornar um bom profissional na área de desenvolvimento e programação.
E quando Eu chegar lá poderei dizer, com muito orgulho, que aprendi tudo com o Professor Guanabara e o CursoemVideo.
Obrigado Gustavo Guanabara, continue sendo esse professor BADASS que você é, espero muito te conhecer um dia. 💗
valeu, professor!
nossa ele t a bem velho ja . mais os cursos sempre sao muito bom
ótima aula!
Obrigadooooooooooo.
guanabara eu te amoooo
Vc explica muito bem!! Parabens .
Professor, tenho uma dúvida com entre entender a diferença de text-align e text-aline-last ( o visual studio code fica sugerindo o uso do text-align-last) não consegui perceber diferença, mas acredito haver, se tem, seria qual ?
Gostei bastante do vídeo, o curso está ótimo.
Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.
Aulas do almoço ok, vlw guanabara!
Sensacional!!!
Quando sai as aulas no site do curso em video
vo acabar esse modulo 2 e vo ir para javascripts e depois fazer modulo 3 ,4,5
like!!!
genio
O que você acha do wix? Ainda vale mesmo apena aprender HTML??
O q é wix ?
@@josealexcaitano101 wix e uma plataforma que cria sites sem programação
com certeza vale a pena saber html
Wix... você MONTA um site.
Saber html, css, js... você CRIA um site.
O Wix é uma ótima ferramenta para quem quer montar um site simples para divulgar alguma coisa ou colocar alguma informação básica de um negócio por exemplo, até acho válido sim, mas é muito limitado.
mestre, mestre , mestre nossa quanto o tempo passa voce e eu ja estamos de cabelos brancos kkkk
essa aula não esta no site cursoemvideo
Dever haver outra forma de realizar esses alinhamentos porque no meu visual studio esta todo vermelho = (
UP
Esse é o mundo do html 🤔?
E quando é que lançam mais aulas do módulo 2 do curso de HTML5 CSS3 na plataforma do curso em vídeo?
Lançar na plataforma do curso em vídeo, 3 aulas de 4 em 4 semanas é muito pouco para quem é apoiador e lhes foi prometido acesso antecipado ao modulo 2 do curso.
Na plataforma do youtube este curso desenrola-se com mais rapidez e frequência.
Gustavo Guanabara eu aprecio muito os seus cursos e tenho a certeza que esta critica não se destina a si, que acredito não será o responsável pelo lançamento de novas aulas pois como você disse no inicio do curso, já estão prontas e gravadas todas as aulas do referido curso.
Cumprimentos, obrigado e desculpe o meu desabafo Guanabara.
Eu gostaria de saber como faz para centralizar e justificar ao mesmo tempo. Já procurei e não acho nada a respeito. Agradeço quem puder me ajudar!
Dar para aprender esses cursos apenas pelo Celular?
😀
Onde agente encontra a tal documentação para ver todas as tags em uso?
site w3schools
Eu não estou conseguindo me cadastrar no site do cursoemvideo. Toda vez diz que meu e-mail está errado, mas está certinho. Qual seria o problema?
Como centraliza imagem para o centro?
Já descobriu?
Para centralizar uma imagem horizontalmente no contexto de um elemento HTML, você pode usar CSS. Existem várias maneiras de fazer isso, mas duas das abordagens mais comuns são as seguintes:
Usando text-align: center (para imagens em elementos inline ou inline-block):
Se a imagem estiver dentro de um elemento inline ou inline-block (como um parágrafo ou uma div sem uma largura definida), você pode centralizá-la horizontalmente definindo o text-align do elemento pai como center. Por exemplo:
html
Copy code
Isso centralizará a imagem horizontalmente dentro do elemento pai.
Usando margin: 0 auto; (para imagens em elementos de bloco):
Se a imagem estiver dentro de um elemento de bloco (como uma div com uma largura definida), você pode centralizá-la horizontalmente definindo as margens esquerda e direita como "auto". Por exemplo:
html
Copy code
Isso centralizará a imagem horizontalmente dentro do elemento de bloco, desde que o elemento de bloco tenha uma largura definida.
Lembre-se de que, em uma abordagem mais moderna, você geralmente define estilos em um arquivo CSS externo em vez de usar estilos inline como nos exemplos acima. Isso mantém o seu HTML mais limpo e facilita a manutenção do código.
Então, dependendo do seu caso específico, escolha a abordagem que se adequa melhor à estrutura do seu documento HTML e ao layout desejado.@@briansantos9803
Será que consegue olhar o instagram professor?
Estou querendo me cadastrar no site mas esta dando error de E-mail em todos que eu coloco...
up
3 Dias pra terminar um capítulo!
Quando se está conectado a Internet e você sabe o quer, qual o sentido da escola a não ser romance e amigos?
Rapaz...Isso é uma reflexão filosófica a nível de Platão e Sócrates. kkkk
Concordo, mano!
ola! tudo bem? estou tendo dificuldade para ajustar a palavra dentro da celula ...na tabela que eu estou fazendo algumas palavras se separam sozinha pois a celula é muito pequena ... teria como a celua se ajustar automaticamente de acordo com o tamanho das palavras ? ex do que esta acontecendo
"diametr
o"
procura 3 listras horizontais no vs code, vai em arquivo, preferências, configurações, digita word wrap e deixa em "on". Se não for isso então, provavelmente pra fazer com que uma célula de tabela se ajuste automaticamente ao tamanho do conteúdo, você usa a propriedade CSS table-layout com o valor auto. Isso fará com que a largura da célula seja determinada pelo conteúdo dentro dela. Além disso, você pode definir a propriedade word-break como break-all para permitir que as palavras sejam quebradas em várias linhas, evitando que elas sejam separadas automaticamente.
Aqui está um exemplo de como você pode aplicar essas propriedades:
html
Copy code
table {
width: 100%; /* Define a largura da tabela */
table-layout: auto; /* Ajusta a largura da célula automaticamente */
border-collapse: collapse;
}
td {
border: 1px solid #000; /* Adicione bordas para visualização */
word-break: break-all; /* Permite que as palavras sejam quebradas em várias linhas */
}
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, iure optio explicabo cumque quisquam nihil asperiores sit quaerat, eum unde iste. Id similique quia fuga vitae. Suscipit unde nesciunt porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, iure optio explicabo cumque quisquam nihil asperiores sit quaerat, eum unde iste. Id similique quia fuga vitae. Suscipit unde nesciunt porro.
Neste exemplo, a tabela se ajustará automaticamente ao tamanho do conteúdo da célula, e a propriedade word-break: break-all; garantirá que as palavras sejam quebradas em várias linhas, se necessário, para evitar que sejam separadas automaticamente. Isso deve resolver o problema que você está enfrentando.
Guanabara, atualiza os vídeos no site. Por favor!! kkkkk
📝 *VALE LEMBRAR:*
* text-align: - center
- end
- justify
- left
- right
- start
* Alinhamento padrão: left
* Tag obsoleta:
* text-indent: -> tamanho de recuo do parágrafo
Toda hora venho lhe procurar nos comentarios. Muito obrigado
vlw seu lindoooooooo
Mestre Guanabara obrigado pelas aulas, meu querido quero ser um apoiador, infelizmente o sistema não me da condições para usar meu cartão.
Pessoal, eu tenho uma dúvida, se alguém mais experiente puder me ajudar, agradeço.
Mesmo após aprender todos esses recursos e ser capaz de elaborar o nosso próprio site com qualidade. Mesmo assim ainda é mais interessante utilizar o wordpress? eu percebi que o site do curso em video é feito em wordpress. Eu na minha ingenuidade achei que pelo Guanabara ser faixa preta em desenvolvimento web ela não usaria wordpress no seu próprio site.
Olá, Luis. Wordpress tem suas vantagens e muitos devs gostam de trabalhar lá. creio que os custos com hospedagens etc sejam menores também. Mas depende de que tipo de site vc vai fazer.
@@rorosaria26 muito obrigado pela resposta
Alguém se essas informações podem ser passadas nas tags: , e etc.. diretamente?
Pois essa opção da aula é para vários ao mesmo tempo.
como vc percebeu q o site curso em vídeo foi feito em wordpress?
Não da pra alterar o espaçamento de letras com CSS??
Da sim, usa a propriedade "letter-spacing"
@@viniciusbarriquelo7205 mt obrigado
Guanabara, volta com o "Olá pequeno gafanhoto" kkkkkkkkk
ta dandoo erro no meu video
Cara me ajuda, eu tenho apenas uma palavra, e gostaria de centralizar na pagina toda, só isso...
Se você deseja centralizar uma única palavra na página toda, você pode usar um elemento HTML, como um parágrafo () ou um cabeçalho (, , etc.), e então aplicar estilos CSS para centralizá-lo horizontalmente e verticalmente. Aqui está um exemplo de como fazer isso:
Centralizar Palavra
/* Estilos para centralizar o conteúdo na página */
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
Sua Palavra
Neste exemplo, aplicamos estilos CSS para o elemento html e body para centralizar todo o conteúdo na página. O display: flex; com justify-content: center; e align-items: center; garante que o conteúdo seja centralizado tanto horizontalmente quanto verticalmente na página.
Substitua "Sua Palavra" pelo texto que você deseja centralizar na página. Isso fará com que essa palavra seja exibida centralizada na página inteira.
Eu tento não adicionar o estilo no shorthand da fonte igual ao professor mas não da certo, meio que ele me obriga a declarar o estilo. Alguém sabe o porque ?
O shorthand em CSS para fontes requer propriedades obrigatórias, como tamanho da fonte e família da fonte. Se você omitir essas propriedades, o shorthand não funcionará corretamente. Certifique-se de incluir todas as propriedades necessárias para que o shorthand funcione corretamente. Você pode adicionar propriedades adicionais, como estilo da fonte, peso da fonte e altura da linha, conforme necessário. Certifique-se de seguir a sintaxe correta e verificar erros de digitação ou formatação em seu código CSS.
Para criar shorthand CSS corretamente, siga este formato:
font: [estilo] [peso] [tamanho]/[altura da linha] [família da fonte], [fallback];
Aqui está uma explicação de cada parte:
Estilo da Fonte (opcional): Pode ser italic, normal ou oblique. Indica o estilo da fonte, como itálico.
Peso da Fonte (opcional): Pode ser normal, bold, bolder, lighter ou um valor numérico como 400 ou 700. Define o peso da fonte, como negrito.
Tamanho da Fonte (obrigatório): Deve ser especificado, geralmente em pixels (px), em unidades de medida (em, rem, %) ou outras unidades de tamanho. Define o tamanho da fonte.
Altura da Linha (opcional): Pode ser especificada após o tamanho da fonte com uma barra /. Define a altura da linha, que controla o espaço entre as linhas de texto. Por exemplo, 1.5 significa 1,5 vezes o tamanho da fonte atual.
Família da Fonte (obrigatório): Deve ser especificada, geralmente como uma lista de nomes de fontes separados por vírgulas. Define a família de fontes desejada. Por exemplo, Arial, sans-serif especifica a fonte Arial e, se indisponível, usa qualquer fonte sans-serif genérica.
Fallback (opcional): Pode incluir uma ou mais fontes de fallback após a família da fonte principal, separadas por vírgulas. Isso é útil para garantir que o navegador escolha uma fonte disponível se a principal não estiver disponível. Por exemplo, font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;.
Exemplo completo:
font: italic bold 16px/1.5 Arial, sans-serif;
Lembre-se de que, ao usar shorthand, é essencial seguir a ordem correta das propriedades e incluir as propriedades obrigatórias (tamanho da fonte e família da fonte). Isso ajudará a criar regras de estilo de fonte de maneira mais eficiente e concisa.
Alguém pode me ajudar? Eu tentei alinhar listas mas apenas o texto é alinhado, os números/símbolos continuam à esquerda :/
Se você está tendo problemas para alinhar não apenas o texto, mas também os números ou símbolos em uma lista, é importante saber que o alinhamento de listas em HTML e CSS pode variar dependendo do tipo de lista que você está usando (por exemplo, uma lista ordenada ou uma lista não ordenada ).
Aqui estão algumas dicas para alinhar corretamente o conteúdo de listas:
Listas Ordenadas :
Se você está usando uma lista ordenada, como uma lista numerada, e deseja alinhar os números junto com o texto, pode aplicar estilos CSS para controlar o recuo e o alinhamento do conteúdo da lista. Você pode usar a propriedade list-style-position: inside; para alinhar os números ou símbolos à esquerda com o texto. Veja um exemplo:
ol {
list-style-position: inside;
}
Listas Não Ordenadas :
Se você está usando uma lista não ordenada e deseja alinhar os símbolos (geralmente pontos ou outro símbolo) à esquerda com o texto, você pode aplicar um estilo semelhante. Use a propriedade list-style-position: inside; na lista não ordenada () para alinhar os símbolos com o texto.
ul {
list-style-position: inside;
}
Estilizando Listas Individualmente:
Se você deseja aplicar o estilo apenas a listas específicas, você pode atribuir uma classe à lista e, em seguida, aplicar estilos CSS personalizados. Por exemplo:
HTML:
html
Copy code
Item 1
Item 2
Item 3
CSS:
.minha-lista {
list-style-position: inside;
}
Certifique-se de que seus estilos CSS estejam sendo aplicados corretamente ao elemento da lista que você deseja alinhar. Isso deve ajudar a alinhar o conteúdo da lista da maneira desejada, incluindo os números ou símbolos.
não sei mas ou é a galera que desanimou do curso ou o canal que esta com algum problema com as views dos vídeos...
Muitos deram uma parada no Curso, como eu. Só entro para ver os Comentários, mas só vou continuar esse Curso depois de ter um bom número de aulas já lançada na plataforma e aqui on Canal. O ritmo é muito lento, enquanto isso vou fazendo outro Curso como JavaScript no Canal.
o maior problema é a enrolação desse curso, 5 meses de curso e não mostrou nada praticamente, é tanta coisa que poderia ser falada em 2min e o Guanabara perde 15min falando sobre, isso desanima muuuuuito.
@@PedroHenrique9 Sim. E principalmente os Cursos demorados, ele demora lançar as aulas e quando lança é aulas de 12 minutos só para falar de uma ou duas tags...
@@kbs6025 foram umas 8 aulas sobre fontes, que é um assunto bem simples, imagina algo mais complexo?
Pois é poderia ser uns videos mais longos..
E se após os três parágrafos justificados eu desejar incluir uma menção breve (exemplo: “Obrigado. Até mais!”) centralizada?
Se você deseja incluir uma menção breve centralizada após os três parágrafos justificados, você pode fazer isso com HTML e CSS. Aqui está um exemplo de como fazer isso:
Texto Centralizado
/* Estilos para centralizar o conteúdo */
html, body {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* Estilos para os parágrafos justificados */
.paragrafos {
text-align: justify;
padding: 0 20px;
}
/* Estilos para a menção centralizada */
.mencao {
text-align: center;
margin-bottom: 20px;
}
Parágrafo 1. Lorem ipsum dolor sit amet...
Parágrafo 2. consectetur adipiscing elit...
Parágrafo 3. Vivamus ac justo in metus...
Obrigado. Até mais!
Neste exemplo, usamos CSS para centralizar o conteúdo da página verticalmente usando display: flex; e justify-content: space-between;. Os parágrafos estão alinhados justificados e têm algum espaço à esquerda e à direita para melhor legibilidade. A menção "Obrigado. Até mais!" é centralizada verticalmente usando text-align: center; e tem uma margem inferior para espaçamento.
Você pode ajustar os estilos e conteúdo de acordo com suas necessidades específicas. Este exemplo demonstra como centralizar uma menção breve após três parágrafos justificados.
31.07.23
20/09/2023
As aulas são muito boas, o curso tá ótimo
Mas eu não tô conseguindo achar os exercícios pra praticar do módulo 2, alguém poderia me ajudar?
Não da pra discutir sobre as aulas, elas são muito boas e ainda são gratuitas, porém nesse atual ritmo, vai levar anos para aprender apenas o básico de html e css, foram pelo menos 8 aulas apenas sobre fontes. Não sei se vai ser abordado aqui, mas no dia que chegar em flexbox ou grid por exemplo que são features importantíssimas e muito mais complexas que fontes, vão ser quantas aulas sobre? 20? 30? Não me leve a mal Guanabara, mas esse ritmo e o tempo gasto num mesmo assunto desanima qualquer um que queira aprender. E ainda tem as reclamações da galera que se tornou apoiador que não estão recebendo as aulas, e nenhum pronunciamento seu sobre isso, vacilo. Enfim, Abraços.
O curso alem de gratuito é muito bom, então não podemos exigir nada dele, mas concordo contigo. O curso de python demorou 3 anos e mais de 120 videos para demonstrar coisas basicas, agora imagina a galera que durante esses 3 anos teve que ficar esperando de uma em uma semana para ter videos novos. Grande parte da galera que tava acompanhado deixou de acompanhar pela demora dos videos, indo para outros canais, ou até mesmo esquecendo a programação.
Oq to fazendo é pegando esse básicão aqui e depois ver aqueles cursos full q uns gringos disponibilizam. Tipo uma revisão plus coisas q ele n passou. Já que aqui ainda havera + 3 modulos
Irmão, eu não sei se você percebeu mas esse curso além de ser gratuito pra nós ainda esta sendo custeado por ele (grande parte ou uma boa parcela). Então ele que faz as artes do pdf, trabalha com roteiros, com o material, seleciona fontes de conteúdo, etc (não preciso falar tudo). Isso faz com que seja um processo longo e demorado, quando o curso é 100% patrocinado as coisas saem rápido, assim como foi no de JavaScript (saiu o módulo inteiro em 1 dia). Então acredito que pedir/reclamar que as coisas andem mais rápido não vai ajudar em nada, o que a gente pode fazer é ter paciência e gratidão pelo trabalho feito ou patrocinar o curso em video caso você queira que saia rápido.
se as aulas fossem longas, até que era bom. Ainda nem terminei esse modulo, mas nem me imagino ficar esperando as aulas serem lançadas e quando ver, só ter 12 minutos
@@rebecaisk2285 Quando eu terminar esse módulo 2 vou correr pro Udemy, pois não dá pra ficar esperando mesmo.
Parei aqui