tutoriais mais recente desenvolvimento web
 

Edifício Web - Criação de um Web Site (HTML)


Construindo um web site a partir do zero Parte I:. Criação de um web site.


O que nos faremos

Neste capítulo, vamos criar um web site em seu computador.

Nota O site será visível apenas para você. Mais tarde você vai aprender a torná-la pública.


Criar o Web Site

Crie uma nova pasta no seu computador (uma nova pasta no ambiente de trabalho é OK).

O nome do novo demoweb pasta.

Agora você tem um site local.


Criar uma home page

Na pasta demoweb, crie um novo arquivo chamado index.html.

Use o bloco de notas (ou qualquer outro editor de texto) para colocar o seguinte conteúdo no arquivo:

index.html

<!DOCTYPE html>
<html>

<head>
  <title>Our Company</title>
</head>

<body>

  <h1>Welcome to Our Company</h1>
  <h2>Web Site Main Ingredients:</h2>

  <p>Pages (HTML)</p>
  <p>Style Sheets (CSS)</p>
  <p>Computer Code (JavaScript)</p>
  <p>Live Data (Files and Databases)</p>

</body>
</html>
Tente você mesmo "

Nota Depois de salvar o arquivo, você pode abri-lo no seu navegador, e ver como ele funciona.


Adicionar uma página Sobre

Na pasta demoweb, crie um novo arquivo chamado about.html.

Coloque o seguinte no arquivo:

about.html

<!DOCTYPE html>
<html>

<head>
  <title>About</title>
</head>

<body>

  <h1>About Us</h1>
  <p>Lorem Ipsum Porem Lorem Ipsum Porem</p>

</body>
</html>
Tente você mesmo "

Os arquivos acima contêm cabeçalhos <h1> e um parágrafo <p>. Por favor, sinta-se livre para editar o conteúdo.

No próximo capítulo, vamos adicionar uma folha de estilo CSS. Depois disso, vamos adicionar o código de computador e dados.


Leia mais

Leia mais sobre HTML em nosso HTML Tutorial .