<
Página Principal

SITE MAP
Homepage
« Recuar
PESQUISAR
Em Dreamweaver:
DREAMWEAVER
Tutoriais
Artigos
Dicas
Livros
Downloads
Links
PUB

 
TUTORIAIS DE DREAMWEAVER
 
Tutorial Quick Start  
Personalizar Subnavegação (continuação)
Página: 1 2 3 4 5 6 7 8 9 10 11
 
5.  
No campo de texto chamado "Texto", digita "Tópico 2", e no campo de texto chamado "Vínculo", digita "about_topic2.html", e em seguida clica em + conforme mostrado na Figura 34.
 
 
Figura 34: O novo subtópico adicionado ao botão "quem somos".
 
6.  
Na parte inferior da janela Definir menu pop-up, clica em "Avançar >" e em seguida em "Concluir".
   
7.  

Para salvar estas mudanças, faz o seguinte:

  1. Selecciona ficheiro > Actualizar.

  2. Quando o Fireworks mudar para o Dreamweaver, pressiona F12 para uma visualização prévia das alterações sem salvar o ficheiro.

  3. Após a visualização prévia das alterações, selecciona ficheiro > Salvar no menu de ficheiro do Dreamweaver.

  4. Selecciona Actualizar na Caixa de Diálogo Actualizar ficheiros. O Dreamweaver actualiza os ficheiros vinculados. Vê a Figura 35.
     
     
    Figura 35: A Janela de Diálogo Update Pages mostrando os ficheiros actualizados.
     
8.  

Nota que na etapa 7 acrescentaste um link para "about_topic2.html" na janela de Definir menu pop-up. Então a próxima etapa é criar a página.
Muda para o Dreamweaver, e com o ficheiro Template ainda aberto segue estas etapas para criar uma nova página a partir deste template:

  1. Selecciona File > New From Template

  2. Na janela Select Template, selecciona o único template que se chama skyline_template, e em seguida clica em Select.
    O Dreamweaver cria uma nova página baseada no template do site.

  3. Modifica o "Título Página" para "Tópico 2".

  4. Selecciona File > Save As, e na janela Save As, digita about_topic2.html para o nome do ficheiro e salva-o no diretório-raiz do site.
Agora que o teu site está organizado com uma navegação bem planejada, está na hora de melhorar a aparência do teu website. Na próxima secção iremos modificar as cores do template. Se estás familiarizado com este processo, podes passar adiante.
   
Anterior