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.
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 " 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 .