Download Subtitles and Closed Captions (CC) from YouTube

Enter the URL of the YouTube video to download subtitles in many different formats and languages.

BilSub.com - bilingual subtitles >>>

Reunindo tudo em um único CSS - Curso em Vídeo HTML5 e CSS3   Complain, DMCA

e esse aqui é mais um vídeo relativo ao

25º capítulo do nosso material onde a

gente fala sobre a mediatriz e agora eu

vou te mostrar uma outra forma de

declaração principalm­ente utilizada para

o Olá tudo bem com você seja muito bem

vindo muito bem vindo a mais um vídeo

aqui do seu curso de html CSS a gente tá

estudando a mídia frios na aula anterior

te mostrei como funciona a mídia Fischer

orientatio­n a gente fez um exercício ó

fizemos esse exercício aqui que a gente

conseguiu colocar em pé e deitado e

adaptação tá sendo automática E se a

gente aprendeu na aula anterior e agora

eu vou fazer o seguinte eu vou te

mostrar como fazer outras formas de

declaração com uma segunda forma de

reclamação inclusive nesse projeto que a

alterações nele porque ele é um projeto

um pouco menor para projetos maiores que

são que a gente vai fazer inclusive no

capítulo seguinte né que a gente vai

fazer uma tela de login o capítulo 26

exatamente para isso a gente vai manter

separada declaração separada como a

gente fez anteriorme­nte agora quando o

projeto é um pouquinho melhor coisa que

a gente acabou de construir no vídeo

anterior não faz sentido a gente ter

três arquivos separados dá para fazer

tudo no mesmo arquivo ou até mesmo

dentro da própria declaração da HDMI F

Mas vem comigo se você não entendeu é

confuso para mim explicação a gente vem

comigo que eu vou te mostrar como fazer

interrompe­r sua aula para contar uma

história bem legal da Record que é

patrocinad­ora do nosso corpo João Vitor

morador da comunidade pavão-pavã­ozinho

Cantagalo aqui no Rio de Janeiro era um

menino muito difícil de lidar até que

ele encontrou a Record dá uma olhada só

um pedaço do depoimento dele pelo nome é

João Vitor tenho 17 anos moro na

comunidade pavão-pavã­ozinho Cantagalo na

zona sul do Rio de Janeiro Teve uma

época da minha vida que eu tava muito

normalment­e uma criança um adolescent­e

não veio então eu conheci há ricoldi foi

que tudo começou a mudar os cursos dela

é as oportunida­des gratuitos eu queria

ter uma base onde que eu pudesse crescer

me dá uma família carente mas a

tecnologia mudou a minha vida quem

oportunida­des para quem Talvez não tenha

todas elas se você é uma dessas pessoas

ou conhece alguém apresenta o projeto da

Record com certeza você vai poder ajudar

a mudar a vida de alguém Obrigado

repouso pelo Patrocínio que a gente

A vitória só esse daqui é o nosso

exercício anterior nós temos três

declaraçõe­s link aqui ó uma para todas

as milhas outra telas no modo retrato e

outra telas no modo paisagem tranquilo

serviço no vídeo anterior se você não

entendeu volte lá assistir Os dois

últimos vídeos que a gente começou a

construir esse projeto temos declaraçõe­s

genéricas temos declaração para aparelho

em pé e temos declaração para aparelho

deitado o que eu vou fazer aqui o

seguinte Primeiro vou deixar isso aqui

aberto e eu vou fazer o seguinte vou

abrir a minha pasta de exercícios vai lá

exercício 26 nós vamos criar aqui uma

nova pasta O que é por aqui é mais facil

mt003 beleza não mt-03 eu vou pegar

alguns arquivos do mq-02 vem comigo abre

1002 você vai pegar somente Windows

seguro controle e a pasta imagens ou

então você vem aqui ó Faz um quadradinh­o

assim aqui pegue os dois tá senão você

clica em um seguro contra o clique em

outro selecionar os dois vai dar Control

A copiar vai vir aqui no Exercício 26 de

novo vai entrar no mt003 e vai colar

controle Então eu tenho o Media Player

03 também o terceiro exercício que vai

ser o mesmo exercício anterior porém com

declaraçõe­s de um jeito um pouco

diferente das folhas de estilo o que eu

vou fazer aqui o seguinte ó Fecha aqui

somente o index Deixa aberto esses três

estilos tá Deixa aberto esses três fios

do exercício anterior se você não sabe

onde encontrar os três estilos eles

mt-002 dentro a passo estilos abre esses

três aqui ó vou fechar vamos supor que

você tenha fechado tudo fecha tudo e

tudo mais tá no outro dia de estudo você

vai abrir o mq-02 abra a pasta estilos e

Abra o Style o retrato EA paisagem tá do

exercício anterior só esse não abre o

endereço do link 002 Fecha a pasta 002

abre a pasta 003 e vamos abrir o Windows

2003 Beleza o que eu vou fazer aqui é o

seguinte eu vou tirar todas essas

declaraçõe­s aqui eu não quero fazer três

declaraçõe­s que eu preciso os 3 arquivos

CSS que o meu projeto é bem pequeninin­ho

eu vou fazer tudo isso dentro de um

Styles ó aí eu vou fazer uma declaração

de estilo aqui dentro aqui dentro eu vou

fazer todas as declaraçõe­s as minhas

declaraçõe­s Gerais eu quero fazer aqui

também as minhas declaraçõe­s para

retrato e eu quero as minhas declaraçõe­s

para paisagem então eu vou unificar tudo

isso no mesmo CSS está no mesmo acesse

local pode ser até um CSS externo até o

final do vídeo eu te mostro como

funciona esse então vou fazer o seguinte

ó nas declaraçõe­s Gerais eu vou pegar

simplesmen­te as minhas declaraçõe­s

Gerais aqui ó essas declaraçõe­s que eu

fiz aqui nas configuraç­ões Gerais tá eu

concentro tudo no mesmo CSS não se

esquece de abrir o indux somente do

projeto três tá no ferro projeto quatro

não vou colar aqui se ele ficou um pouco

para dentro você pega todas a gente

ficaram para dentro e aperta Tab

seleciona e vai apertando tarde aquela

ficarem direitinho arruma teu código tá

essas aqui também as declaraçõe­s Gerais

agora vou fazer minhas declaraçõe­s de

retrato e de paisagem antes de copiar o

código o centro eu vou fazer o seguinte

eu vou criar uma regra CSS aqui ó eu vou

botar a roupa mídia certo ó onde eu boto

à Rua mídia ele já vai sugerir você

quer@mídia normal úmido screen já vou

botar midstream aqui a rua midscreen só

que é me diz que em antes agora o Mídia

Fischer orientatio­n que vai ser retrato

portrait a escreve direitinho aí e aqui

nós declaração de paisagem eu vou

botar@medi­a screen and orientatio­n

landscape não bota; ele sugeriu aqui;

não bota aqui dentro eu faço todas as

declaraçõe­s para modo retrato e aqui

dentro eu faço todas as decorações para

modo paisagem Viu como é que tranquilo e

isso para projetos de menores em eu vou

pegar todas as configuraç­ões de retrato

e só um pouquinho já vou copiar

selecionei copiei ouvir aqui ó modo

retrato aqui ou também arrumar o código

aqui para ele ficar bonitinho a gente

aqui dentro Eu percebi que essa

declaração esse seletor aqui vem dentro

do arroba mídia tá não se enrola não e

declaração de paisagem que eu peguei lá

do outro arquivo Então você selecionar

aqui colocar suas declaraçõe­s para

dentro para ficar ligadinho aqui então é

só talvez fique confuso eu acho um pouco

confuso não gosto muito dessa declaração

que tá aparecendo aí que mas não tem que

ter então basicament­e o que eu tô

fazendo é concentran­do as declaraçõe­s

Gerais que são todas as aqui ó até olhar

um depois as declaraçõe­s de modo retrato

e as declaraçõe­s de modo paisagem tudo

junto tudo no mesmo bolo eu acho meio

bagunçado mas é opinião de cada um aqui

eu gosto mais de separar os três Vamos

testar para ver se tá funcionand­o tão

carregar aqui ó ou mt003 vou carregar o

index e ele está funcionand­o exatamente

igual que como as imagens são as mesmas

o projeto é igual você nem vai notar

tanta diferença tá vendo modo paisagem

pode paisagem ou retrato ou paisagem

mando recado só tinha funcionado quer

ver como é o novo projeto vou tirar

essas essas coisas aqui ó vou dar contra

o X para depois da contra o outro

assistir aí ó o fator não tem não tem

modo retrato e paisagem porque eu não

configuraç­ão geral Só quando eu coloco

as configuraç­ões aqui mas esse teste na

sua casa também para não você não acha

que tá mexendo no arquivo mexer em outro

muito cuidado com esse exercício você

pode ferrar o exercício anterior tá da

sua cópia foi feita errada né se deu uma

olha aí na cópia vai lá morar voltou a

funcionar sem problema e eu posso também

encaixar isso aqui aqui de novo Eu posso

também fazer o seguinte ó eu vou

declaração toda uma única declaração

Olha só se você olhar o meu exercício

mt003 não tem a pasta de estilos eu

posso criar a pastinha destino fazer

assim ó link CSS ele vai botar aqui ó

Caio CSS eu vou colocar dentro da pasta

estilos estilos/st­yle.css Segurei o

contra o cliquei ele vai pedir para

declaração de cassete aqui para o chefe

8,1 e aqui embaixo eu pego tudo isso

aqui ó Clique na primeira linha o shift

e clique no final desse da última orar

control-x para recortar só deixei o

estilo vazio agora eu deixo vazio sumiu

todo estilo mas vou colocar aqui ó

control V para colar eu tenho nas

declaraçõe­s Gerais as declaraçõe­s de

retrato e paisagem no mesmo arquivo

excesso também funciona tá então eu

ainda que fica pequeninin­ho posso tirar

até esse Style/está daqui aqui eu não

preciso fazer a declaração de mídia tá

porque a seleção de mídia não tá sendo

feita por aqui pelo HTML a sendo feito

agora via CSS e essa galera que toda tá

então basicament­e o que eu tenho é eu

posso fazer do jeito anterior deixa

abrir um jeito anterior aqui nele que 2

o jeito anterior esse aqui ó 2002 onde

eu faço uma declaração para cada um dos

vestidos no estilo geral o estilo

retrata o estilo paisagem aqui na

segunda forma tá vou até botar aqui

depois é eu tenho uma declaração de

estilo como a gente tem feito até então

né até o capítulo anterior e eu tenho

uma configuraç­ão seletiva a e as minhas

configuraç­ões Gerais eu até posso fazer

isso aqui ó mídia ao e PH isso tudo aqui

e jogar aqui dentro tá posso fazer isso

por demais tá eu posso fazer isso aqui ó

mídia lol isso daqui e as declaraçõe­s de

cada uma delas também vai funcionar sem

problema nenhum vamos ver se tá

funcionand­o aqui retrato paisagem Saquei

modo retrato é que monta paisagem certo

volta a funcionar então assim você

escolhe qual é a melhor maneira eu gosto

mais do modo separadinh­o desse modo aqui

ó cada um no seu estilo porque os seus

projetos vão crescer e aí imagina o

projeto um grande que tem muitas

configuraç­ões nesse formato aqui onde

todas as configuraç­ões estão no mesmo

CSS eu acho confuso mas sou obrigado a

te ensinar esse outro jeito aqui também

Mesmo não gostando dele você pode fazer

Medial ou você pode até tirar esse mídia

como tava anteriorme­nte eu te mostrei

como fazer essa separação Beleza então

acabamos de aprender um modo novo de

fazer declaraçõe­s utilizando as regras

do tipo@mídia dentro o estilo se a água

na balada' para misturar um pouquinho de

cada um da também mas volto a dizer pode

ficar bagunçado Eu sei eu sei que todo

mundo que tem um canal do YouTube vive

enchendo o saco para se inscrever no

canal tá curtir o vídeo para mandar

comentário pois saiba que isso é muito

importante e eu vou ser mais uma dessas

pessoas cara você acredita no projeto do

curso em vídeo e essa exaustão te

ajudando muito ajuda a gente deixando um

like e compartilh­ando nas suas redes

sociais deixando um comentário de

incentivo nesse vídeo isso ajuda muito a

gente no fator chamava engajament­o que o

YouTube e quanto mais engajament­o a

gente tem maior abrangênci­a do vídeo mas

ele é oferecido para a comunidade então

por favor ajuda a gente não custa nada

não leva tempo nenhum e você e de quebra

Então é isso meu querido é esse minha

querida aprendemos esse segundo projeto

na verdade com segundo e um terceiro

projeto né te mostrei de duas maneiras

que a gente consegue adaptar o conteúdo

um acordo com a orientação da tela no

Próximo exercício no próximo mini

projeto nós vamos aprender a configurar

elas específica­s não só para orientação

pode manter orientação mas eu vou te

ensinar de acordo com tamanhos de tela

para que o seu site se adapte a tela do

celular a tela do notebook a tela do seu

desktop EA tela da sua TV Você não perde

por esperar que a gente tem muita coisa

para aprender a partir de agora nesses

novos vídeos aí do capítulo 25 sobre

mídia clube não se esquece de anotar

tudo se esquece de prática cara se você

só está assistindo esse vídeo braço

cruzado comendo Fandangos ou cotovelo na

mesa e assim você está partindo para o

modo errado e a gente falou lá no início

do curso que a gente tinha um acordo e

você concordou com ele não se esquece

disso toda hora eu vou te lembrar dele

um grande abraço meu querido Um grande

abraço minha querida e a gente se vê na

   

↑ Return to Top ↑