Criando sua primeira página web em 30 minutos (básico sobre HTML + CSS)

Подписаться 6 тыс.

Просмотров 166 тыс.

50% 1

Acesso o curso completo em:
dwdp.lucascato...
Inscrições abertas com acesso vitalício por pouco tempo. Aproveite já!
Ganhe meses de conhecimento em poucas horas. Conheça meu método para criar páginas web com o Desenvolvimento Web - Direto ao Ponto, o curso mais didático e prático do mercado.
------
Gravei essa vídeo-aula com o objetivo de ajudar quem quer aprender a criar uma página web do zero, sem ter conhecimentos prévios.
É uma aula bem básica, porém tem vários conceitos novos para quem está começando. Se você tiver qualquer dúvida, me mande através dos comentários do meu site (link abaixo), eu vou responder TODOS 🙂
→ Arquivos usados nessa aula: www.lucascaton...
→ Gostou dessa aula? Então me acompanhe:
→ / lucascaton.com.br
→ www.lucascaton...

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 487

@lucascaton 4 года назад

💚 Meus caros, eu criei um curso para quem quer continuar essa jornada comigo, para entender mais a fundo o HTML e como estilizá-las através de CSS e CSS Grid. Tudo isso começando do zero: 👉 www.lucascaton.com.br/cursos/dwdp-oferta-youtube/

@mayaradesousa780 2 года назад

Parabéns! Foi meu primeiro contato e amei!

@rpglagrimasdedeus8125 3 года назад

você salvou minha vida, obrigado.

@jeffersonlima2348 4 года назад

Conteúdo de qualidade direto ao ponto!

@_flaviobarreto 2 года назад

que pratico, gostei muito das explicações!

@gabrielrossi4042 5 лет назад

Muito obrigado

@dafinemedina5350 4 года назад

Show! Excelente aula.. mão na massa direto, simples e orático!

@PauloLucasSilva 5 лет назад

Cara, aprendi mais contigo em 35 min que 1/4 do meu curso de web completo. Didático e sem enrolação. Obrigado!

@lucascaton 5 лет назад

Que show, fico feliz em saber que foi útil Paulo. Grande abraço!

$@morttemfracktion9356$

@morttemfracktion9356 4 года назад

Poderia dar alguma dica para mim ?

@marcostadeu8366 3 года назад

Entao tu fez um curso muito ruim kkkkkkkkk

@francisvieira4466 4 года назад

Nossa, muito legal, simples e funcional, parabéns, Top D+

@vinydz7148 5 лет назад

Muito bom o vídeo, muito bem explicado, obg ajudou muito !!

@musicforlife9933 5 лет назад

Muito bom o seu vídeo explica tudo direitinho, me ajudou bastante,obrigada!!!! :)

@paulomatheus2827 5 лет назад

Não consigo abrir o documento no google, eu sou um falho.

@suellenlima6345 3 года назад

Tava indo tudo bem, até chegar na parte do background. Coloquei tudo certinho, conferi, mas a pagina não atualizou pra foto de fundo que eu escolhi. :( A logo também ficou enorme, não sei como diminuir. É minha primeira vez tentando algo assim, nem faço faculdade ou cursos voltados pra programação, caí de paraquedas aqui. kkkk mesmo assim, obrigada pelo vídeo!

@lucascaton 3 года назад

Obrigado pelo comentário, Suellen! Sobre o background, provavelmente é algo no caminho da imagem ou a extensão (.jpg, .png, etc) - confere se está correto! 😉 Se quiser, zipa os arquivos, sobe em algum lugar e manda o link aqui que eu te ajudo!

@universotutor5998 3 года назад

A logo é por causa do tamanho do arquivo (em pixels)

@adryansantos8241 5 лет назад

cara, acabei de ver que era o atom que nao estava funcionando cmg, vc saberia o pq?(Sei que é o atom pois usei o VS = Visual Studio e funcionou)

@rafa-lk6lf 4 года назад

meu background ficou multiplicando nos cantos, ele não ficou só o background, ficou vários da mesma imagem

@lucascaton 4 года назад

Opa, você precisa usar uma imagem maior a/ou definir a seguinte propriedade: `background-repeat: no-repeat`. Dá uma olhada na documentação para entender melhor: developer.mozilla.org/en-US/docs/Web/CSS/background-repeat. Qualquer dúvida, manda aí. Abraço!

@rafa-lk6lf 4 года назад

@@lucascaton obrigado! boa sorte aí guerreiro.

@mateussalles4811 2 года назад

Mano se eu quisesse colocar um link, Daria certo?

@evandrodantas8346 3 года назад

Lucas me dá um help criei um formulário on-line no site forms.App e tem um campo para editar CSS, eu preciso extrair símbolos que coloquei nas questões, pois esses formulários contém somente pontos, de valores que colocamos, eu precisava contar esses carácteres q coloquei em cada pergunta, pois eu quero poder fazer um formulário q de acordo com as resposta se defina uma profissão, ou seja cada questão não pode ser representada por um número, mas sim por um caractere pra que depois eu possa somar eles automaticamente e aparecer no final do formulário preenchido, quanto vc me cobra pra me ajudar com isso?

@lucascaton 3 года назад

Olá Evandro! Puxa, é um problema que vai exigir mais do que HTML e CSS (que foi apresentado no vídeo), hehe 🙂 Não quero te dar uma solução sem entender o problema direito, mas parece ser algo que o React resolveria com maestria 😃 www.lucascaton.com.br/cursos/rdp

@gabriel1755 5 лет назад

voce pode me ajudar não estou conseguindo colocar o blackground ele fica em cima e o texto em baixo

@lucascaton 5 лет назад

Copia e cola o seu código no CodePen e manda o link aqui que eu te ajudo! :)

@jousantos4918 3 года назад

Dá pra colocar vídeos no html?

@Davixx 2 года назад

sim

@juniiormendes937 4 года назад

Quando estava iniciando, quase não entendi nada dessa aula; Quase 6 meses depois voltando a rever, consegui entender completamente o conteúdo que para mim era muito difícil; E o segredo é continuar estudando! Venho lhe agradecer por me ajudar, e que Deus lhe abençoe. Certeza que irá ajudar muitas outras pessoas assim como me ajudou, Obrigado!

@lucascaton 4 года назад

juniior mendes Que massa, Juniior! Obrigado pela mensagem, você não faz idéia como fico feliz de ler um comentário como o seu! Sucesso, meu caro!!! 👊

@du_abreu 4 года назад

Caraca!!! Iria falar a mesma coisa

@vicky-v4q 3 года назад

cheguei achando q seria um conteúdo fácil e chato, pois já tenh base, no final fiquei mais de 3 hrs pra desenvolver o sitekkkkkkkkk amei o vídeo.

@DygMx 5 лет назад

Muito show! Resumiu todas as aulas que já assisti na faculdade kkkkk

@BrunoCamargo7 5 лет назад

Obrigado por esse video. Em 35min aprendi mais que dois meses de aula HTML no meu curso de Desenvolvimento de Sistemas

@CarvalhoNatag 3 года назад

Uma dúvida, eu fiz tudo certinho, mais quando eu vou ver como está ficando no navegador não tem nada escrito... o que pode ser?

@universotutor5998 3 года назад

Você salvou o arquivo?

@TioStitch 3 года назад

Eu tô aprendendo Java e agora quero aprender HTML pra criar site pro meu servidor de Minecraft por que quanto mais eu souber melhor

@rupertmuygrato 4 года назад

Excelente!!! Aprendi mais neste video que no meu semestre inteiro na faculdade hahah

@gloriafeitosa3915 3 года назад

Idem!

@lscfps1 4 года назад

30 min do seu video é mais produtivo do que 2 hrs da minha facul kkkk

@joannethe7824 4 года назад

Muito fixeee

@yorkstbd 5 лет назад

Primeiro canal que ensina algo e não tenho vontade de se matar pela animação da voz da pessoa e como ela explica, parabéns.

@milene9403 5 лет назад

nesse caso eu faço o download .deb ou .rpm, qual a diferença?

@lucascaton 5 лет назад

Para baixar o editor? Se você estiver usando Ubuntu, baixe o arquivo "deb" :)

@milene9403 5 лет назад

@@lucascaton Obrigada! estou o usando o Vscode, tem algum problema? Muiiitoo Obrigada por fazer esse vídeo, eu achei que nem iria conseguir... vou mandar o link para os meus amigos.

@wagnerbonelli2621 5 лет назад

Gostei muito! O básico que se não é explicado como vc fez, é como tentar aprender matemática de ensino médio sem antes ter aprendido o fundamental. Obrigado!

@podalsky1986 4 года назад

Coloquei o cod, eu parei bem no inicio pois n consegui resolver o problema do background... desde já agradeço codepen.io/danieldoliveiradd/pen/poJRgpM

@lucascaton 4 года назад

Fala Daniel! Você precisa usar o caminho relativo para a imagem no seu arquivo de CSS. Tente usar `background: url("../img/bg.jpg");` (ou sem `img/` dependendo de onde está sua imagem). Isso deve resolver. Qualquer dúvida, é só mandar. Aproveitando, você viu que está rolando a semanadaprogramacao.com.br/? Vai só até domingo, dá uma olhada lá. Abraço!

@gabbop 2 года назад

Ajudou muito você comentar cada detalhe que mexia, tirou várias dúvidas que eu tinha. Valeu!!!

@ghxstyn 5 лет назад

quando eu digito o txt pelo atom, nao muda nada no arquivo, só funciona quando eu escrevo no bloco de notas em si

@cwgappmobile9644 5 лет назад

Pô mano ensina muito bem ganhou um inscrito

@lcplCarvalho 3 года назад

Muito boa a aula, parabéns. Para quem já sabe fazer é muito difícil simplificar o conteúdo de uma forma que fique didático assim, inclusive eu não consigo de jeito nenhum fazer isso. Já tentei ensinar esse começo mas sempre fico sem saber como mostrar o básico de uma forma q a pessoa não ache q é coisa de outro mundo.

@lucascaton 3 года назад

Valeu pelo comentário, Lucas! Curiosidade: eu também tenho Carvalho no nome, apesar de só usar Lucas Caton na internet. Somos xarás 2x! 😂

@asafepdz 5 лет назад

Só um pedido, seria bom aumentar o zoom da tela, tem momentos que não dar pra enxergar direito os códigos. Parabéns pelo conteúdo do vídeo.

@lucascaton 5 лет назад

Obrigado pelo feedback, Jesus. De fato ficou a fonte ficou pequena mesma, nos vídeos novos eu já corrigi isso. Obrigado! Grande abraço!

@asafepdz 5 лет назад

@@lucascaton +1 inscrito, faz um tutorial fazendo um site mais complexo contendo menu, formulário e etc.

@jaoxxzinwar3326 3 года назад

vlw so demoro so uma hora pra criar um site fake igual da lojas a mericanas pra eu clonar ums cartoeszinhos🤓🤙 desculpa tive q fala isso😔👊

@uTopan 5 лет назад

Ótima explicação, agradeço mesmo, algumas coisas simples que ajudam muito na pagina, ajudou bastante !

@mateuspapini843 4 года назад

Do caralho!!! Sensacional! Me ajudou muito! Se você tivesse um curso eu compraria com certeza absoluta! ADOREI sua didática! Muito obrigado!

@lucascaton 4 года назад

Obrigado, Mateus! Eu tenho um curso na verdade, rs. As inscrições estão encerrando hoje às 23:59, dá uma olhada e veja se é para você: www.lucascaton.com.br/semana-da-programacao/curso/

@pabloandradegraphics 5 лет назад

Sinopse desse vídeo em uma palavra: EXCELENTE. Excelente qualidade de áudio. Excelente qualidade de vídeo... Excelente locução... Tudo nota 1.000! Conteúdo muito bem explicado e exemplificado e muito didático! Obrigado mesmo! Poderia fazer - se já não tiver - um vídeo mostrando como montar uma página em HTML (em parceria com CSS) contendo várias imagens no corpo... Tipo, como posicionar imagens "fatiadas" uma ao lado / em cima da outra... Parabéns pelo conteúdo!

@lucascaton 5 лет назад

Muito obrigado, Pabro! 👊

@leoglark1134 5 лет назад

CONCORDO 1000% muito bom

@Letsgo_Australia 4 года назад

@@lucascaton como eu abro o navegador ? Quando tiver criando o site

@danielsilvadelima979 3 года назад

aprendi mais contigo dq com o professor do meu colégio fortaleceu de mais prç valeu mesmo ajudou pakas .

@jotabrasil5570 4 года назад

Essa aula é justamente para mim, nunca absolutamente nunca tinha tentado fazer uma página

@matheussouza8477 4 года назад

Muito bom mesmo, Lucas no seu curso não tá falando nada de java, vc pretende colocar java também nesse projeto, tô pensando em comprar o curso mas tô meio assim pq não tem o java, e dizem que ele dá vida ao site.

@lucascaton 4 года назад

Fala Matheus! Acho que você confundiu com JavaScript (apesar do nome, são coisas diferentes, rs). Nenhum dos meus cursos atuais se foca em JS (JavaScript), mas o próximo curso será 100% focado em JS, React, React Native, etc. :) Eu publiquei um vídeo com uma introdução à JavaScript esses dias, tenho certeza que você vai gostar! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wUA5mkosxmU.html

@rubenslima7475 4 года назад

Vendo na prática e usando recursos que pode se encontrar facilmente como os próprios do navegador, tornou o curso mt dinámico. Show!!!

@lucascaton 4 года назад

Valeu, Rubens! Você disse "curso", mas está se referindo à esse vídeo certo? Digo isso, porque eu tenho um curso sobre esse assunto, se quiser dá uma olhada nesse link: www.lucascaton.com.br/cursos/dwdp/ Abraço!

@RosimaraSaraiva 5 лет назад

Lucas, parabéns pelo vídeo, ficou ótimo e bem didático... Obrigado!!!!!!!!!!!!

@ALPHANovaEraBRAZIL 4 года назад

*Que DIDÁTICA INCRÍVEL !* *EXAGERADAMENTE LINDO DE VER!* *PARABÉNS!* *PARABÉNS!* *PARABÉNS!* 🌞 👽 🙏♂️

@lucascaton 4 года назад

Wow, muito obrigado! 😃 Esse tipo de comentário me motiva muito a continuar criando conteúdo! 🙌

@matthewsferreira9588 5 лет назад

Opa bom dia, gostaria que vc continuasse com o conteúdo, pois tem me ajudado bastante... obrigado mais um inscrito

@lucascaton 5 лет назад

Obrigado, Matthews! Estou fazendo LIVES semanalmente: www.lucascaton.com.br/lives Um abraço!

@guthomax6928 4 года назад

*Olá, AMIGO!* Meu nome é Gutho. Sou de Santos-SP. Tenho uma DÚVIDA que gostaria de tirar com você amigo! Bem, é sobre um projeto que estou desenvolvendo. Mas eu não quero expor AQUI. *Que didática INCRÍVEL!* *Exageradamente LINDO de VER !* *PARABÉNS!!* *PARABÉNS!!* *PARABÉNS!!* 🌞 👽 🙏🌹☘️♂️

@lucascaton 4 года назад

Obrigado, Gutho! 😃 Respondi para você via DM no Instagram! 😉 Grande abraço!

@schrodinho4611 4 года назад

Muito bom cara. Nunca tinha mexido com isso e eu consegui te acompanhar nesse passo-a-passo.

@anasabora8677 4 года назад

poxa,sempre que eu faço um menu css ele buga,não aparece o menu,só a parte do html

@djamilacorreia Год назад

Obrigadão você esclareceu muita coisa😊😃😃

@fcdark_ff9415 3 года назад

n lever 30minutos mas valeu muito perder mas de 30 minutos video top aprendi muito

@vontt4579 5 лет назад

caramba veyy, muito bom + q inscrito parabens meu parceiro , ajudou de maissss!!!

@monsterlegendsdragoncityfa235 5 лет назад

Como faço para publicar no navegador,e compartilhar o site com os meus amigos?

@lucascaton 5 лет назад

Você precisa hospedar o site em algum lugar. No GitHub pages, por exemplo: pages.github.com/ 😃

@palavraviva2527 3 года назад

Muito bom, vídeo bem explicado, simplificado e top. Parabéns pelo conteúdo amigo. Só uma questão, quando fui hospedar o site para fazer um teste, ele só aparece textos. Porque ocorreu isso?

@lucascaton 3 года назад

Obrigado! Você subiu as imagens e o CSS também? Provavelmente eles não estão sendo carregados corretamente. Você pode usar o Chrome Dev Tools para investigar 🙂

@gabrielm5407 4 года назад

esse negocio que você mostrou no navegador de visualizar a cor e a opacidade me ajudou bastante ja ganhou mais um inscrito

@Bugs352 4 года назад

vlw man consegui aprender bastante com o seu video ^^

@VictorHugoOliveiraUsori 2 года назад

Um tutorial excelente que ensina a criar uma página bonita e de maneira didática, vídeo sensacional demais!

@jayloko4685 4 года назад

Consegui fazer tudo! claro que depois de tres dias kkkk! mas que fique registrado que foi minha primeira experiencia com programaçao na vida, a primeira de muitas que virao! OBRIGADO LUCAS!!!!

@thdesign7785 2 года назад

Ganhou mais um inscrito, vídeo antigo mas aula muito boa!

@andrem9175 4 года назад

Meu amigo que explicação fantástica!! Sem enrolação direto ao ponto! Desta maneira a pessoa não se confunde e acaba absorvendo só o que realmente importa! Meus Parabéns!!!

@lucascaton 4 года назад

Valeu, André!

@thaisc684 4 года назад

Obrigada pelo vídeo. Aprendi bastante.

@Miguelloso 4 года назад

Excelente!!! explição, conteúdo didático e de qualidade, obrigado, você me ajudou muito.

@somaisumgamer8356 5 лет назад

Eu Só Sei Um Pouco De Html Titulo Texto

@lucascaton 5 лет назад

Boa! Aproveita o vídeo para aprender mais um pouco 🙂

@railsonnunes8776 4 года назад

O jeito que vc ensina faz coisa dificeis parecer facil e ate hoje so vi nesse youtube dois canais esse teu e o desse cara aqui ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zDmNNvLCKHo.html, muitos sabem das coisa mas poucos sabem transmitir e vc e ele sao duas pessoas que SABEM MUITO! mais um inscrito pro seu canal sucesso ai!

@lucascaton 4 года назад

Show Railson, muito obrigado pelo comentário! 😃

@hunplaysokays8646 5 лет назад

qual programa vc usaou para fazer a programaçao???

@asafepdz 5 лет назад

Por esse vídeo me inscrevi no canal.

@vivianealves4892 5 лет назад

Realmente vc explica muito bem muito obrigado graças a você consegui fazer minha página web!

@renatovvjr1 3 года назад

Parabéns!!! Excelente conteúdo. Muito bem explicado, ótima didática.

@lucascaton 3 года назад

Valeu pelo comentário, Renato! Fico muito feliz em saber que o vídeo foi útil! 😃

@flamengo1106 3 года назад

Ótima explicação! Parabéns

@ricardomarculino2065 4 года назад

muito bom, aprendi em 30 min o que nao consegui aprender em 30 dia... So faltou ensinar como muda o endereço de pesquisa....

@lucascaton 4 года назад

Que massa, Ricardo! Não entendi sua dúvida sobre mudar o endereço da pesquisa 🤔

@ricardomarculino2065 4 года назад

Desculpa, e o endereço de pesquisa, tipo como se eu fosse procurar pela página da banda. Mudar o endereço de pesquisa...

@lucascaton 4 года назад

@@ricardomarculino2065 ah, o domínio? Tipo "super-banda.com.br"? Para fazer isso você precisa registrar um domínio (no site registro.br ou algum gringo), hospedar o site em um servidor e configurar o DNS. Esse assunto foge do escopo desse vídeo, mas vou tentar gravar outro mostrando como faz 😉

@filipecorista9828 4 года назад

Olá! Há alguma maneira de mudar o link do site?

@ViniciusSantos-eh1kw 4 года назад

Eu conseguiria fazer no notepad++??? Gostei muito do vídeo Parabéns

@lucascaton 4 года назад

vinicius santos dá para fazer no Notepad++ sim 🙂

@lenosjc 4 года назад

Excelente!

@cesardepaula5425 3 года назад

Muito top sua aula, não enrolou e explicou maneiro demais... Parabéns

@karensamaral 3 года назад

Excelente muito obrigada!

@milene9403 5 лет назад

você poderia ensinar como subir o site para o heroku

@tomgomiero9360 5 лет назад

pq o meu background fica distorcido?

@mateussalles4811 2 года назад

Ótimo vídeo, Parabéns!

@gabrielnerd5197 4 года назад

Lucas seu curso sobre programação HTML e CSS estará em promoção até quando?

@lucascaton 4 года назад

Fala Gabriel! Ainda não decidimos quando vamos parar essa promoção, é bem provável que vamos continuar mais um pouco :)

@Lcmagna 2 года назад

man q monstro ensinando . parabens mais 1 inscrito

@Deonitz 3 года назад

Sensacional! Todo o processo foi super didático e simples. Parabéns pelo trabalho!!

@kleytonlima6900 5 лет назад

Cara, sensacional. Obrigado pela iniciativa e parabéns pela didática!

@johnsoares5247 2 года назад

gostei demais....

@lostaccount7344 5 лет назад

Quando Comecei Html Esse Vídeo Me Ajudou Mt

@mrbugbear9018 4 года назад

Mano namoral, que conteúdo ótimo, parabéns pelo vídeo irmão e muito obrigado pelo conhecimento. Sucesso!

@lucascaton 4 года назад

Valeu, cara!

@leonardoyamassaki6159 4 года назад

Mano, eu uso o celular pra fazer essas coisas e passei 1 dia inteiro tentando fazer somente o link, peguei de site, fui ai, e so dps que consegui, o resto foi de boa,VLW!.

@janeyamassaki7495 4 года назад

@L e v ı 007 eu uso o quoda

@janeyamassaki7495 4 года назад

tem na play store

@lucascaton 4 года назад

Fala Bolyn, que massa cara, você demonstra ser um cara perseverante pois não é fácil fazer tudo no celular. "Quem quer dá um jeito, quem não quer dá uma desculpa". Parabéns! 👊

@emilysilveiraklock6333 3 года назад

Tu é ótimo mesmo, fica fácil contigo ensinando, porém deu errado para mim, a tonta

@lucascaton 3 года назад

Oi Emily! Me explica o que deu errado, posso tentar te ajudar! 🙂

@jeffersonguiremixers2885 5 лет назад

Mano toma um like ai vou me inscrever no seu canal parabens cara

@bonner5881 4 года назад

eu so nãoconsegui entender uma coisa , como muda o link da barra de pesquisa ????

@lucascaton 4 года назад

Você precisa registrar um domínio (registro.br/ ou em algum gringo), configurar o DNS e hospedar o seu site (pode ser na Vercel, na Netlify, no GitHub Pages, etc) 🙂

@yum3851 3 года назад

Ensinou muito bem! Estava precisando dar uma revisada urgente em tudo o que eu aprendi sobre CSS e vc ajudou muito!! Valeu!

@vbag424 2 года назад

Estou começando a programar e até agora foi a melhor aula que assisti. Aprendi muito!

@RodrigoFlexa 3 года назад

Muito bom meu querido, me tirou algumas dúvidas que eu tinha.

@adrianoprust6991 3 года назад

Caraca oq demorei 300 horas no Free Code Camp para aprender o teórico o cara ensinou em 30 minutos....kkkkkkk, ótimo vídeo, o bom de já ter a parte teórica é que eu entendi tudo sem problema nenhum, agora vou fazer meu primeiro projeto responsivo e postar no github e depois partir para JS, que é onde o chicote estala....kkkkkkkk

@lucascaton 3 года назад

Obrigado, Adriano! Fico feliz em saber que curtiu. Compartlha aqui com a gente o link do seu primeiro projeto depois que fizer! 😉 Abraço, meu caro!

@adrianoprust6991 3 года назад

@@lucascaton Assim que eu fizer algo decente compartilho sim, obrigado pelos vídeos, ajuda bastante quem ta começando.