Tutorial conciso do Dreamweaver 4 (2. Compreensão preliminar do Dreamweaver)
Autor：Eve Cole
Data da Última Atualização：2009-05-30 18:36:17
2. Compreensão inicial do Dreamweaver
Inicialização do Dreamweaver
O processo de instalação do Dreamweaver é muito simples. Depois de instalado com sucesso, você pode encontrar a opção Dreamweaver no menu iniciar:
Janela de edição
Ao iniciar o Dreamweaver pela primeira vez, a primeira coisa que você vê é a janela de edição do Dreamweaver. Não se deixe intimidar pelas densas janelas flutuantes acima.
① Menu principal: A maioria das funções da janela de edição podem ser encontradas aqui;
② Barra de ferramentas: É um novo recurso do Dreamweaver4;
③ Painel de Objetos (Objetos): Durante o processo de edição da página web, clique no botão do Painel de Objetos para adicionar elementos correspondentes à página web, como imagens, tabelas, camadas e Flash. Chamamos esses elementos de objetos. Clique na seta para baixo no painel de objetos para inserir outros tipos de objetos, como caracteres especiais (Characters), formulários (Froms), etc.
④ Painel de propriedades: usado para exibir as propriedades do elemento da página da web selecionado e pode ser modificado no painel de propriedades. Quando você seleciona diferentes elementos da página da web, o conteúdo exibido no painel de atributos também é diferente. Por exemplo, os atributos exibidos em imagens e tabelas são diferentes. Além disso, clique no pequeno triângulo no canto inferior direito do painel de propriedades para reduzir ou expandir o painel de propriedades de acordo com as necessidades de uso. É recomendado configurá-lo para o modo expandido em circunstâncias normais.
⑤ Grupo de painéis (também conhecido como painel flutuante encaixável): O Dreamweaver também possui muitos outros painéis flutuantes. Podemos recombinar diferentes painéis flutuantes de acordo com nossas próprias preferências. No Photoshop, existe um conceito semelhante.
⑥ Barra de inicialização rápida (também chamada de painel de inicialização): um painel flutuante usado para mostrar ou ocultar respostas. Painel de inicialização e mini barra de inicialização no canto inferior direito
Correspondência individual entre eles;
é mudar para o gerenciador do site,
é mudar para o painel de comportamento,
é visualizar o código-fonte da página da web.
⑦ Área de edição: Exiba o conteúdo da página da web editada da maneira "O que você vê é o que você obtém":
[Dica 1] Se a posição do painel flutuante na tela for muito confusa ou até mesmo exceder o alcance da área de trabalho e for inconveniente de operar (isso é especialmente provável que aconteça após alterar a resolução do monitor), você pode selecionar "Janela >" no menu principal. Organizar painéis" reorganiza automaticamente os painéis flutuantes.
[Dica 2] A seguir estão várias teclas de atalho comumente usadas para abrir e fechar rapidamente painéis flutuantes. Lembre-se delas porque elas serão usadas com frequência durante o processo de produção:
Painel de propriedades: Crtl+F3
Painel de estilo de estilos CSS: Shift+F11
Painel de comportamento Comportamentos: Shift+F3
Painel de objetos Objetos: Crtl+F2
janela do site
A janela do site é outra janela importante do Dreamweaver. A metade esquerda é o diretório do site remoto, que geralmente é exibido como vazio. O conteúdo só é exibido quando o FTP está conectado. não é um pouco parecido? Sim, a função da janela do site é, na verdade, permitir que você gerencie seu site de maneira intuitiva e conveniente, como arquivos em seu disco rígido.
No futuro, no processo de criação de páginas da Web, você alternará frequentemente entre a janela de edição e a janela do site.
