MXStudio » Eloah_Cristina http://www.mxstudio.com.br Macromedia e Adobe - Artigos, colunas, tutorias e muito mais... Sun, 29 Jan 2012 11:31:48 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Pop-up Transparente http://www.mxstudio.com.br/desenvolvimento/dreamweaver/pop_up_transparente/ http://www.mxstudio.com.br/desenvolvimento/dreamweaver/pop_up_transparente/#comments Wed, 28 Jan 2004 00:00:00 +0000 Eloah_Cristina

Pop-up Transparente
Salve comunidade,
Façam download da extensão que precisaremos:
Opacity Suite – Download
Galera, como havia explicado um pouco sobre as extensões em uma outra coluna minha, hoje eu vou fazer a utilização de uma para gerar uma pop-up com efeitos de transparencia.
Todos nós sabemos que os internautas não gostam das chatas das pop-up, porém com o DW poderemos criar uma como alternativa que a deixará atraente. E é isso que vamos aprender nesse artigo.
1°- Pegaremos qualquer imagem *.gif ou *.jpg com o fundo transparente. No meu caso eu usei a imagem logo abaixo;
2°- Agora insira uma Layer na página onde irá aparecer o pop-up. Na Layer coloque a URL da imagem, e crie uma ID para essa Layer, de prefência, coloque o mesmo nome da imagem. (EX: Minha imagem se chama mxstudio.jpg, na ID eu coloquei mxstudio).
3°- Com a extensão instalada em seu Dreamweaver , vá no painel Behaviors > Opacity > Fade Opacity:
Ajuste as configurações igual a imagem acima… agora aproveitem bem o uso dessa extensão.
Bem, espero que tenham gostado dessa dica. Qualquer dúvida ou crítica, entre em contato.
Este tutorial e uma contribuição de:
Eloah Cristina trabalha com design há 02 anos, as ferramentas mais utilizadas sempre são Flash, Fireworks e Dreamweaver.
]]> http://www.mxstudio.com.br/desenvolvimento/dreamweaver/pop_up_transparente/feed/ 1 Como criar um site local? http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_criar_um_site_local_/ http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_criar_um_site_local_/#comments Tue, 30 Dec 2003 00:00:00 +0000 Eloah_Cristina Iniciando Dreamweaver Para quem acha que o Dreamweaver é um editor de página simples,
está enganado, o dreamweaver possui inumeras ferramentes, como eu
irei iniciar as colunas a partir do básico, irei explicar um pouco
de como Criar um Site Local no Dreamweaver. Como criar um site local? Para criar um site local no Dreamweaver MX, você terá que
escolher Site->Novo Site. A Forma mais facíl para se fazer isso,
é o modo básico, pois o modo básico utiliza o asssistende
de Definição do site, que faz uma série de perguntas
sobre o site. Já no modo Avançado (não muito utilizado)
você preenche as informações na categoria Informações
locais para configurar o site local.
Nomeação de um Site Local
Dê um nome significativo e exclusivo ao site com base em seu conteúdo.
Na próxima etapa (figura ilutrada abaixo) você irá decidir
se você irá utilizar uma tecnologia de servidor para criar
página da WEB dinânimas. Bom, não vou abordar nesta coluna sobre a utilização
de uma tecnologia de servidor. Escolha de uma tecnologia de servidor Agora na parte Como editar os arquivos (parte 3 do assistente), indique
se deseja editar arquivos em uma rede local ou diretamente no servidor conectado
por FTP ou RDS. Se você selecionar Editar cópias locais, escolherá
a pasta raiz local para seus arquivos. Clique no ícone de pasta para
localizar a pasta local. Informações da pasta local A próxima e penúltima etapa é a parte Como compartilhar
os arquivos do assistente, em que você indica o método de conexão
como o servidor. As opções são: Nenhuma, FTP, Local/Rede,
RDS, BD SourceSafe e WebDAV.
(obs: A conexão com um servidor remoto será mais abordada
com detalhes nas próximas colunas) Método de conexão com um site remoto A etapa final do assistente exibe um resumo de definições
do site. Seção de resumo do assistente de
definição do site Cache do Site Depois que o site foi criado, é exibido um alerta para informar
que o Dreamweaver criará um cache do site. Este cache do site é
um recurso que o Dreamweaver utiliza para armazenar informações
sobre o site para tonar as operações do site mais rápida. Bom, e aqui chegamos ao fim da coluna, se vocês desejarem eu posso
estar disponibilizando um explicação da Configuração
Avançada, ou se preferirem eu abordo sobre isso na próxima
coluna…. Me mandem um e-mail sugerindo…. eloahcristina@hotmail.com
e em caso de alguma dúvida tanto refente a coluna ou ao Dreamweaver
podem me mandar um email que responderei com muito carinho! Este tutorial e uma contribuição
de: Eloah
Cristina trabalha com design há 02 anos, as ferramentas
mais utilizadas sempre são Flash, Fireworks e Dreamweaver. ]]> http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_criar_um_site_local_/feed/ 0 Fundo Gradiente http://www.mxstudio.com.br/desenvolvimento/dreamweaver/fundo_gradiente/ http://www.mxstudio.com.br/desenvolvimento/dreamweaver/fundo_gradiente/#comments Mon, 29 Dec 2003 00:00:00 +0000 Eloah_Cristina Fundo Gradiente Olá. Nesse Artigo iremos criar um fundo gradiente ,
igualmente ao do Site da Macromedia , e iremos usar as CSS (Folhas de Estilo
em Cascata). Vamos lá? Primeiramente vamos precisar ir ao Fireworks, e criar uma
área de trabalho (canvas) com 1px de largura (width) e 1000px de
altura (height). Após feito isso, faça um retângulo
com as mesmas dimensões, borda transparente e no preenchimento usaremos
o “Gradient Toll”, colocando a cor #666666 para a mais escura
e a cor #CECFCE para a mais clara . Mas você pode colocar qualquer
cor. Só lembre-se de escolher uma cor segura , pois essa cor será
a de fundo de nossa página.
Agora exporte a imagem no formato jpeg (gradient.jpeg) para
a raiz de seu Site.
Agora vamos ao Dreamweaver. Crie o arquivo que você quer que tenha
o fundo gradiente. Abra o Painel CSS Style e clique em nova.
Escolha o “Selector Type” = Tag (redefines the look
of a specific tag) iremos colocar um comportamento na tag (corpo
do documento). Marque a Tag = e escolha se quer que esse comportamento
atue somente nesse arquivo (“This document only”) ou se quer criar
uma CSS externa “New Style Sheet File”. Eu criei uma CSS para
esse arquivo. Agora clique em “OK”.
Na Category “Background”, defina em: Background
Color a cor mais clara de seu gradiente, no caso #CECFCE. Em Background
Image, escolha o arquivo gradient.jpg criado e em repeat marque repeat-x
(a imagem então se repetirá até preencher toda a página).
O Código CSS gerado em sua página será
o seguinte:

<style type=”text/css”>

body {
background-color: #CECFCE;
background-image: url(gradient.jpg);
background-repeat: repeat-x;
}

</style>

Crie em seu arquivo html uma tabela com 1200px de altura e veja o resultado.

Note que no Painel “Relevant CSS” em “Tag Inspector”,
selecionando a tog , no arquivo html , você tem acesso
a CSS criada, podendo por ali, editá-la se for o caso. Essa é
uma ótima novidade do DWMX 2004.

Este tutorial e uma contribuição
de:
Eloah
Cristina trabalha com design há 02 anos, as ferramentas
mais utilizadas sempre são Flash, Fireworks e Dreamweaver. ]]> http://www.mxstudio.com.br/desenvolvimento/dreamweaver/fundo_gradiente/feed/ 2