Como copiar uma página web para o Dreamweaver

Christopher Robbins / Photodisc / Getty Images

Concepção de um site pode ser tarefa difícil quando você não tem certeza sobre o que ele vai olhar como. Folheando diferentes sites que você gosta pode ser uma boa idéia ao pensar sobre a aparência do seu próprio site. No entanto, há uma maneira de criar um site semelhante a um que você admira. Você pode usar o código-fonte HTML da página da Web que você gosta como um modelo para o seu próprio site. Usando o Adobe Dreamweaver, você pode personalizar esse modelo para o site que você deseja.

Abra o navegador de sua escolha e ir para o site que você gostaria de imitar. Encontre o código fonte para o site e copiá-lo. Dependendo de qual navegador você está usando, você vai encontrar o código-fonte em diferentes lugares.

Mozilla Firefox: Clique na guia na parte superior do navegador que diz "Visão." A partir da lista de opções drop-down, clique na segunda-to-última opção, "Fonte da página." Outra janela será aberta contendo o código fonte HTML. Vou ao "Editar" aba, escolha "Selecionar tudo," e escolha "cópia de" da mesma lista drop-down.

Internet Explorer: Encontre o "Visão" guia na parte superior do navegador e selecione "Fonte" perto da parte inferior da lista. Uma janela separada irá aparecer exibindo o código fonte HTML. Vamos para "Editar," escolha “Selecionar Tudo”, e em seguida, escolha "cópia de" da mesma lista drop-down.

Abra o Adobe Dreamweaver para uma página HTML em branco. Certifique-se de que a página é mostrada sob a "Código" exibição e não sob a "desenhar" exibição. Você pode ver as três opções de exibição acima da página em branco: "Código," "Dividido" e "Desenhar." Clique no "Código" opção e você vai ver um esqueleto HTML.

Video: Como Crear Una Pagina Web Con Dreamweaver CS6 basico HD

Destacar a página inteira e excluir o esqueleto HTML. Vamos para "Editar" e selecione "Colar" para colar o código HTML para o Adobe Dreamweaver. Em seguida, selecione o "desenhar" exibir, e você vai ver o design web site. Você agora está livre para personalizar o código-fonte ou usá-lo como um modelo para futuros projetos de website.

Gorjeta

Dreamweaver oferece muitos plug-ins para o ajudar a tornar seu site mais dinâmico.

Video: HACER TU PAGINA EN DREAMWEAVER CON ETIQUETAS DIV PA(PARTE 1)

Atenção

Se você estiver criando seu próprio site, é importante lembrar de não copiar o site exatamente. Uma vez que você copiar o código-fonte para o Dreamweaver, você deve alterar o código para tornar o site o seu próprio. Usando o código HTML inalterado é considerado roubar o trabalho de outro designer.

Sobre o autor

Elif Bayrasli é um blogueiro e um web designer de Brooklyn, NY Seus artigos aparecem regularmente em seu blog "O Pintainho Wrestling" que cobre notícias do mundo do wrestling profissional. Ela recebeu seu Bacharel em Artes e Master of Arts em estudos de inglês na Universidade de St. John e em seu off-tempo, desfruta de escrita criativa.