Como criar um portfólio com HTML e CSS iniciante
HTML-код
- Опубликовано: 12 сен 2024
- LINK DO PROJETO ➤
github.com/Dan...
LINK DO MEU SUPORTE PARA DUVIDAS ➤
bit.ly/3Ck5zCH
LINK DO MEU CURSO PARA FRONT-END ➤
hotm.art/XL8fj3rK
VIDEO DO CRIADOR ORIGINAL ➤
• How To Make Ecommerce ...
#htmlcss
#portfolio
#programação
#htmlcss
#flex-box
#programação
#wordpressforbeginners
#webdevelopment tutorial
#html
#csstutorial
#htmlforbeginners
#websitedesignanddevelopment
#freelancingwordpress
#wordpressplugins
#freelancing
#WebDevelopment
#websitedevelopment
#htmlcss
#coding
#websitedevelopment
#websitedesign
#codingforbeginners
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Cara que video incrível! Parabéns pelo conteúdo espero que continue motivado a ajudar as pessoas. Vídeos assim no YT são raros continue nao desanime sua ajuda é muito importante. Obg.
Vlw mano, vou continuar motivado e ganhando conhecimento para ajudar muita gente. tmj
Opa mn, eu sou um desenvolvedor iniciante- mediano já uso react e faço backend com deploy, mas se eu estivesse começando agora no desenvolvimento web com certeza esse vídeo iria me ajudar muito, Conteúdo top demais
vlw amigo , eu ainda não tenho muito conhecimento em backend e react.
Cara que explicação incrível, o foco que você da na edição completa demais a explicação parabéns!
Vlw mano tmj
Amei sua explicação, muito didático pra quem está iniciando..... Parabéns que seu canal cresça muito, pois vc merece.... Não tem como não seguir sua página
Muito obrigado 😊
VC SE SUPEROU CONTINUA FAZENDO DESSE JEITO OTIMO MODELO DE ENSINO PEGANDO AS TAGS E EXPLICANDO JUNTO COM CSS E FONTE TEM MEUS PARABENS. FAZENDO ASSIM FICA MAIS FACIL MEMORIZAR E APRENDER NOS PROXIMOS VIDEOS ENSINA DESSE JEITO QUE VC TA ENSINANDO, PARABENS
APRENDI MAIS COISAS.
Vou continuar sim
@@frontenddanilo mano faça isso tambem com js to indicando seus conteudos para amigos que eatao começando agora.
caramba, incrível o vídeo irmão, me fez entender muitas coisas que não estavam fazendo nenhum sentido
Que bom q ajudou nano tmj
Amei testei e já sui para o Github, muito obrigada 👍
Vlw
Parabéns, explicação limpa e clara, continue gravando!
Vou continuar sim
Parabéns, didática do vídeo muito bom, estava fazendo um portifólio para trabalho acadêmico, ajudou de mais 😅
Tmj
Parabens Danilo, irei indicar pra geral!!
Vlw
Eu ameeei!!🥰 Assisti vários vídeos, mas foi através do seu que finalmente dei início ao meu portfólio!!
Tive um pouquinho de trabalho com a imagem, pois não consegui deixar o fundo escuro como no seu modelo e quebrei muito a cabeça pra diminuir um pouco ela e levar mais pra direita, mas no final deu super certo e tô amando o resultado... Se não for pedir muito, faz depois a parte do JavaScript pra dar vida ao portfólio hahaha ☺
Faço sim
@@frontenddanilo oi tudo bem, na parte da imagem não apareceu escrito "background.jpg" no canto superior esquerdo acima do "índex. html"
Muito bom cara. Video sem enrolação, video bem editado. 👏 Parabéns amigão!
Obrigado
Cara, fora do sério faço um curso de uma grande empresa de cursos aí, e os professores de lá não chegam ao pé da sua didática.... valeu demais....
Tamo junto, muito obg
Cara, gostei muito do vídeo, consegui desenvolver minha pagina personalizada e ficou muito bom. Não sei se ja existe algum vídeo que mostre como criar as outras paginas e linkar elas pra quando clicar no link "sobre" ir pra pagina "sobre" por exemplo. poderia me indicar algum video que fale sobre ? Parabéns pelo seu vídeo e seu trabalho!.
e só usar as tags e definir um indereço a elas (href) e criar uma oagina para esses indereços
Sim mano já existe vídeo ensinado aqui no canal, passo a passo
Ganhou um escrito, otima explicação ,sem pressa , tudo bem explicado dentro de cada conformes
Obg
Obrigada por compartilhar esse video. Sou iniciante, e vou usar seu video como um exercício. Gostei D+.
Sucesso!
Muito boa a explicação, para quem esta começando, assim como eu!!! 👏👏👏👏
Muito obg
Ganhou mais um inscrito.... Parabéns pelo conteúdo!!!
Vlw ✌
Aula top! Explicou sem enrolação e de um jeito que deu pra entender. Parabens e obg!
Obg vc por ter acompanhado
Video top de mais, muito didático. Estou começando na área de programação e quero começar a gravar videos para reter conhecimento e esse video me inspirou muito
Bons estudos mano, alguma dúvida pode chamar no suporte
Me inscrevi no seu canal, sucesso sempre, uma obra prima suas aulas...
Muito obrigado
Show .... me ajudou um bocado 👏🏼👏🏼
Essa é a intenção
Eu amei e com toda certeza os seus vídeos vão me ajudar nesse início ❤❤❤
top de mais
Legal, me ajudou demais...Parabéns. Seguindo!!!
Que bom que ajudou
Você é o cara. obrigada por partilhar seu conhecimento. ganhou 1 inscrita e 1 seguidora fiel. valeuuu
Vlw , obg por acompanhar
Você é monstro, meus parabéns!
Tudo nosso
Didática muito boa, cara.
Vlw
parabénss, que explicação top!!
Obrigado 😃
Sou Desenvolvedor Full Stack, mas nao tenho conhecimento de front mano, seus videos tao me ajudando muito
Fico feliz em saber
Parabens.Conteudo excelente!
Muito obg amigo
Ótimo vídeo! Super detalhado!
Obg😁
mano eu acabei de um completar um curso de 40 horas de html do gustavo guanabara e nao aprendi metade do que aprendi nesse video, parabens continue assim
Que bom que ajudou mano muito foda
Muito bem ensinado.
Tmj
Parabéns pelo conteúdo!
Muito obrigado
Te amo Danilo paixão
parabens pelo vidio muito bom
Obrigado 👍
Vídeo top.
Conteúdo mil irmão valeu, ganhou um escrito novo!!!!!
Tmj
toppp ... mano
Muito bom! Adoreeei
Que bom que gostou
Aula sensacional...
Obrigado 😃
Video top
Vlw amigo
Top demais!!!
Vlw
Ótimas explicações
2
Vlw
ÓTIMA EXPLICAÇÃO! OBRIGADO
Eu que agradeço
Muitoo bom !! 👏👏
Obrigada ✌
parabéns sucesso
Vlw
muito bom o vídeo , me ajudou muito a ter boas ideias
Que bom que ajudou
Muito bom!! Valeu mano
Tmj
Muito bom!
Tmj
muito boa essa técnica
Vlw
o vídeo é perfeito mas faltou o mais importante.
se você ensinasse também como a gente compartilha esse portifólio para outras pessoas verem (entrevista de emprego e até mesmo clientes)
Como assim compartilhar? No caso tu teria que hospedar ele em algum host gratuito
Isso só com hospedagen do seu portfólios.
cara gostei muito, obrigado
tmj
Sugiro que antes de tudo para aqueles que não conhecem nada do assunto, ensine como criar uma pasta e um arquivo no vscode e depois então, como acessar a pasta no vscode para então iniciar os códigos.
Sim mano, obg pela dica, realmente isso é um problema, nem eu fazia ideia, geralmente quem tá começando quer ir logo para os código e começar a criar.
Uai. Tem vários tutoriais por aí
Muito foda!
Vlw
Top 🙌 mano éso o que eu precisava entender ta mais claro que o agua. Mais tenho uma dúvida VC fez o site mais agora na parte js aí como ficaria na hora de abrir. Os ícones pra entra em cada um deles é outro procedimento.
Sim tanto no HTML css e js
Geralmente, abaixo do nome, no portifólio, colocam a área que atuam tipo "front-end developer". Porém sou iniciante e ainda estou no 1 período da faculdade, posso colocar a área que pretendo atuar ou posso colocar que sou estudante?
Ainda não, melhor ganhar um pouco de experiência, crie projetos pra você mesmo pra ir ganhando experiência
Top
Vlw
Show
obg
gostei do vídeo
Obg
10:20 o nome certo desse "A" é âncora
Muito obg pela dica
Primeiramente parabens pelo seu video! ótimo trabalho vc tem feito, fui tentar reproduzir seu projeto para treinar e fiquei preso em uma etapa.
.background{
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
background-image: url(background3.jpg);
background-size: cover;
background-position: center;
width: 100%;
height: 100vh;
}
quando eu seleciono a imagem "background3.jpg" ela simplesmente não aparece no chrome, detalhe, a div ta certa, ela esta dentro da pasta do projeto, o nome ta certo ta tudo certo, porém ela não aparece no chrome, alguem pode me ajudar?
Fala amigo, cara vc linkou o css? Se ainda não conseguir chama no suporte link na descrição lá eu ajudo você melhor
Consigo trabalhar com "color: minha_cor" e ter apenas 1 local no código onde defino "minha_cor = #fff"??
Valeu pelo vídeo!! Muito bom para nós que estamos começando
Conseguir sim , vc só tem q saber qual o RGB da sua cor
@@frontenddanilo Oi danilo. Valeu por responder, mas na verdade eu queria saber sobre a sintaxe do código...
Por exemplo, em códigos de LaTeX eu colocaria no "head" do uma "tag": \definecolor{minha_cor}{RGB}{219, 48, 122}
A partir daí, sempre que precisar usar essa cor, basta usar "minha_cor" no lugar de por o rgb, ou hexa.
Abraços!!
Fala amigo desculpa a demora de responder mais eu ainda não conseguir Identificar o seu problema manda uma mensagem pra mim no whatsapp lá vou lhe ajudar melhor bit.ly/3Ck5zCH
No caso no css, vocês está querendo definir uma variável com a cor certo ? Se for o caso use :root{ --exemploCor: #fff}
Depois você chama com por exemplo color:var(--exemploCor):
cool
top
muito bom
Tmj
cara muito top!, Tenho uma duvida. Como faço para por uma logo que eu ja tenho? ela esta em jpg
A mesma forma que mostrei no video vc só tem q importar a imagem no seu arquivo e depois puxar no vs code
Cara não consegui a imagem background-image: url() 😢 não aparece pra mim!
Talvez essa imagem está em alguma pasta, e voce não linkou a pasta a apenas a imagem, então não funcionar.
🙌
D+++
salve
relevante
Vlw
e como que faz pra hospedar um site com baixo custo só pra testar
Existir alguns site para publicar, mais você tem que ter um dominó, mais a digital Ocean vc consegue
Opa guerreiro, poderia me tirar umas duvidas? fiz do mesmo jeito que vc fez mas a imagem não apareceu
Conseguiu resolver?
Em 8:46, na aba style.css. Porque o comando background image dentro da class background, não está aparecendo e mesmo assim, a imagem ainda continua aparecendo ???
Mano desculpa a demora de responder vc , se ainda tem dúvida me chama no suporte que eu ajudo vc melhor
Danilo , quando vai sair a parte 2?
Vou deixar responsivo
não consegui retirar as lihas e pontos que decoram o menu. por algum motivo essa regra não se aplica ao meu vs code.
Não cara, algo q vc fez não estar batendo todos vscode são iguais
Eu repliquei boa parte do código, entretanto a pagina web não abre, o que pode ser?
Vc linkou o caso?
só uma dúvida, seria realmente necessário a div, antes do header, tendo em vista que header uma div semântica ?
A div antes é por causa da logo
não consegui deixar meio escurecido o site... como faz isso?
Desculpa a demora de responder, vc pode fazer fora do css, por exemplo, vc ja importar a imagem já escurecida, vc pode usar o canva ou outra plataforma pra isso.
Onde faço o portifolio?? n entendi essa parte
Qual sua dúvida??
Oi, pode me ajudar?? Ali aonde eu coloco O nome "olá pessoas e O resto da escrita, nao ta Aparenssenso, já olhei esta tudo igualzinho, já salvei e qua do eu clico para atualizar a página não aparece minhas escrita😢
vc ja tentou linkar o seu css no HMTL ?
Não sei se fiz isso, vou ver! Obrigada
Como faço para deixar o cabeçalho mais separado?
@@frontenddanilookha, já tá lincado e não tá indo, não sei oq pode ser, tá tudo igual, pod me passar seu zap pra eu mandar uma foto? Me ajuda por favor
Vc tem que usar display: flex; no seu cabeçalho e depois justify-content: space-between;@@Miniprincesa3499
Onde você pegou a background?
Em um projeto q eu copiei , esse projeto não é meu, mais tem os links das imagem na descrição do video.
Eu posso usar no meu projeto?
Pode sim
O conteúdo é bom , mas precisamos aprender a deixar responsivel o site amigo.
Vou fazer um vídeo mostrando
ue, pq o header ta dentro da div ?kkk
Algum erro ou eu não vi kkkk acontece
Como faço para inserir informações no Menu?
ME EXPLICAR MELHOR MANO ?
@@frontenddanilo Por ex: quando eu clicar em "Meu Contato": deve aparecer as informações de contato, certo? Onde e como eu insiro esses dados? Desse menu e dos outros
@@frontenddanilo ou clicar no menu e mudar de página
@@manoelvictor5737 mano vc tem que criar outro index html , tem um video q eu explico como faço isso ruclips.net/video/m74kvVOKd5k/видео.html
@@frontenddanilo Maravilha hehe! Vlw demais mano, o conteúdo tá massa
no mobile fica uma merda
Sim, o site não tá responsivo, no video o foco é trazer apenas a construção do layout e mostrar como faz com html e css.
Muito bom!
Vlw