>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Criar uma Página Web Local

Antes de comprar um nome de domínio e configurar um site com um provedor de internet (ISP), considere usar páginas web locais para realizar tarefas simples relacionadas à web. Páginas web locais permitem criar aplicações web úteis, galerias de fotos e reprodutores de mídia que rodam no seu navegador. Você pode até adicioná-las aos favoritos para acesso rápido. Páginas web locais também são úteis para dissecar outros sites e aprimorar suas habilidades de desenvolvimento web.

Passo 1

Abra um editor HTML ou o Bloco de Notas e cole o seguinte código em um novo documento:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Minha Página Local</title>
</head>
<body>
</body>
</html>

Isso criará um documento HTML vazio sem elementos ou controles.

Passo 2

Adicione o seguinte código abaixo da tag <body>:

<p>Minha Música 1</p>
<embed src="xyz.mp3" width="200" height="30" />

Isso incorpora um reprodutor de música na página. Substitua "Minha Música" por um nome que descreva um arquivo de áudio no seu disco rígido ou na web. Substitua "xyz.mp3" pelo nome real do arquivo ou URL do arquivo de áudio. Ajuste os parâmetros de altura e largura para controlar as dimensões do reprodutor.

Passo 3

Adicione este código abaixo do bloco anterior:

<p></p><img src="minhaImagem1.jpg" />
<p></p><img src="minhaImagem2.jpg" />

Isso coloca duas imagens na página. Substitua "minhaImagem1.jpg" e "minhaImagem2.jpg" pelos nomes de duas imagens no seu disco rígido ou URLs de arquivos de imagem na web. Para criar uma galeria de imagens, crie tags <img> adicionais apontando para outros arquivos de imagem.

Passo 4

Adicione este código abaixo do bloco anterior:

<p>Meu Site 1</p>
<a href="https://www.xyz.com" />

Substitua "Meu Site 1" pelo nome de um dos seus sites favoritos. Substitua "https://www.xyz.com" pela URL do site. Crie links adicionais usando o mesmo formato.

Passo 5

Salve o arquivo com extensão .html. Isso cria um arquivo HTML que seu navegador reconhecerá como uma página web.

Passo 6

Abra seu navegador e selecione "Arquivo" e depois "Abrir". Uma janela de seleção de arquivo aparecerá.

Passo 7

Navegue até o arquivo HTML e selecione-o. Clique em "OK" para fechar a janela. A página web local será aberta e exibirá seus títulos, texto, reprodutores de música, fotografias e links. Clique no botão play no áudio para reproduzi-lo.

Passo 8

Adicione a página aos favoritos. Acesse-a no futuro selecionando o favorito.

Dica

Este é um exemplo simples que ilustra a técnica usada para adicionar objetos e controles úteis a uma página web local simples. Adicione reprodutores de música adicionais para criar uma playlist. Adicione mais tags <img> para criar uma biblioteca de fotos. Crie uma página inicial pessoal adicionando mais links para sites. Personalize a página usando outros elementos HTML, controles e folhas de estilo. Clique em "Exibir" e depois "Código-fonte" para ver o código-fonte de qualquer página web na internet. Copie o código-fonte e cole em um arquivo HTML em branco e salve. Você pode então estudar o código e aprender novas técnicas de codificação.