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>