Como criar um site em javascript, HTML e CSS

Como criar um site em javascript, html e CSS, descubra o caminho para você criar o seu próprio website.

Para desenvolver um Website, você terá que adquirir noções básicas de HTML, Javascript e CSS.

Após isso será necessário contratar uma hospedagem para disponibilizar o seu site na Web.

O que é Javascript?

JavaScript é uma linguagem de script ou de programação que permite implementar recursos complexos em páginas da Web – toda vez que uma página da Web faz mais do que ficar sentada e exibir informações estáticas para você olhar – exibindo atualizações de conteúdo oportunas, mapas interativos, 2D / 3D animado Gráficos 3D, rolagem de jukeboxes de vídeo etc. – você pode apostar que o JavaScript provavelmente está envolvido.

É a terceira camada da camada de tecnologias padrão da Web, duas das quais (HTML e CSS) abordamos com muito mais detalhes em outras partes da Área de Aprendizagem.

O que é HTML?

HTML é uma linguagem de computador criada para permitir a criação de sites. Esses sites podem ser visualizados por qualquer pessoa conectada à Internet.

É relativamente fácil de aprender, com o básico sendo acessível para a maioria das pessoas de uma só vez; e bastante poderoso no que permite criar.

Ele está constantemente passando por revisão e evolução para atender às demandas e exigências do crescente público da Internet sob a direção do »W3C, a organização encarregada de projetar e manter o idioma.

Cascading Style Sheets – CSS

O Cascading Style Sheets, conhecido como CSS, é uma linguagem de design simples que visa simplificar o processo de tornar as páginas da Web apresentáveis.

O CSS lida com a aparência de uma página da web. Usando CSS, você pode controlar a cor do texto, o estilo das fontes, o espaçamento entre parágrafos, como as colunas são dimensionadas e dispostas, quais imagens ou cores de plano de fundo são usadas, designs de layout, variações na exibição para diferentes dispositivos e tamanhos de tela bem como uma variedade de outros efeitos.

O CSS é fácil de aprender e entender, mas fornece um controle poderoso sobre a apresentação de um documento HTML. Geralmente, o CSS é combinado com as linguagens de marcação HTML ou XHTML.

O que é uma hospedagem de site?

Um site é um conjunto de arquivos (textos, imagens e códigos) que juntos formam as páginas que estamos acostumados a encontrar na internet. Os arquivos do site são lidos por programas especializados – os navegadores, mas antes esses arquivos precisam estar guardados em determinado local, o que chamamos de servidor.

Quando você faz um site e quer que outras pessoas possam vê-lo, você terá que publicar (ou upload) do seu site, através de um serviço de hospedagem de sites.

Ter esse local para armazenar os arquivos é fundamental, pois o domínio não guarda nenhum conteúdo do site, ele é apenas o endereço eletrônico (ou URL). O que faz esse papel é o servidor.

Hospedagem compartilhada é a melhor opção para começar um website simples.

Hospedagem Compartilhada

É um serviço onde um servidor é compartilhado entre diversos clientes ao mesmo tempo.

Você irá precisar de um Editor

Notepad++ é um editor de texto e de código fonte de código aberto sob a licença GPL. Suporta várias linguagens de programação rodando sob o sistema Microsoft Windows. O Notepad++ é distribuído como um Software livre.

Instale e utilize o Notepad++ para escrever a estrutura básica de HTML, CSS e Javascript necessária para o seu website.

https://notepad-plus-plus.org/downloads/

Criando conteúdo da página

Dentro do elemento <body> do nosso site, usaremos nossa “Imagem de layout” e criaremos:

  • Uma barra de navegação
  • Uma apresentação de slides
  • Um cabeçalho
  • Algumas seções e artigos
  • Um rodapé
  • Elementos semânticos

O HTML5 introduziu vários novos elementos semânticos. É importante usar elementos semânticos, pois definem a estrutura das páginas da web e ajudam os leitores de tela e os mecanismos de pesquisa a ler a página corretamente.

Estes são alguns dos elementos HTML semânticos mais comuns:

O elemento <section> pode ser usado para definir uma parte de um site com conteúdo relacionado.

O elemento <article> pode ser usado para definir uma parte individual do conteúdo.

O elemento <header> pode ser usado para definir um cabeçalho (em um documento, uma seção ou um artigo).

O elemento <footer> pode ser usado para definir um rodapé (em um documento, uma seção ou um artigo).

O elemento <nav> pode ser usado para definir um contêiner de links de navegação.

Estrutura básica em HTML de um Website

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<body>

<!-- Content will go here -->

</body>
</html>

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *