Exibir código-fonte para Janelas de Diálogo

{|
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| Janelas de Diálogo são pequenas janelas pop-up que são exibidas quando você usa algumas funções do editor como [[Localizar e Substituir]] ou [[Inserir Imagens no Site Pronto|Inserir uma Imagem]].
Essas janelas exibem várias opções de configuração relacionadas a um recurso específico e dão acesso a configurações avançadas.

A aba '''Avançado''' das janelas de diálogo são destinadas a usuários avançados com conhecimento em HTML e CSS.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:SitePronto153.png|400px|Clique para ampliar]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Estrutura da Janela de Diálogo'''
Por exemplo, a janela de diálogo de Editar Link:

Quando uma janela de diálogo é aberta a tela do editor permanece bloqueada.
Todas as janelas de diálogo contêm o botão [[Imagem:SitePronto154.png|80px]] que permite que você confirme as configurações e retorne para a tela do editor, bem como o botão [[Imagem:SitePronto155.png|80px]] que fecha a janela de diálogo sem aplicar nenhuma alteração.

Outra forma de fechar a janela de diálogo e retornar ao editor é usando o botão [[Imagem:SitePronto156.png|20px]] localizado no canto superior direito da janela, ou teclar ESC em seu teclado.

A janela pode conter diferentes opções dependendo do recurso ao qual a mesma está relacionada. Algumas janelas podem conter abas com opções adicionais de configuração.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:SitePronto157.png|400px|Clique para ampliar]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| Se você tentar fechar a janela de diálogo sem salvar as alterações, será questionado se realmente deseja fechar a tela sem salvar as alterações.
Você pode clicar em '''OK''' para fechar sem salvar as alterações, ou clicar em '''Cancelar''' para fechar o aviso e retornar para a janela de diálogo e então salvar as alterações.
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Reabrindo uma Janela de Diálogo'''
Algumas janelas de diálogo podem ser usadas para inserir um objeto, como uma imagem ou uma tabela na página. Após um objeto ser incluso na página, na maioria dos casos ele pode ser editado a qualquer momento apenas dando um duplo clique sobre o mesmo, ou selecionando-o e clicando no botão apropriado na barra de ferramentas. Desta forma a janela de diálogo será reaberta e você poderá realizar alterações nas opções de configuração do objeto.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}