Dreamweaver MX 2004 do zero (3)
Autor：Eve Cole
Data da Última Atualização：2009-05-31 21:02:57
Use frameworks para construir páginas web <BR> Depois de fazer login em alguns fóruns, podemos ver o nome de cada área de discussão à esquerda. Clique em qualquer área de discussão para ver o conteúdo da área de discussão correspondente na área direita, mas. as partes esquerda e direita são exibidas independentemente, por exemplo, arrastar a barra de rolagem à esquerda não afetará a exibição à direita. Na verdade, trata-se do uso da tecnologia de frames na página, de forma que o espaço de exibição do navegador pode ser dividido em várias partes, e cada parte pode exibir independentemente o conteúdo da página web. E combinar vários quadros para formar um conjunto de quadros pode dar à página um efeito mais rico.
1. Crie molduras e conjuntos de molduras
Passo 1: Crie uma nova página no Dreamweaver MX 2004. Depois de executar o comando "Exibir→Auxílios Visuais→Frame Borders", você pode ver uma borda aparecendo na janela de edição. Depois de clicar na borda com o mouse, você pode ver um pontilhado. frame, indicando que a página recém-criada vem com moldura.
Passo 2: Pressione o botão “Alt” e arraste a borda com o mouse Após soltar o mouse, você pode dividir a janela em duas, dividindo assim a página em duas bordas. Por exemplo, arrastar as bordas esquerda e direita pode dividir a janela nas partes esquerda e direita, e arrastar as bordas superior e inferior pode dividir a janela nas partes superior e inferior. Além disso, os quatro cantos da janela também podem ser arrastados, para que a janela possa ser dividida diretamente em quatro áreas (Figura 1). Quando a janela é dividida em vários quadros, cada quadro pode ser editado como uma página web independente ou uma página existente pode ser atribuída diretamente a um quadro.
Figura 1
Etapa 3: Os quadros podem ser aninhados. Por exemplo, para criar o quadro mostrado na Figura 2, você pode primeiro dividi-lo em dois horizontalmente através do método acima, mas não poderá arrastar a borda diretamente, caso contrário você obterá o quadro. mostrado na Figura 1. O método correto é primeiro clicar no quadro direito no painel de quadros no canto inferior direito e, em seguida, pressionar o botão “Alt” para arrastar a borda.
Figura 2
Dica: Se você arrastar a borda por engano, basta usar o mouse para arrastar a linha que precisa ser excluída até a borda do quadro pai para excluí-la.
2. Estrutura de edição
As páginas geralmente misturam quadros e conjuntos de quadros, e diferentes configurações de atributos podem ser feitas selecionando diferentes objetos.
Etapa um: propriedades do conjunto de quadros. Depois de selecionar o conjunto de quadros, você pode ver o painel do objeto de propriedade (conforme mostrado na Figura 3). O item "Borda" pode definir se a borda será exibida, o item "Largura da borda" pode definir a largura da borda e a "Cor da borda". "pode definir a cor da borda. . Além disso, você também pode definir o tamanho de cada borda. Neste momento, selecione uma linha ou coluna na miniatura no lado direito do painel, insira um valor na caixa de entrada “Alue” ao lado dela e selecione. pixels ou porcentagem como unidade.
Figura 3
Etapa 2: Propriedades do quadro. Se você selecionar qualquer quadro no painel de quadros, o quadro selecionado será exibido com uma borda preta. Neste momento, você pode fazer as configurações correspondentes no painel de propriedades (Figura 4). Por exemplo, aqui você pode definir o arquivo da página da web no quadro através da barra de endereço "Src", "Scroll" indica se deseja adicionar uma barra de rolagem, "Border" pode determinar se a borda deve ser exibida, "No resize" permite o tamanho do quadro a ser alterado no navegador, e " "Largura da Margem" e "Altura da Margem" respectivamente definem a largura e a altura da borda para determinar a distância entre o conteúdo no quadro e a borda.
Figura 4
Etapa 3: insira o conteúdo no quadro. Depois de clicar em qualquer quadro com o mouse, você pode inserir vários conteúdos de texto, imagens, animações em Flash, música de fundo e outros elementos da página da web, como páginas normais de edição.
Na verdade, o uso de frameworks pode fazer um planejamento razoável para o layout da página web, o que é particularmente importante nos estágios iniciais do web design. Portanto, todos precisam praticar mais no uso diário, o que é muito útil para construir um site excelente!
