Curso de HTML #13 - Layout 1 - Parte 1 (divs) 

Esse é o melhor canal de tecnologia do RU-vid- Brasil, melhor conteúdo gratuito na internet. Obrigado Fessor

Show!

Parabéns e obrigado professor!!

parabéns professor, aula muito boa

Boa noite ! Obrigado por deixar claro na organização dos arquivos.

Muito legal Bruno!!! To fazendo e ta dando tudo certo!!

Prof. Bruno, aula show ...depois de 7 anos, ainda é bem relevante.

muito show, dica: ajudando a encontrar a posição , encontrei o programa (Pixel Ruler) é uma régua ajuda muito, mas claro se preferir fazer contas é válido, eu estou treinando assim faço igual o professor tento calcular e depois confiro com o programa isso ajuda a dar noção de distância....

Fessor Bruno = o mestre dos mestres!Obrigado pelas aulas!

De todos os professores e aulas que encontrei na internet, acho o seu canal é o melhor pra mim, vou assistir todas as aulas, valeu mesmo... Espero as aulas de Corel também. Abraço.

Você é o Maximo Fessor Bruno , Deus te abençoe por disponibilizar tanto tempo com um curso tão importante para nossos conhecimentos

Otima aula, o que atrapalha são as propagandas de 3 em 3 minutos, mas um bloqueador de anuncios resolve haha

Joia Fessor muito boa Aula meu Blogger vai ficar show !

Parabens professor. excelente trabalho.

parabens show de bola ....

Muito bom seus vídeos! todos os dias assisto um desse curso.

Parabéns pelo belo trabalho, professor. Deus te abençoe sempre.

Estou acompanhando todas as aulas de HTML, excelente.

Melhor canal de programação !! aprendi muito com vc

Melhor professor de html/css ❤️❤️❤️❤️❤️❤️❤️❤️❤️

muito foda seus vide-o pra quem ta começando!

No 18;05 e aquele hamachi ali em kkkkkkk Mas sua aula é muito boa cara

Otima aula professor :) Poderia disponibilizar os arquivos?

já acessei o link abaixo

Adorando as aulas! Preparei minhas próprias imagens aqui, professor, não ficaram tão boas quanto as suas, mas tá valendo. Obrigadaço!

Otima video aula!

Ola professor Bruno primeiro gostaria de parabeniza-lo por suas excelente aulas e quanto aos arquivos se ainda tiver e claro devido a data da postagem desses video poderia me encaminhar desde ja agradeço e mais uma vez parabens :)

Ola professor Bruno poderia me enviar os arquivos de layout dessa pagina por e-mail ? seu curso e excelente

pô fessor.. fudel! tinha que ter deixado o layout para down... si bem que fazer com outro modelo é bom pra treinar heheh

Boa tarde Professor Excelentes aulas com a preocupação de deixar bem claros todos os assuntos abordados. também gostaria de receber os arquivos das aulasministradas. Muito obrigado

Prof: Manda pra mim o link que esse que ta na descrição não ta funcionando ok abraços.

Boa tarde! Bruno, você poderia por favor me fornecer os arquivos que vc utilizou nesta aula, pra que eu possa acompanhar melhor, pois, eu não tenho acesso ao photoshop. Desde Já muito obrigado.

e possivel colocar duas imagens de fundo? e centralizar uma delas ?

Boa noite, professor. No caso das divs dos botões, para evitar repetição da definição de estilo dos botões a gente pode criar uma classe para eles definindo os atributos comuns de position, top, width e height, e aplicar essa classe em cada uma das divs, certo? A definição de estilo das divs iria informar então apenas o atributo left, que é o único atributo diferente entre essas divs de botões. Segue abaixo um exemplo: /* Classe para reaproveitar a definição de estilo dos três botões */ .botaoAba { width: 150px; heigth: 150px; position: absolute; top: 300px; } #bt_salas { left: 10px; } #bt_cursos { left: 20px; } #bt_turmas { left: 30px; } ... ... ... O código final ficaria mais enxuto e menos redundante.

Fala fessor Bruno, tem como upar ou passar por e-mail o conteúdo da aula??

Professor Bruno, tenho uma duvida, existe alguma possibilidade de conseguir fazer o layout diretamente via html e css por meio de divs conseguindo definir o dimensionamento junto com a tela como a largura e altura em conjunto caso o usuário tente redimensionar o navegador?

Boa Tarde Bruno? Muito Obrigado pelas aulas, estão sendo muito boas para mim e com certeza pra muitas pessoas, parabéns. Gostaria que pudesse me enviar as imagens por e-mail, é possivel?

olá tudo em dia ? não consigo encontrar os Arquivos usados na aula 13 de layout

aula de ingles body{background-image:url(bx.gif)}

professor estou seguindo todos os passos na hora de adicionar o background-image, mas diferente de seus videos toda vez q abro no navegador o background só aparece se tiver algum texto no body, saberia me dizer como solucionar isso?

Professor, eu gostaria de saber como fez essas imagens, qual programa usou para criar essa imagem de fundo e esses botões?

deu algo errado aqui(aparentemente ficou igual o seu mais o codigo ficou diferente) pra formatar e ficar igual o seu tive q mudar os px... os pixels nao tao batendo vou colar os codigos aqui. se souber pq n ta dando certo por favor responda :/ Escola de ingles body{background-image:url(fundo.gif); background-repeat:repeat-x; } #logo{ position:absolute; top:0px; left:100px; width:150px; height:150px;} #btModulos{ position:absolute; top:94px; left:150px; width:160px; height:33px;} #btMaterial{ position:absolute; top:0px; left:160px; width:167px; height:33px;} #btSalas{ position:absolute; top:0px; left:160px; width:167px; height:33px;} #menu{position:absolute; top:55px; left:0px; width:650px; height:30px; border:1px solid #000000; } #banner{position:absolute; top:185px; left:-310px; width:770px; height:308px; } home - a escola - institucional - aluno - professor -fale conosco

Cadê os arquivos não tem mais

pode colocar as imagens que fiz nao fessor ?

As tbs onde criar elas

Os links estão indisponíveis é uma pena por que queria fazer essa atividade

Bruno, estou montando um site pra minha igreja baseado as suas aulas. agora me deparei com uma questão que gostaria da sua ajuda. Tenho uma lista de musicas muito grande e gostaria de colocá-las dentro de uma caixa tipo de um formulário com uma barra de rolagem. Pergunta: É possível fazer isso? Outra coisa, esta lista pode ser tipo LINK ou seja, quando for clicado uma determinada musica da lista a musica é direcionada para um pagina com a cifra correspondente?

2021. os arquivos nao estao mais disponiveis :(

Bom dia Fessor Bruno. Tudo bem? Meu amigo ainda consegue compartilhar os arquivos que utiliza para que eu possa treinar em casa?... Abraços!!!

como vc conseguiu estes layout, pq quero fazer um site gospel, mais nao exatamente com estes menus ai

Professor manda pra mim o layout,não consegui baixar

como posso receber suas aula professor bruno sou seu aluno pelo you tube mais a minha deficiência não dar para acompanhar o senhor

Professor a imagem de fundo não aparece :(

professor,o comando body{background-image:url(nome da imagen); , ele não funciona com imagens baixadas da internet?

Tem como dar zoom em uma div....igual faz em uma imagem ??

Fessor, boa noite! a linha "body{ background-image:url:" não está funcionando pode me ajudar?

Esse vídeo é de 7 anos atrás...vc tem curso mais atualizado??

Não to conseguindo fazer a 1° etapa

quero criar um site mais quero criar por etapas, eu salvo em html e depois fecho o bloco de notas, então como faço para poder ter acesso de novo para poder acabar de fazer o site?

Como eu consigo esses arquivos?

mudei o nome da imagem

Ola Bruno,tudo bom! Primeiro quero agradecer por essas Videoaula de HTML e outras!!! me ajudou muito a entender como a formatação CSS em HTML muito obrigado. Eu gosto como vç explicar tim tim por tim tim e divertido :-)...estou assistindo sua Aula e fazendo minha primeira página!!!. se for possível eu gostaria de obtê as imagens do layout. vç poderia me enviar ?!?!?!?!!! (Email: capoeira_gab@hotmail.com) meu parabens valeu todo Joinha!!! :-) :-) :-) muito sucesso

Prof. Não consegui baixar o arquivo!!

professor bruno não to conseguindo uma imagem solida no body, fica cheia de espaço ,como corrijo isso?

Veja o que comentei no video sobre posicionamento de DIV's (repito aqui): A diferença desse professor é que ele começa a aula do RESULTADO ("como vamos fazer isso..."). Isso torna qualquer explicação mais interessante! Em vez de usar o método convencional (e chatíssimo) de começar com o comando, tag, propriedade e depois mostra o que ela faz...

e quando o arquivo é solicitado quase 6 anos depois?

Como criar um site de vídeos ,para receber vídeos dos usuários ,não me refiro vídeos de outros sites,mas do próprio usuário ,direto do:pc,celular ou câmeras,particular do usuários ?Assim,como acontece no youtube e no facebook.

Não consegui colocar a imagen de plano de fundo. Fiz tudo igualzinho ao vídeo

Fessor Bruno, gostaria do material dos arquivos destas aulas pra mim ir fazendo junto obrigado.

cade o arquivo?

Fessor oque tem de errado no meu codigo estava tentando fazer um site so que nao esta funcionando.Aqui o codigo: #cubo{ position;fixed; width:300px; height:300px; background-color:#1514; }

poderia me enviar esses materias.e outros se tiveres estou em aprendizagem agradeceria obrigado

ola prof bruno eu queria essas imagem

Fiz as imagens necessárias para meu próprio uso, se mais alguém precisar segue o link: drive.google.com/file/d/1LY6wUNPFdW9eXtwk40OsRlbkj-UaHbvh/view?usp=sharing.

+canalfessorbruno nao consigo baixar os arquivos tem como me mandar por e-mail?

Galera, o link não existe mais. Recomendo print da imagem e recortar no paint, respeitando as extensões, simples. Se não quiser, troque por outras imagens. Afinal, a matemática num tem só problema com laranja , tem com maçãs também. Você pode aprender do mesmo modo mas com outras imagens...bora pensar um pouco...

Não seria melhor colocar a css separada do html ?

so esqueceu de deixar o site responsivo

mande-me as imagens do layout obrigado

ola pessoal. Acessei o link mas os arquivos ja nao estao disponiveis no site, peco a quem tiver os arquivos dessa aula me enviar no e-mail: www.alfredochihungo@gmail.com

KKK ficou slow motion!!!

Professor Bruno, o link do mega não funciona, poderia enviar o arquivo para o email: silmarrf@brturbo.com.br Grato Silmar

o meu n deu certo.

excelente aula, mas o link já não funciona...poderia me enviar os arquivos adaoclv@gmail.com por gentileza?

Olá Bruno gostaria aqui de deixar os meus parabéns pelos cursos que você disponibiliza, está me ajudando bastante, muito bem explicado, obrigado. Se você puder disponibilizar os arquivos dessa video aula eu agradeço para que eu possa praticar, abraço! email: gardennicosta@gmail.com

esqueci de deixar o e-mail jpjuniorimoveis@gmail.com

dsnunes@restinga.ifrss.edu.br, quando poderes, me envie as imagens do layout. Otimo canal, muito bem explicado detalhes por detalhes. Obrigado.

Primeiro gostaria de agradeçer suas Aulas, São muito boas; Parabens, segundo o senhor poderia fazer a gentileza de me mandar, os arquivos do site, pois o do link do mega não esta funcioando; Meu email e itscastilho@gmail.com

Professor vc ainda tem os arquvios em pleno 2020 kkkkkkk!!!!

Fessor,tudo? Parabéns pelas aulas! Queria saber se tem como passar os aquivos dessa aula para o meu e-mail? Porque esse link não esta funcionando... E-mail: almeidajld@gmail.com Muito obrigado!

Olá fessor Bruno, parabéns pelo curso excelente. Estou acompanhando as aulas, teria como eu ter acesso aos arquivos desta aula, segue meu email: gilmarddoliveira@gmail.com? Procurei no site CFB e não encontrei. Agradeço desde já! Obrigado!

Ótimas aulas! Você tem algum site onde disponibiliza o material? Tem como me mandar as imagens? marcuslinck@gmail.com abraço

Professor o link do mega nao funciona, me mande os arquivos por email:karloshair@gmail.com. Se for atendido desde já agradeço...

Boa tarde Bruno, tudo tranquilo? você poderia enviar as imagens do layout por favor? email: luis_giacomo@hotmail.com Uma dúvida, as suas aulas são embasadas no html5 ou o 4? parabéns pela competência e detalhamento nas explicações, valeu!

Ola mundo massa sua aula. Estou aprendendo html agora e gostaria de receber o conteúdo da aula. se puder enviar eu agradeço fabianobernarde@yahoo.com.br

Ola "fesor Bruno" - estou aprendendo com suas aulas, mas não consigo baixar as imagens, flash e outros. Por favor me envie no email: pradorubens@hotmail.com agradeço de já Obrigado.

Alguem me envie o arquivo por lid.slim@gmail.com Obrigado

Professor Bruno, poderia enviar os arquivos. rossy.alves@otmail.com Desde já muito obrigada.

alisson.rigues@hotmail...Manda ae imagens do layout por favor ..vlw abraço

Boa tarde professor. Poderia enviar-me os arquivos de layout da página? euricosambo@gmail.com . Obrigado