Site com vídeo de fundo em HTML e CSS3 | Krishnaa Kumar | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Site com vídeo de fundo em HTML e CSS3

teacher avatar Krishnaa Kumar, Your Best Mentor :-)

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

5 aulas (12 min)
    • 1. Apresentação

      0:17
    • 2. Código HTML

      2:30
    • 3. Ajuste de vídeo

      2:24
    • 4. Fundo de texto

      2:44
    • 5. Toque final para cima

      3:57
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

116

Estudantes

1

Projeto

Sobre este curso

Olá a todos,

Neste curso, vamos criar um site com vídeo em segundo plano. Certifique-se de que você tem algum conhecimento básico de HTML e CSS3. Se você não tem, você pode simplesmente acompanhar porque criar esse site é super fácil.

Depois de terminar o curso, você pode baixar o projeto e modificá-lo conforme sua necessidade.

Conheça seu professor

Teacher Profile Image

Krishnaa Kumar

Your Best Mentor :-)

Professor

I am a software developer. I have been developing softwares for the last 3 years. I know many programming languages and would love to teach you all of them. I create mini-projects for beginners in various languages like C#, JavaScript, CSS3, HTML etc.

If you are beginner and wants to start with some mini projects to learn basics, then just don't be reluctant, Enroll Now!

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Oi, todos nesta aula você aprende como você concertar um vídeo como um fundo. Se você tem uma página isso vai suportar para um monte iria se certificar de que você tem algum conhecimento básico. Off Estimativa ES é se você não tem, você pode simplesmente por um longo, porque o ar de patinação para habilidades. Muito fácil ver a turma. Tenha um bom dia. 2. Código HTML: Oi caras. Realmente aprendeu como você considera que você perde um fundo para sua página web estão fazendo uso escritório de texto membro e esta estrutura estimativa simples. Vamos ao desenvolvimento para ajudar o veredicto. Sobrenome desligado. Realmente um contêiner. Fazer uso fora do elemento Redo. Nós nome ridículo fora. Bt vídeo. O Senhor será Otto Photoplay será verdade. Será silenciado. Queremos o loop. Não, você sabe, para fornecer a fonte. Eu já tenho um arquivo de vídeo aqui nos vídeos dobrados e eles ainda estão arquivados. Por isso, será rádios ficar escuro e antes que eu vou ser barra de vídeo e antes no caso de o formato de arquivo não é suportado pelo navegador. Você deseja exibir a mensagem para que ela seja realmente um formato de arquivo. Não é suportado? Não. Precisamos de algum conteúdo sobre o vídeo. Por isso, será Você classe será conteúdo Fazer está desligado em uma tag na próxima será vídeo bem-vindo Fazer uso de você tag. O próximo será. Este é um tutorial de três D o fundo para grandeza. Torná-lo uma fraqueza absoluta. Salve isso. Vá procurar, uh, profissão e está fora. O que você pode ver Este é o nosso texto. E ele é um vídeo. Então terminamos com o arquivo de estimativa. Em seguida, vamos começar com o CSS seleciona rádio. Como vou ficar de pé? 3. Ajuste de vídeo: Oi, pessoal. Eu sou miserável. Comece a trabalhar com o arquivo de foto do arquivo CSS. Novo papel alumínio e ver se ele tem o meu ponto estilo Ela usa. Salve isso. Não. Então, como o que você vai conter uma classe? Faça a altura fora 100%. Nós somos duros. 100% Salve. Vá para o arquivo de índice e precisamos de outro Francia para o arquivo CSS. Vamos fazer uso do elemento link. E essa será a minha estrela. Senhor cessa. Salve isso. Ir para navegar o fresco que Ok, posição feita fixa em seu índice será 1000. Salve isso. Temos espaço no topo e na esquerda. Temos mais isso. Não se preocupe com isso. Vamos consertar isso mais tarde. Então faça isso parar. Sito deixou Zito aqui. Então nós fixamos o espaço no topo e o espaço só resta. Não, é hora de consertar o espaço do lado direito. Parece que a classe BDO muitos pode ser 100% e muitas centenas com a posição 100% será absoluta. Você diz isso. Que tal, uh, profissão? Você pode ver que recebemos nossa mensagem. Temos um vídeo e não há espaços ou nenhum lado. Então terminamos com essa parte? O próximo vídeo. Bem, o que poderia o conteúdo? Rádio X civil. Como vou ficar 4. Fundo de texto: Oi caras. Até agora, terminamos com o realinhamento do seu vídeo D. Estamos indo para texto sobre o vídeo nem extensão mortificado o texto um pouco. Vamos para o arquivo do tribunal. E o nome da classe é conteúdo. Faça altura. 100%. 100% salve-o. Tenho cerca de, uh, refrescante. Ok, observando que estes estão lá criadores fora propriedade cor de fundo sobre ele será rgb fazer um 300 Xeno Zito. A transparência será de 0,5. Salve isso. Faça o tratamento perfeito. Não, estamos tendo algum espaço no topo e algum espaço à esquerda. Remova isto. Faça a posição. A parada absoluta será Zito. Andi saiu vai ser sério. Salve isso. Vá para Rosa Refresher. Então temos um passado, que é este. E agora não há espaços no topo e à esquerda Tente torná-lo cinco. É muito médico. Oh, 2 55 em fazer 0,1. Acho que isto vai ser bom. Então terminamos com essa parte? O próximo vídeo vamos tentar mortificado este texto só para torná-lo mais atraente. Vê o próximo vídeo? Como é que eu ainda 5. Toque final para cima: Oi caras no anterior realmente trabalhar com o fundo para o texto no estúdio vai começar a tentar toe modificá-lo bit extra para torná-lo mais atraente. O que? Um arquivo do tribunal. Selecione D em um elemento. Faça um centro de linha extra. Eu vejo isso. Então temos o próximo neste final criador Din um foco. Salve isso. Bom tamanho estrangeiro será pixels. Bem, isso é muito grande. Faça 100 pixels. - Legal. Faça você mesmo margem de propriedade e torná-lo 5%. Torná-lo 25 ser perfeito, eu acho. - Legal. Não, nós queremos ir chamar este próximo deslize. O elemento chave explicado será Santo. tamanho estrangeiro será de 30 pixels. Tente fazê-lo em maiúsculas. Faça com que seja 20. Margem Stop para o B 5%. Faça menos 5%. Boa parte omitido um pouco para baixo, então faça 3%. Acho que não fui perfeito. Estão roubando a próxima cor branca. - Legal. Copie esta equipa no Sr. To. Ótima. Então essas coisas que eu amo colocar você pode modificar o texto como por sua necessidade, mas nós temos que estar de volta em vídeo. Recebemos o texto excessivamente e isto não é cinco lotes colocados. Veja o próximo vídeo. Como eu ficaria