Utilizando Javascript no HTML – para iniciantes

– Se você apenas está começando no desenvolvimento de software e gostária de seguir um projeto básico, Disponibilizo os arquivos .css ou códigos no blog.

– Veja o passo-a-passo para fazer seu Website com um design melhor, colocando os elementos HTML no lugar certo ao usar este container div. Usamos algo CSS para começar a melhorar os estilos (Style)

– No final de todas as aulas, vou explicar como: – Criar dominio (domain) – E qual é um lugar bom para hospedar (host) seu Website

– JavaScript é simples, mas aqui só falaremos sobre o básico e as partes avancadas ficarão para uma nova playlit.

– E se você apenas está começando no desenvolvimento de software e gostária de seguir um projeto básico como este, disponibilizo os arquivos .css, .js e outros códigos no blog.

– Veja o passo-a-passo para fazer seu Website com um design melhor, colocando os elementos HTML no lugar certo ao usar este container div. Usamos algo CSS para começar a melhorar os estilos (Style)

No final de todas as aulas, vou explicar como:

• Criar dominio (domain)
• E qual é um lugar bom para hospedar (host) seu Website

Website do tutorial

Veja os outros vídeos desta playlist

• ✅ HTML para iniciantes. Primeiros passos – Aula 1
• ✅ HTML para iniciantes. Iniciando criação da barra de Menu – Aula 2
• ✅ HTML para iniciantes – CSS e div – Aula 3
• ✅ HTML para iniciantes – finalizando Header com CSS – Aula 4
• ✅ HTML para iniciantes – iniciando JavaScript – Aula 5

• ✅ Para obter arquivos das vídeoaulas, entra no grupo do Telegram

Pratique você também

Assistir vídeoaula no final da página para praticar

Agora você pode abrir o Notepad se não tiver VS Code ou fazer o Download aqui

1. Após abrir sua pasta no VS Code
2. Copie o código abaixo e repõe o da página principal que criamos nas aulas anterior. Ver links acima
3. Criar os arquivos de Style dentro da pasta CSS
   1. Inserir todos os css e baixe o código todo clicando aqui
4. Criar os arquivos de JavaScript dentro da pasta JS
   1. Modificar o style.css
   2. Inserir e baixe todos os JS e style.css extra clicando aqui
5. Guarde suas imagens da pasta “images” ou copie do da aula, clicando aqui
6. Após inserir todos estes códigos JavaScript, incrementar o css, siga o HTML abaixo
7. E treine digitando para aprender o nome dos atributos, etc
8. Fazer CTRL + C (salvar) sempre para não perder seu trabalho
9. A seguir, voltar ao navegador e fazer reload (F5) na página

1 – Código HTML

Código abaixo é só o extra das aulas aunteriores

  <!--==================================================
                            CONTENT
  ===================================================-->
<main>
<!--content-->
  <section class="strange">
    <div class="container bg-content1">
      <div class="grid_7 preffix_5 wow fadeInRight">
        <div class="row">
          <h2>
            LET OUR SAUNA'S WARMTH
            WORK FOR YOU! 
          </h2>
          <p>
            Kerta gast nveriti vitaesaert asety kertya aset aplicaboserde nerafae lorem ipsumo ditaut. 
            Monsequuntur magni dolores eonqui ratione voluptate msequi nesciunt, neque porro quisquam 
            esdolore nuyfasas. Nuytasas deloiyasser. Vertyu erauas aitaesa ertyasneo eniptaiades.
          </p>
          <a href="#" class="btn btn__second">learn more</a>
        </div>
      </div>
    </div>
  </section>
  <!-- /content-->
</main>
   

Espero que tenha gostado. Até o próximo vídeo 😀

Inscreve-se e ativa o sininho para receber os próximos vídeos e faça teu LIKE

Até a próxima Obrigado

ABRAÇO

• ✔ Deixe seu like e compartilhe se gostou ☺
• ✔ Inscreva-se no canal ☺
• ✔ Selecione para receber notificações clicando no sininho pelo seu celular e/ou computador ☺

• ✔ Comunidade Fanpage
• ✔ Segue no Insta …​ e progredindo.

Veja também este tópico sobre Linguangens de programação pra além do HTML, porque é importante sabermos o significado e também o que mais você poderá ter interesse futuramente.