Archive for the 'Dreamweaver' Category
As molduras são criadas separando horizonta ou verticalmente, ou amabas, a página Web. Depois que você separar a página Web para criar uma moldura, também em outras molduras.
- Crie um novo documento; depois, selecione MODIFY > Frameset e selecione Split Frame Up, Split Frame Down, Split Frame Left ou Split Frame Right. Depois de ter criado uma modlura, clique e arraste a linha divisóriapara redimensioar a moldura.
- Clique dentro da moludra existente e selecione MODFY > Frameset para separar a moldura em moldruas adicionais. Clique e arraste a linha divisória para dimensionar a moldura.
- Selecione File > Save Frameset para salavr o conjunto HTML. Nomeie este arquivo como faria com qualquer outro documento HTML assegure-se de incluir a extensão .html .htm.
- Para criar o conteúdo de sua moldura do rascunho, simplismente clique dentro de uma modlura e crie o conteúdo o conteúdo, como faria com qualquer outra página Web. Selecione File > Save e salve o conteúdo da moldura como um arquivo HTML.
Use o inspetor Property para especificar a maneira que você deseja que suas molduras se comportem.
- Selecione Window > Frames para exibir o painel Frames, e clique a moldura que deseja editar.
- Selecione Window > Properties para exibir o inspetor Property, se ele já não estiver na tela. No inspetor Property digite um nome para a sua moldura, no campo Frame Name. Estes nomes mais tarde serão usados para destinar as modluras individuais.
- Por padrão, molduras têm uma margem em relevo, que envolve toda a página e divide as molduras. Selecione No, no menu pull- down Borders, se quiser destaivar as margens. Selecione uma cor de margem clicando a troca Border Color ou fornecendo um valor de cor.
- O método padrão de rolagem é ajustado para Auto em todos os browsers. Quando Auto é selecionado como o método de rolagem, barras de rolagem aparecem, se o contéudo exceder a profundidade da moldura, porém elas não aparecem se o conteúdo se ajustar. Slecione Yes para exibir sempre barras de rolagem ou No, para nunca exibi-las.
- Marque a caixa de verificação No Resize se você quiser evitar que os usuários redimensionem as suas molduras em suas janelas de browser.
- Especifique um valor de Margin Width e Margin Height em pixels. Os valores de margem determinam quão longe das margens da moldura o contéudo é exibido.
Essa dica de verificação é bem importante para quem está começando na parte de webdesign.
Use a ação Check Plugin para adicionar visitantes a páginas, dependendo se um plugin especificado está instalado para seus browsers. Por exemplo, você pode verificar o pluguin Shockwave, antes de levar os usuários para uma página que contém Shockwave. É possivel lidar com o plugin faltando de duas maneiras: direcionar os usuários sem ele para uma página com um link para a fonte de pluguin ou, simplismente, levá-los para uma páginaque não usa aquele plugin. Anexe a ação Check Plugin á guia <body> opu use o evento onload para um link vazio com o evento onclick.
- Clique na guia <body> no canto inferior esquerdo da janela Document.
- Clique o botão mais (+) no paienl Behaviors e selecione Check for plugin para exibir a caixa de diálogo Check Plugin.
- Selecione um plugin do menu pop-up ou entre com o nome do plugin no campo Enter. Entre com o URL a exibir, quando o plugin estiver presente e o ALT URL para exibir, quando o plugin não estiver presente. Marque a caixa de verificação Always Go to First URL if detection is Not Possible, se quzier exibir a página e deixar o usuário dicidir o que fazer sobre o plugin. Clique OK.
O comportamento Check Plugin não trabalha com Explorer 3.0x para o Macintosh. O explorer 3.0x no Macintosh prossegurá como se o comportamento não estivesse presente. Se você usar este comportament em páginas apresentadas á Internet, considere incluir uma mensagem indicando que um plugin em especiall é necessário nas páginas que usam o plugin.
Lembre-se, para maiores informações entre com contato conosco pelo e-mail blog@designdill.com
A meneira mais simples de obter vantagem de estilos é usando os elementos chamados classes. É possivel usar classes para cirar múltiplas cópias de um único estilo ou aplicar alguma formatação a uma guia HTML existente. Os estilos e as classes podem ser aplicados a uma seleção de texto ou a um parágrafo inteiro. Estilos são criados e aplicados usando o painel Styles.
- Selecione Window CSs Styles para exibir o painel CSS Styles.
- Clique o botão New Style, no fundo do painel Style, no fundo do painel Styles, para exibir a caixa de diálogo News Style
- Selecione Make Custon Style (classe), clicando o botão de rádio; depois, dê um nome a esta classe.
- Selecione This Document Only para criar a folha de estilo na seção <head> do documento atual.
- Clique em OK para exibir o painel Style Definition e depois clique Type na lista Category, à esquerda. Especifique as configurações de letras para a sua classe Style.
- Clique e arraste para selecionar algum texto na janela Document e depois, clique o seu estilo no painel CSS Style para formatar o texto selecionado. Você pode aplicar esta classe a qualquer texto, idependente da guia HTML usada para formatá-lo.
Dica
(CTRL-Click)[Right+click] em qualquer lugar na janela Document e selecione CSS Styles Edit Style Sheet para editar os estilos.
Um menu jump é um menu pop-up com uma lista de escolhas que faz o link para um outro documento ou arquivo. É possível criar links para páginas Web em seu site, páginas Web remotas, links para qualquer outro conteúdo que poder ser aberto em um navegador. O menu de pulo comporta-se exatamente como um menu pop-up padrão, exceto que a seleção que é feita, leva o visitante do site a um url especifico. Opcionalmente, você pode incluir um botão GO, que permite ao visitante ir para a escolha do menu atualmente visível.
1) Para inserir um menu de pulo em sua página, selecione Forms do menu do painel Objects para exibir os objetos Form e clique objeto Jump Menu. A caixa de diálogo Insert Jump Menu é exibida.
2) Entre com Menu Itens digitando os nomes no campo Texto; depois, , especifique as informações de link para a escolha do menu no campo When Selected, Go To URL
3) Clique OK e depois visualize a sua página em um navegador para testar o menu de pulo
Dica
Use o botão List Values no inspetor Property para acrescentar e remover itens de menu, depois que o menu de pulo for criado.
Você precisar ter a informações fornecidas pelo seu administrador de site ou ISP para se conectar o seu site remoto através de FTP.
- Escolha Site> Define Sites e clique duas vezes o site que deseja editar para exibir a caixa de diálogo Define Site.
- Selecione Remote Info, lista Category e escolha FTP a partir do menu pull-dow Server Access.
- Entre com as informações FTP e preencha os campos login e password.
- Marque a caixa de verificação. Use Passive FTP se o seu Firewall exigir que o software local inicie a conexão FTP. Marque a caixa de verificação use firewall se você estiver acessando a Internet por detrás de um firewall. Clique OK.
- Clique Done para fechar a caixa de diálogo Define Sites.
- Na janela Site, clique com o botão Connect.
- Escolha Commands, Start Recording; depois, realize as etapas que deseja gravar. O cursor muda para o ícone de fita cassete de áudio, quando gravando.
- Quando você tiver acabado de gravar, escolha Commands, Stop Recording.
- Escolha Commands, Play Recorded Command para repetir a última gravação. Uma etapa chamada Rum Command, aparece no painel History.
- Para salvar o command gravado no meu Commands, slecione a etapa Play Command no painel History e clique no botão Save As Commands, no canto inferior direito do painel Hitory.
- Entre com um nome para o comando e clique OK. O comando agora aparce no menu Commands.
- Escolha Windows> History para exibir o painel History.
- Mova o deslizador para uma etapa anterior, para desfazer todas etapas atráz daquele ponto, Quando você realizar outra função no Dreamweaver, todas as etapas ancintadas serão apagadas.
- Clique uma etapa ( não deslizador) no painel History, e depois, clique o botão Replay no canto inferior esquerdo do painel History, para repetir a etapa selecionada. Destaque as etapas para repetir com o botão Replay.
- Clique em qualquer troca de cor de uma vez no Dreamweaver para exibir a paleta de cores seguras da Web.
- Posicione o cursor conta-gotas sobre a troca de cor que deseja. O valor hexadecimal da cor é exibido no alto da paleta cor. Cliqu na cor para selecioná-la. Você também pode clicar em qualquer lugar a tela pata exemplificar uma cor.
- Clique o icone Color Weheel para exibir as paletas de cor Macintosh ou a paleta de cor Windows. Selecione uma cor e clique em OK.
É possivel escolher uma série de esquemas de cor segura Web predefinindo para especificar a cor de fundo, cor de texto e cores de link para a sua página web, ao invés de selecioná-las manualmente da caixa de diálogo Page Properties.
- Escolha Commands> Set Color Scheme para exibir a caixa de dialógo Set Color Scheme Command
- Selecione uma cor de fundo da lista cores disponíveis.
- Selecione uma combinação de cores para textos e links, da lista de cores que corresponde a cor de fundo que você selecionou. Clique OK ao terminar.