Тёмный

Curso de HTML #15 - Layout 1 - Parte 3 (CSS externo, centralizar layout) 

CFBCursos
Подписаться 216 тыс.
Просмотров 18 тыс.
50% 1

Curso de HTML #15 - Layout 1 - Parte 3 (CSS externo, centralizar layout)
Nesta aula iremos continuar o layout da escola de inglês, iremos inserir uma animação do flash usando object, centralizar o layout na tela e entender o uso de CSS externo.
Site do canal
cfbcursos.com.br
Colabore com nosso canal:
Qualquer valor usando o PIX: pixcfbcursos@gmail.com
Página de cursos no site
cfbcursos.com.br/cursos-cfb/
e-mails:
perguntas@cfbcursos.com.br
canalfessorbruno@gmail.com
Outros Links:
Vídeo Colabore com nosso canal: • Colabore com nosso canal
Canal youtube: / canalfessorbruno
Instagram: cfbcursos ou @cfbcursos
Twitter: @cfbcursos
Facebook: canalfessorbruno
RU-vid: / canalfessorbruno
vakinhas
www.vakinha.com.br/vaquinha/m...
www.vakinha.com.br/vaquinha/i...
Produção: Bruno P. Campos / CFB Cursos
Edição: Bruno P. Campos / CFB Cursos
Licença padrão do RU-vid
#cfbcursos #html #cursodehtml

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

 

12 июн 2013

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@talescampos6868
@talescampos6868 4 года назад
Parabéns e obrigado professor!!
@OnlyCortesRT
@OnlyCortesRT 8 лет назад
Só tenho que dar os parabéns. Excelente conteúdo. nota 10 mesmo. me tirou algumas dividas. inscrito e like em todos!!!
@FernandoArejano
@FernandoArejano 10 лет назад
Olá Bruno! Faz um tempo já que venho estudando html5 e CSS3 e quero lhe dar os parabéns, pois foi o vídeo mais didático que encontrei. Realmente excelente!! Foi, na verdade, o único que me ajudou em algumas dúvidas que eu tinha sobre divs e posicionamento! Só que neste seu vídeo me surgiu uma nova dúvida. Aqui você coloca todo o seu conteúdo, depois de pronto, dentro de uma Div (main) para poder centralizá-la junto com todo o resto do conteúdo. Não se tem muita dificuldade uma vez que o seu site é pequeno e todos as medidas bem definidas, mas como eu faço para centralizar todas as minhas informações quando, no meu layout, possuo umas ou várias Divs com tamanho de 100% da tela. Isto é muito comum nestes sites mais modernos (2.0). Na verdade, hoje em dia, acredito que seja a grande maioria (se tirar os antigos que já estavam na web)! Me passe, se puder, algum meio seu de contato mais direto.. Skype ou Face por exemplo!! Meu e-mail é: fernandoarejano@gmail.com Grande abraço para o amigo!
@brcampos
@brcampos 10 лет назад
Respondido por email
@carloshenriquepereira9786
@carloshenriquepereira9786 5 лет назад
Primeiramente gostaria de agradecer por mais uma aula excelente, Prof. Bruno. No meu código, tive que adicionar o parâmetro height:0px; no #main para que centralizasse corretamente, embora pelo inspecionar do Chrome, ele tenha recebido esse valor automaticamente.
@marcolocabrgamer9214
@marcolocabrgamer9214 5 лет назад
opa agora diminui meu atraso pra 5 anos e 11 meses , to no aguardo do layout pra fazer como nas aulas , o sr tem me ajudado muito , desde já agradeço , 2019 e suas aulas continuam super atuais , quando eu terminar esse curso vou fazer o de javascript e após isso farei tb o de node js que é oq me fez conhecer seu canal
@marcolocabrgamer9214
@marcolocabrgamer9214 5 лет назад
hahaha deu uma relaxada , até agora foi o recorde de distância entre os videos , kkkk quase duas semanas
@caiquepereira9046
@caiquepereira9046 5 лет назад
Boaa
@marcusphilipe160
@marcusphilipe160 5 лет назад
Muito bom cara, parabéns, irá fazer um novo curso quando ? Abs.
@ReginaldoSilvaRegisnaldo
@ReginaldoSilvaRegisnaldo 9 лет назад
É fessor vou ter que parar as aula de html para ver um pouco de flash esse bloggerzinho esta dando uma trabalheira kkkkkkkkk
@TheBlogabahea
@TheBlogabahea 9 лет назад
Um macete que eu uso para centralizar: Eu coloco a propriedade "margin" da div principal com o valor de "0 auto", que ele já centraliza automaticamente no browser.
@cfbcursos
@cfbcursos 9 лет назад
Flávio Mira Sim, funciona perfeitamente, vou mostrar desta maneira no curso de HTML5
@marcolocabrgamer9214
@marcolocabrgamer9214 5 лет назад
quando vc clica em um lugar do site e ao invés de carregar a página aparece um # significa que todos os sites foram feitos no mesmo arquivo? que show , professor nota 10
@sayori3939
@sayori3939 2 года назад
Essa escola me parece promissora, como me inscrevo nela? hehehehehe
@leandrorodrigues5313
@leandrorodrigues5313 7 лет назад
Bruno, parabéns pelos vídeos. Consegui montar uma intranet com seus ensinamentos. Uma dúvida, o tamanho do site que fiz só ficou legal com o zoom 90%. Tem alguma forma de configurar esse tamanho quando estiver em 100%? Obrigado!
8 лет назад
Olá pessoal, profe muito bom o conteúdo, minha dúvida é, se caso queria fazer um banner rotativo com javascript com link para direcionar, tipo banner de anúncio, tem como né? Fiz uma experiência no site do curso UPINSIDE e notei que é bom o curso, mais sem sombra de dúvidas o senhor tem muito mais paciência e jeito para ensinar. Meus parabéns, se um dia resolver algo parecido com aquele site que me referi a cima, com certeza serei seu aluno e terás muitos alunos. Para mim, sem sombras de dúvidas não encontrei nenhum curso que seja que chegue perto do CFB, meus parabéns mais uma vez.
@cfbcursos
@cfbcursos 8 лет назад
+João Leandro Kievel Kievel Fico até sem palavras pra tanto elogio, só tenho a agradecer. Quanto ao banner que você quer com links tem como sim, sem nenhum problema
8 лет назад
Chegou a fazer uma vídeo aula a respeito?
@BielanCamiloNeres
@BielanCamiloNeres 8 лет назад
Muito bacana mesmo o conteúdo. agora vim observando os outros tipos de posicionamento tipo o relative, ele é bacan uma vez q eu tenha por exemplo uma div dentro de outra eu consigo posicionar a div de dentre em relação a outra. mas como uso a inherit? por exmplo?
@cfbcursos
@cfbcursos 8 лет назад
inherit faz com que a propriedade CSS use o valor padrão do pai, semelhante a initial, só que com a diferença que inherit varre a propriedade pai no caso de herança e usa o valor padrão da propriedade pai
@ReginaldoSilvaRegisnaldo
@ReginaldoSilvaRegisnaldo 9 лет назад
eu quero colocar no meu site um com 03 divisão igual ao do olhar digital e com mais dois auxiliares do lado esquerdo e embaixo
@cosmesilva408
@cosmesilva408 7 лет назад
Parabens, aulas muito boas. Gostaria de saber se tem cd com todas as aulas.
@cfbcursos
@cfbcursos 7 лет назад
Olá Cosme, ainda não tenho CD com as aulas não, mas pretendo disponibilizar sim
@daviexpedi7o
@daviexpedi7o 5 лет назад
Professor ,quero fazer uma pergunta em questão ao tempo que devo passar em cada linguagem de programação ou marcação no caso do HTML.O senhor acha que passar de 3 semanas a 1 mês em uma linguagem é bom ??
@thiagoecunha1
@thiagoecunha1 7 лет назад
fessor, estou com um probleminha ! a principio tudo deu certo, quando eu clico nos links em sequencia todos abrem normal,mas quando eu clico no último link primeiro ai ele não abre, fala que não encontrou ou foi excluido. então volto no index e clico na sequencia, volta ao normal. observei que quando ocorre o erro na barra de endereço não aparece no final .html
@guerreirodrigo
@guerreirodrigo 4 года назад
Boa tarde Fessor, então estou acompanhando passo a passo das aulas, e até o momento não esta funcionando o background, e o java, jah analisei se existe algum erro de digitação junto ao seu e não encontrei nenhum. pq não funciona? se puder me ajudar agradeço.
@LucasRibeiro-zl1ss
@LucasRibeiro-zl1ss 7 лет назад
muito bom.. mas e se eu centralizar com essa propriedade >>> margin: auto; qual seria a diferença?
@cfbcursos
@cfbcursos 7 лет назад
Quando usamos margin:0 auto; usa 0px para as margens superior e inferior e auto para as margens laterais, quando usa-se margin:auto; definimos valor automático para todas as margens
@julianoferreira8456
@julianoferreira8456 7 лет назад
Bruno boa tarde, eu não estou conseguindo centralizar o layout completo, o código está idêntico, mas não funciona...??
@ReginaldoSilvaRegisnaldo
@ReginaldoSilvaRegisnaldo 9 лет назад
Fessor esse é aquele banner interativo ou não da para os usuários voltar ou clicar no link das imagens??
@cfbcursos
@cfbcursos 9 лет назад
Reginaldo Sirvarolli Esse está sem o link, como foi feito no flash, os links devem ser programados dentro do flash neste caso
@manoelalves7438
@manoelalves7438 6 лет назад
professor o banner swf só abre no chrome, por que isso acontece?
@menteesabedoria7722
@menteesabedoria7722 9 лет назад
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.
@cfbcursos
@cfbcursos 9 лет назад
Andre chagas da silva Você precisa criar uma conta em um servidor de streaming de vídeos, como este www.sitehosting.com.br/streaming-de-video/?gclid=CjwKEAjw5J6sBRDp3ty_17KZyWsSJABgp-OaMwfzvghDFPGVfJnKd7x7UM1lvPjxMkZKYcOAPZHlvxoCRPnw_wcB
@iguaracialvesdacruz8312
@iguaracialvesdacruz8312 6 лет назад
Olá Bruno! Estou em dificuldade em posicionar a "div rodapé " fixa em baixo das outras div, gostaria de saber como resolver esse problema.Um abraço !!
@cfbcursos
@cfbcursos 6 лет назад
Tem sim, mas preciso saber como está seu código, nos cursos de HTML5 e CSS eu mostro algumas maneiras
@backtothetrace
@backtothetrace 8 лет назад
Olá Bruno, como eu faço para o site se ajustar a cada resolução independentemente do monitor, pois tenho sites com 1600 e tenho sites com 1200 e sempre é um problema diferente que aparece. Tem algum comando que eu posso utilizar para por exemplo o site ocupar toda a tela como este mesmo do youtube? Desde já agradeço.
@kaoctisfactus
@kaoctisfactus 8 лет назад
+Philipe Anderson tem uma configuração que se não me enganeo é em por exemplo font-size:20em; que vai ser esse mesmo tamanho em diferentes tipos de telas. mas o professor pode dizer melhor onde e como usar esse valor. seria interessante fazer uma video aula sobre isso.
@averdadenuaecrua9941
@averdadenuaecrua9941 7 лет назад
ola professor, o a html é a melhor forma de fazer programação ?
@cfbcursos
@cfbcursos 7 лет назад
Olá Antonio, tudo depende da finalidade do seu trabalho, veja bem, se você está querendo desenvolver para web é fundamental que saiba HTML, agora se for desktop ou aplicativos para celulares a resposta é não
@averdadenuaecrua9941
@averdadenuaecrua9941 7 лет назад
eu sou administra de redes e quero saber mas sobre programação ?
@felipemanso1931
@felipemanso1931 8 лет назад
Bruno, ocorreu um problema no meu código que eu não consegui identificar. se eu clicar em home, e clicar nos botões de modulos, materia e salas, da como pagina encontrada, se eu clicar em escolar, por exemplo, e acessar esses mesmo links, entra normalmente...saberia me dizer o pq disso? obrigado!
@cfbcursos
@cfbcursos 8 лет назад
+Felipe Manso Compacta tudo em um arquivo zip e envia para o email do canal pra eu dar uma olhada, canalfessofbruno@gmail.com
@EdsonSilva-ue5fl
@EdsonSilva-ue5fl 4 года назад
Boa noite, Pessoal, meu arquivo roda no chrome ,anão funciona no firefox. Alguém pode me ajudar:
@gruposemlimites7542
@gruposemlimites7542 8 лет назад
professor pfv responda os pixels da pagina variam de cada pc por causa da resoluçao de tela pois os meus px's nao sao igual os seus e nao sei pq..?
@cfbcursos
@cfbcursos 8 лет назад
+Play loko A resolução da tela varia a quantidade de pixels sim, mas qual é o seu problema?
@gruposemlimites7542
@gruposemlimites7542 8 лет назад
+canalfessorbruno quando deichei este comentrario estava achando qsó o tamanho dos pixel's eram diferente ja hj pecebi q em algumas cituaçoes mais especifica cvomigo em css os pixels paramd e seguir em relaçao a margem e começa seguir o ultimo q vc usou tipo se eu coloco X item afastado em 100 e Y afastando em 100 o y vai ficar afastado 100 px do x e nao da margem ....éssa foi a maneira mais breve q conseguir explicar... professor se vc entender.me diz pq isso ocorre
@detudoumpouco9378
@detudoumpouco9378 9 лет назад
como vc fez este efeito do flash?
@cfbcursos
@cfbcursos 9 лет назад
Dá uma olhada nas aulas de Flash em especial na aula 12, segue o link abaixo #1 - Flash - Aula 12 - Mais uma aula de interpolação - Banner de Promoções.mp4
@manokchorrao
@manokchorrao 8 лет назад
Professor estou com um problema no módulo, material e sala não conseguir redirecionar. por que? Já estou mandando para o seu email para você verificar o motivo.
@cfbcursos
@cfbcursos 8 лет назад
+manokchorrao Já arrumei e enviei de volta
@manokchorrao
@manokchorrao 8 лет назад
Professor obrigado por essas e outras que eu te considero o melhor mesmo.
@camilaherbst1740
@camilaherbst1740 8 лет назад
Professor, eu to com uma dificuldade na hora de colocar o banner que eu fiz no flash. Eu queria deixar o banner no mesmo tamanho desse site bravepeople.co/ eu faço tudo certinho igual você ensina, coloco as medidas certas, mais ele fica pequenininho, sera que você pode me ajudar
@cfbcursos
@cfbcursos 8 лет назад
+Camila Herbst No caso deste site, esse slider não é feito em flash, é javascript, na verdade é um slider de wordpress, mas a base é feita em javascript, tem como fazer em flash também, mas como as imagens são grandes fica muito pesado
@andrepugliessa4183
@andrepugliessa4183 9 лет назад
Olá Bruno, muito bacana esses suas aulas, são bem explicadas, parabéns pelo trabalho, tive uma curiosidade, sou leigo nesses assuntos de sites, porem achei interessante este banner.swf da animação, porem gostaria de saber como faço para fazer com que cada imagem de animação tenha um link especifico, idem as manchetes do site da uol por exemplo, tem alguma formatação em especial? não sei se fui muito claro no questionamento.. caso não entenda, poderia me ajudar por email? meu e-mail é: a.pugliessa@hotmail.com Desde já agradeço a atenção e mais uma vez parabéns pelo trabalho! Abraços
@cfbcursos
@cfbcursos 9 лет назад
Olá André, no caso do SWF, a configuração do link deverá ser feita no Flash, na aula 24 de Flash ( ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xAY9JMy82_E.html ) eu mostro como criar o link pelo Flash, se tiver alguma dúvida com isso pode me mandar algo pelo email do canal, canalfessorbruno@gmail.com
@andrepugliessa4183
@andrepugliessa4183 9 лет назад
Legal mesmo essas suas aula, parabéns!
@cfbcursos
@cfbcursos 9 лет назад
André Pugliessa Continue acompanhando nossas aulas! Deixe criticas para que o canal possa crescer cada vez mais!
@menteesabedoria7722
@menteesabedoria7722 9 лет назад
Professor ,peço sua ajuda ,meu interesse é criar um site de de vídeo para anunciantes e classificados,onde os clientes tenham total liberdade de postar seus vídeos e mostrar seus produtos de forma mais abrangente ,principalmente,na venda de carros ,casas e apartamentos,onde quem tiver interessado em comprar possa ter o maior número de informações possíveis .Porém,não sei como começar e como fazer para programar um site assim,por isto,peço sua orientação.Existem milhares de sites de vídeos,mas até agora,nem mesmo no youtube encontrei informações de como são feitos e programados este sites.Espero sua respota,atenciosamente!!!!! Desde já muito obrigado!!!! Estou buscando me esforçar para aprender com sua aulas.
Далее
OVOZ
01:00
Просмотров 1,1 млн
😍😂❤️ #shorts
00:12
Просмотров 105 тыс.