Novas opções de documentos para páginas html no dreamweaver

A caixa de diálogo Dreamweaver novo documento tem quatro áreas principais: opções no lado esquerdo que determinam o tipo de arquivo (HTML, CSS ou qualquer de um grande conjunto de possíveis outros tipos de arquivo), se você estiver usando uma amostra ou modelo para gerar sua página, e outras opções.

Video: 1 - HTML y CSS con Dreamweaver

A coluna Tipo de página é onde você escolhe um tipo de arquivo HTML (se você estiver criando uma nova página web HTML). A coluna Layout é onde você escolhe a partir de amostras disponíveis ou páginas iniciais (ou escolhas nenhum de começar com uma página em branco).

A área de visualização no canto superior direito dos previews de diálogo como sua página vai ficar se você usar um layout. No canto inferior direito da caixa de diálogo Novo documento, você pode alterar o tipo de documento (stick com o padrão, HTML5), e você pode usar o ícone de link (ele se parece com um elo da cadeia) para anexar uma folha de estilo CSS.

Para começar a criar uma página, clique no item apropriado a partir das opções no lado esquerdo da tela:

• Página em branco: Escolha esta opção para criar uma página HTML básico, em branco. Escolha HTML como o tipo de página, como o esquema e, em seguida, HTML5 como o tipo de documento declarado (a partir do pop-up DocType na coluna da direita). Clique no botão Criar, e você vê o que é mostrado aqui.

  

  Nota: Escolha HTML5 como o tipo de documento porque versões mais antigas, obsoletas de HTML impor regras out-of-date que provocam erros navegador irritantes e desnecessários. Usando HTML5 evita tudo isso e mantém navegadores de interpretar inteligentemente o conteúdo da página incluindo corrigir erros reconhecíveis (como um tag de fechamento desperdiçada em um parágrafo, por exemplo).

• Modelo em branco: Esta categoria fornece um conjunto de modelos de amostra do Dreamweaver.

• Layout de grade Fluid: usuários Dreamweaver CS6 tem um guia categoria adicional para criar o que chama Dreamweaver Layouts de grade de fluidos ou Projetos Multiscreen. Estes são páginas com mais de um associado folha de estilo CSS: isto é, páginas que exibem de forma diferente, dependendo do tamanho da mídia (tela) em que eles são vistos.

• 
  
  
  

  Página do Modelo: Gerar novas páginas de modelos do Dreamweaver existentes.

  Os modelos do Dreamweaver não são exemplo genérico páginas de layout-construtor. Para isso, o Dreamweaver fornece amostras ou arranque páginas. Dreamweaver Templates é uma ferramenta proprietária que governa os elementos da página no site inteiro de Dreamweaver e não é utilizável se você deseja integrar outras ferramentas de web-design.

  Não use Dreamweaver Templates porque eles estão fora do padrão, facilmente corruptível, e não realmente adequado para Sitewide atualizando em grandes sites. A funcionalidade fornecida pelo Dreamweaver Templates é melhor gerido com folhas de estilo CSS externas e outras ferramentas não proprietárias.

• Página de Amostra: páginas de amostra são diferentes do que os modelos do Dreamweaver e mais útil. Eles vêm embalados com estilos CSS que fornecem formatação e espaço reservado texto e imagens que podem ser substituídas com seu próprio conteúdo.

  Você pode visualizar amostras na área de visualização da caixa de diálogo Novo documento para ter uma idéia de se ou não você quiser usar uma das amostras disponíveis para começar a criar sua própria página.

• De outros: A outra categoria tem opções para criar complexos, avançados ou obscuros tipos de arquivo, com ênfase na obscura. Entre as opções mais usadas, você pode criar um arquivo Flash ActionScript (ActionScript é a linguagem de programação usada por Adobe Flash) ou uma página de código em linguagem de programação Visual Basic da Microsoft.

  Video: Dreamweaver Tutorial - HTML & CSS website Layout

Se você selecionar um arquivo HTML como o Tipo de página a partir da segunda coluna na caixa de diálogo Novo documento, a coluna layout exibe uma variedade de designs de página baseados em CSS. A quarta coluna na caixa de diálogo New Document exibe miniaturas de layout páginas geradas para qualquer formato que você selecionar.

Não só o novo documento caixa de diálogo pré-visualização como um layout selecionado vai olhar, mas também fornece três opções no CSS pop-up Layout: Adicionar ao Head, Criar Novo Arquivo ou Link para arquivo existente.

• A primeira opção (Adicionar à cabeça) incorpora CSS em seu arquivo HTML, algo que o impede de partilhar a sua folha de estilo com outras páginas HTML em seu site.

• A opção Criar Novo arquivo, por outro lado, gera uma folha de estilo externa que pode ser ligada a partir de muitas páginas em seu site.

• O Link para a opção arquivo existente permite que você substitua seu próprio, arquivo CSS já criada para aquele associado com a amostra - que é tipo de uma opção estranha, uma vez que praticamente anula o pacote de amostras de HTML e CSS.