Como criar uma página da web local

click fraud protection
...

As páginas locais da Web em seu disco rígido não precisam de servidores Web para funcionar.

Antes de comprar um nome de domínio e configurar um site da Web com um provedor de serviços de Internet (ISP), considere o uso de páginas da Web locais para realizar tarefas simples relacionadas à Web. As páginas da web locais permitem que você crie aplicativos úteis da web, galerias de fotos e reprodutores de mídia que são executados em seu navegador. Você pode até marcá-los para acesso rápido. As páginas da web locais também são úteis para dissecar outros sites e aprimorar suas habilidades de desenvolvimento da web.

Passo 1

Abra um editor de HTML ou Bloco de notas e cole o código a seguir em um novo documento.

Vídeo do dia

! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> >

Minha página local

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

Passo 2

Adicione o seguinte código abaixo do

marcação:

Minha Canção 1

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

etapa 3

Adicione este código abaixo do bloco de código anterior:

Isso coloca duas imagens na página. Substitua "myImage1.jpg" e "myImage2.jpg" pelos nomes de duas imagens em seu disco rígido ou pelos URLs de arquivos de imagem na web. Para criar uma galeria de imagens, crie tags que apontam para outros arquivos de imagem.

Passo 4

Adicione este código abaixo do bloco de código anterior:

Meu Site 1

/>

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

Etapa 5

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

Etapa 6

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

Etapa 7

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

Etapa 8

Marque a página. Acesse-o 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 da web local simples. Adicione reprodutores de música adicionais para criar uma lista de reprodução. Adicione mais tags 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 em "Código-fonte" para visualizar o código-fonte de qualquer página da web na Internet. Copie o código-fonte, cole-o em um arquivo HTML em branco e salve-o. Você pode então estudar o código e aprender novas técnicas de codificação.