Ir para conteúdo
Fórum Script Brasil
  • 0

Dicas/truques/tutoriais E Apost. Do Dreamweaver


Micheletti

Pergunta

Bom pessoal post editado pelo Deividy

Vou arrumar isso aqui e colocar link para que vocês possam achar o conteúdo desse tópico mais fácil. ok

Quem quiser pode continuar postando aqui sem problema eu sempre vou estar dando uma olhada e arrumando (sempre que possível é claro!).

Estou também arrumando os tópicos, pois tem muita cosia aqui que não tem nada a ver com o DW e por isso não será aceito, quero que postem cosia aqui referente ao uso do DW a mesmo que seja CSS que também esta muito presente no DW. Espero que isso possa ajudar a todos.

1 = O que é DragLayer

2 = Botão Rollover

3 = Para alterar as cores dos códigos font

4 = Imagem num botão de form

5 = Cadastrar em Banco de Dados

6 = Tirando Barra de Rolagem

7 = Configurando FTP

8 = Barra de rolagem do Browser colorida

9 = Colocando borda com CSS

10 = Sistema de busca

11 = Menu com layer

12 = Criando Menu no FW e exportando para o DW

13 = Centralizando o conteudo não importando a resolução

14 = Centralizar conteúdo na Tela

15 = Dreamwaver e ColdFusion MX 7

16 = Instalar o PHP e MySQL para usar com o DW

17 = Link sem Sublianhação

18 = Tirar sublinhado de um link

19 = Criar sistema de login de usuário

Editado por Norivan Oliveira
Link para o comentário
Compartilhar em outros sites

Posts Recomendados

  • 0

Bom como foi pedido num tópico resolvi colocar aqui pra que todos possam aprender como se faz isso.

Descrição: Vou construir duas tabelas, uma com borda pontilhada e outra com borda normal.

1 = numa tela do DW em branco coloque duas tabelas com espaço de um paragrafo uma da outra.

2 = agora vamos criar um CSS pra cada uma clique Shift +F1 aparecerá essa palheta.

user posted image

3 = agora clique na folha com o sinal de + abrira essa tela

user posted image

4 = onde estiver escrito ".unnamed1" sem a aspas você coloca um nome tipo ".barra1" sem as apas.

5 = aparecerá essa tela.

user posted image

6 = escolha border aparecendo essa tela

user posted image

7 = agora nesse campos mostrado a baixo você escolhe " Same for All" quer dizer todos os campos se você desmarcar você pode escolher um por um não é o caso

user posted image

8 = agora escolha solid como mostra na figura abaixo

http://geocities.yahoo.com.br/deividy_ramires/15.gif

9 = agora vamos configurar a largura

http://geocities.yahoo.com.br/deividy_ramires/16.gif

10 = escolha 1 porque as propriedades que ele aprezenta são maiores

11 = a cor isso acredito que não precisa de muita explicação.

12 = você acabou de configurar uma borda solida agora e só aplicar, clique na borda e depois clique em cima do nome que você acabou de criar no CSS.

pronto você acabou de configurar uma tabela

pra você colcoar uma tabela pontilhada você faz o mesmo procedimento só que no lugar de solid você coloca dashed

PS.: Não dá pra colocar todas as imagens aparecendo então eu coloquei os links

tutorial criado pelo Deividy

Link para o comentário
Compartilhar em outros sites

  • 0
Guest - Jorge -

Amigo faz essa pergunta no forum certo essa area é pra códigos e como fazer algumas coisas

Editado

Bom dia amigos.

tentei fazer a conexao como no exemplo (Provider=Microsoft.Jet.OLEDB.4.0;Data

Source=D:\Macromedia\DreamWeaver\CadastroBD\Cadastro.mdb;) e ele dava a mensagem de que o o banco estava aberto em modo exclusivo ou não havia localizado.

Help

Obrigado.

Link para o comentário
Compartilhar em outros sites

  • 0

dica enviada por um usuario o emulador

http://www.tdsf.co.uk/tdsfdemo

palavras dele -

"É um excelente tuturial, lá ensina a criar passo a passo um sistema de busca completo, dá os exemplos de como usar o dream MX e até a configurar querys no access.

Não deixem de conferir

Me ajudou muito "

é muito bom o site quem puder olhar vale a pena!

Link para o comentário
Compartilhar em outros sites

  • 0

Centralizando o conteudo não importando a resolução

<style>

#conteudo {

margin-left: -350px; -------esse é o valor da metade do tamanho na horizontal

margin-top: -100px; --------- esse é o valor da metade do tamnaho na vertical

position: absolute; ---------aqui você diz que ele é absoluta isso significa que é fixa

left: 50%; ---------- onde nesse dois ele ficará sempre a 50% das bordas

top: 50%;

}

</style>

esse ai em cima é o css que vai fazer isso!

e na tabela você tem que colocar um id como esta em vermelho

<table border="0" cellpadding="0" cellspacing="0" id="conteudo" width="700" height="200">

não esquecendo que o conteudo do site tem que esta dentro dessa tabela

qual quer dúvida não responde esse post e sim mande fora dele que algum o ajudará!

Link para o comentário
Compartilhar em outros sites

  • 0

Materia feita por um amigo wr.chagas

essa materia esta no forum mxstudio para quem tiver intere-se de saber

http://forum.mxstudio.com.br/index.php?sho...indpost&p=45233

Centralizando conteúdo no meio da tela

Salve colega, depois de estudar mais um pouquinho descobri outra função

para centralizar a o site em qualquer resolução de vídeo!

Independendo da resolução de vídeo do cliente, é possível ajustar o site para que o mesmo fique sempre centralizado na janela. Veja aqui como fazer isso!

Inicialmente, o seguinte código ficará dentro do <HEAD> da página:

<script language="JavaScript">
function alinhamento(){
var w=document.body.clientWidth;
var calc = w-document.all['alinha'].offsetWidth;
alinha.style.left=calc/2
}
</script> 
Depois, a função criada será inserida dentro da tag <BODY> usando os eventos "onload" e "onresize"
<body onload="alinhamento()" onresize="alinhamento()">

Por último, deverá ser criada uma camada com posicionamento absoluto logo após a tag <BODY>. 
A mesma deve ser fechada antes da tag </BODY> 
<body onload="alinhamento()" onresize="alinhamento()">
<div id="alinha" style="position:absolute">

*********** o site vai aqui ***************

</div>
</body> 
Pronto, com isso o seu site está alinhado em qualquer tipo de resolução ! Explicando: A variável w capturará o Width(largura da pagina) disponível no browser do cliente. A variável calc pegará o valor da variável w e irá subtrair do Width da camada alinha Por que isso? o Width do browser do cliente menos o Width da camada que cobre toda a página, mostrará quantos pixels ficaram de fora do site, sendo assim, podemos trabalhar com eles e aproveitá-los para alinhar o site. Agora, na linha alinha.style.left=calc/2, eu atribuo o valor gerado na variável calc e divido por 2, para pegar o valor dessa divisão e colocar no "left" da camada alinha, pois como ela está com posicionamento absoluto, posso posicioná-la onde eu quiser. Dessa forma, o valor que ficou de fora do site foi dividido e uma das metades dele foi utilizado para criar um espaço à esquerda da camada, na qual esse espaço será sempre relativo ao tamanho da resolução, ficando sempre alinhado seja qual for a resolução de vídeo do pc! O mesmo pode ser feito com o Height da página, usando a mesma lógica, na qual ficaria assim:
  
<script LANGUAGE="JavaScript">
function alinhamento(){
var w=document.body.clientWidth;
var h=document.body.clientHeight;
var calcw = w-document.all['alinha'].offsetWidth;
var calch = h-document.all['alinha'].offsetHeight;
alinha.style.left=calcw/2;
alinha.style.top=calch/2;
}

</script> 

Dessa forma, se o site ou uma imagem forem de dimensões bem pequenas, ficarão centralizados tanto em relação ao Width quanto em relação ao Height, como já dito antes, "independendo da resolução de vídeo"

Link para o comentário
Compartilhar em outros sites

  • 0

Deividy, segui suas dicas com esse script para centralizar o site em qualquer resolução e realmente funcionou em alguns, mas no index, por exemplo, não deu certo.

Tenho um modelo, onde fiz os scripts e atualizei para as outras páginas, e a maioria funcionou, mas apenas 2 ou 3 ficaram desconfiguradas. Se todas seguem o modelo, não entendi o por qu~e dessa situação...

Se tiver alguma sugestão...

Obrigado.

Link para o comentário
Compartilhar em outros sites

  • 0

Então pessoal eu encontrei uma forma mais fácil de tirar o sublinhado de um link é só usar esse css (estilo).

<a href="link" style="text-decoration: none">Nome do link</a>

e pronto!

Espero q isso simplifique muita coisa para vocês.

Bjinhos

DaniBacarini

realmente isto é mais fácil quando for tirar de um único link mas quando o objetivo é tirar de todos os links ou de uma classe de links´se faz necessário o uso do CSS fora da TAG.

você as vezes fala muito e ajuda pouco! monta o css ao invés de vim aqui criticar o que uma amiga vem a ensinar!

Moderador

Deividy

é realmente eu as vezes falo demais Deividy, mas não falei nada aqui para criticar alguém, pois a atitude de ajudar outras pessoas que a DaniBacarini teve aí em cima é louvavel...

realmente foi um erro não ter postado como fazer o css, mas antes tarde do que nunca...tá aí

a:hover { text-decoration: none }
a:link { text-decoration: none}
a:active { text-decoration: none}
a:visited { text-decoration: none} 

Este código foi postando em Apr 4 2005, 04:30 PM na sala Dream Weaver

obs: não retirei o texto original, pois ao meu ver, não foi critica o que eu fiz...

Editado por Mr.Bam
Link para o comentário
Compartilhar em outros sites

  • 0
Guest Dre Ferreira

Preciso de uma ajuda, alguém sabe como faço para q o site q estou fazendo abra de lado a lado sem dar barra de rolagens na horizontal em qualquer PC?

Ouvi falar q existe tipo um "virus" q você configura em html para esse comando

Brigadinn

Link para o comentário
Compartilhar em outros sites

  • 0

Banco de dados

Para começar vamos criar nosso banco de dados.

A primeira etapa para se criar um sistema de login é criar uma tabela no banco de dados com as colunas que guardarão os dados do usuário, esta tabela obrigatoriamente tem de ter as colunas "nome" e "senha" que serão usadas no login do usuário, você pode também criar outras colunas para guardar informações pessoais do usuário, como e-mail, site e etc.

Vamos lá, no exemplo irei criar o banco de dados através do Acess mas, você pode usar outro programa ou mesmo exportar o banco de dados para outro formato.

Abra o Acess, crie um novo banco de dados ou abra um banco de dados já existente.

Dê um duplo clique sobre "Crie uma tabela em modo Design".

Criando as colunas

Na janela que se abriu você vai criar as suas colunas, a primeira ser criada deve ser a coluna de identificação do usuário, "ID", ela deve ser do tipo numeração automática e deve serr definida como chave primária:

Em Nome do campo digite ID, em Tipo de dados selecione Numeração Aut.

Clique com o botão direito na coluna ID e clique em Chave primária.

Agora vamos criar a coluna "Nome":

Em Nome do campo digite "Nome", em Tipo de dados selecione Texto.

Perceba que na parte debaixo da janela existe um painel chamado Propriedades do campo.

Em Tamanho do campo (que deve estar com o valor 50) mude para 200, pois muitos usuários usam nome e sobrenome na hora de se cadastrar e se o campo tiver menor do que o nome da pessoa vai dar erro.

Agora defina um campo senha:

Em Nome do campo digite "Senha", em Tipo de dados selecione Texto.

Em Tamanho do campo (que deve estar com o valor 50) mude para 16 ou um numero de sua preferência.

Estas são as colunas necessárias para o usuário se cadastrar e se logar, mas você pode adicionar outras colunas para saber mais dados sobre o usuário como e-mail, telefone, cidade...

No final sua tabela deve ficar mais ou menos assim:

Salve a tabela com o nome "Usuarios"

Exportando

Caso você queira pode exportar o banco de dados para outro formato, como por exemplo MySQL (desde de que você tenha o driver do MySQL). Veja como:

Com a tabela selecionada ou aberta clique em Arquivo>>Exportar

Na janela salvar, existe um campo chamado "Salvar como tipo:" selecione Banco de Dados ODBC.

Na janela exportar verifique se o nome da tabela esta correto e clique em OK

Na janela Selecionar fonte de dados selecione o driver do banco de dados que você quer usar através da caixa Examinar que serve como explorer ou clique na Guia "Fontes de dados de máquina" e selecione o driver do formato do banco de dados que você quer usar.

Sistema

Agora que já criamos o banco de dados iremos partir para o Dreamweaver para criar o sistema. Para isto você precisará de:

Com o Dreamweaver aberto clique em Arquivo>>Novo, no menu a esquerda da janela que se abriu selecione Página dinâmica e no menu a esquerda selecione a linguagem que será usada na página, você pode escolher entre VBscript de ASP, JavaScript de ASP, JSP ou PHP.

Com o novo documento criado vá ao painel Aplicativo e clique em Ligações (Janela>>Ligações), clique no sinal de adição, e no menu popup clique em Conjunto de registros (consulta).

norivanimg04coluna084xo.jpg

Irá se abrir uma janela chamada Conjunto de registros, nela você definira quais dados serão puxados do banco de dados, veja:

norivanimg05coluna082si.jpg

Nome = Insira qualquer nome sem caracteres especiais ou espaços.

Conexão = Selecione nome da conexão a ser usada (você já deve ter uma conexão definida).

Tabela = Selecione a tabela do banco de dados que contem os dados dos usuários

Colunas = Marque "Todos"

Cadastro

Após isto feito já teremos um conjunto de registro para usar em nosso sistema. Agora clique em Arquivo>>Salvar e salve o arquivo com o nome de cadastro.* (o * deve ser substituído pela extensão, asp, php ou jsp).

Clique agora em Inserir>>Objetos de Aplicativos>>Inserir formulário de registro. Irá aparecer uma janela assim:

norivanimg07coluna080lf.jpg

Conexão = Selecione nome da conexão a ser usada (você já deve ter uma conexão definida).

Inserir na tabela = Selecione a tabela que contem os dados dos usuários

Após a inserção, ir para = Insira a URL de uma página de confirmação que será criada posteriormente.

Campos de formulário = Selecione o primeiro campo, "ID" e clique no sinal de subtração (-) para retira-lo do formulario.

Deve ter aparecido um formulário mais ou menos assim na página:

norivanimg08coluna086xo.jpg

O cadastro do sistema está funcional, mas ainda tem 2 probleminhas para resolver:

1. Evitar que um novo usuário se cadastre com um nome de usuário já existente.

2. Evitar que o usuário envie o formulário sem preenche-lo corretamente.

Vamos resolver estes problemas:

1. Evitar que um novo usuário se cadastre com um nome de usuário já existente.

Vá até o painel Aplicativo e clique em Comportamento de servidor (Janela>>Comportamento de servidor), clique no sinal de adição, no menu popup clique em Autenticação pelo usuário>>Verificar o novo nome de usuário, a seguinte janela irá se abrir:

norivanimg09coluna085ku.jpg

Campo nome do usuário = Selecione o campo do formulario onde o usuário irá digitar seu nome de usuário.

Se já existir, ir par = Insira uma URL para uma pagina de erro caso o usuário tente se cadastrar com um nome de usuário já existente

Pronto o 1° problema foi resolvido agora vamos partir para o 2° problema:

2. Evitar que o usuário envie o formulário sem preenche-lo corretamente.

Vá no painel Design clique em Comportamentos (Janela>>Comportamentos), clique no sinal de adição e clique em Validar formulário. Irá se abrir uma janela como esta:

norivanimg10coluna080cx.jpg

Campos com nome = Selecione os campos de formulário que serão obrigatórios

Valor = Marque se o campo for obrigatório (marque nos campos nome, usuário e senha)

Aceitar = Marque uma das opções de acordo com o tipo de dado de cada campo:

Qualquer item = Marque esta opção para os campos que podem aceitar qualquer caracteres (nome, usuário e senha)

Endereço = Marque se o campo selecionado for um campo para o usuário inserir seu endereço de e-mail

Pronto agora finalizamos o sistema de cadastro, vamos então agora fazer o sistema de login:

Crie uma nova página, não feche a página de cadastro, salve a nova página como login.* (o * deve ser substituído pela extensão, asp, php ou jsp)

Com a página criada volte a página de cadastro, vá ao painel Aplicativo e clique Ligações (Janela>>Ligações), clique com o botão direito do mouse no conjunto de registros existente e clique em Copiar

norivanimg11coluna083jh.jpg

Volte novamente a página de login, vá até o painel Aplicativo, clique em Ligações, clique com o botão direito no espaço em branco e clique em colar. Isto copiará o conjunto de registros da página de cadastro para a página de login.

Login

Clique em Inserir>>Formulário, isto irá inserir um retângulo pontilhado na pagina, coloque o cursor dentro deste retângulo, clique em Inserir>>Objetos de formulário>>Campo de texto, selecione o campo de texto inserido e, no Inspetor de propriedades (Janela Propriedades) defina o nome dele com "usuario" (sem aspas).

norivanimg12coluna088ng.jpg

Agora repita o mesmo processo e crie um campo para senha, selecione o campo e no Inspetor defina o nome de como "senha" e marque a opção senha em Tipo (à direita).

Insira um botão para enviar o formulário, clicando em Inserir>>Objetos de formulário>>Botão.

Agora vá no painel Aplicativo, clique em comportamentos de servidor (Janela>>Comportamentos de servidor) clique no sinal de adição e clique em Autenticação pelo usuário>>Efetuar logon de usuário. Irá aparecer o seguinte formulário:

norivanimg13coluna084yh.jpg

Obter entrada do formulário = Selecione o nome do formulário de login (form1 se você não tiver mudado)

Campo nome do usuário = Selecione o campo do formulário onde o usuário irá digitar seu nome de usuário.

Campo senha = Selecione o campo do formulário onde o usuário irá digitar sua senha.

Validar utilizando a conexão = Selecione a nome da sua conexão (a mesma do formulário de cadastro)

Tabela = Selecione a tabela que contem as colunas de nome e senha do usuário

Coluna nome do usuário = Selecione a coluna com os nomes do usuários

Coluna senha = Selecione a coluna com as senhas dos usuários.

Se o logon tiver êxito ir para página = Digite a URL da página restrita (painel do usuário).

Se o logon falhar ir para pagina = Digite a URL de uma página de erro.

Restringir acesso com base em = Selecione usuário e senha

Pronto esta feito o sistema de login, agora vamos a página restrita:

Crie uma nova página, vá até a guia comportamentos de servidor no painel Aplicativo, clique no sinal de adição, clique em autenticação pelo usuário>>Restringir acesso

norivanimg14coluna088db.jpg

Restringir acesso = Marque nome usuário e senha

Se o acesso for negado ir para = digite a URL da página de login

Agora para finalizar nosso sistema iremos criar um link para o usuário sair (efetuar o logoff):

Crie um link qualquer, vá em comportamentos de servidor, clique no sinal de adição e clique em Autenticação pelo usuário>>Efetuar o logoff do usuário.

norivanimg15coluna084es.jpg

Efetuar o logoff quando = Marque link clicado e selecione o link que você criou

Quando concluído ir par = Digite a URL de uma página de saída ou mesmo da pagina de login

Pronto acabamos o sistema, caso você queira criar mais páginas com acesso restrito copie o comportamento de servidor "Restringir acesso à página" e cole na página que você deseja que seja restrista.

Link para o comentário
Compartilhar em outros sites

  • 0
Guest --Val --
Eu estou tentando aprender Dw sozinho, mais está meio complicado...

alguém poderia me informar onde tem curso online gratuito ou apostilas???

valeu

<span style='color:red'>Emo aqui não é o lugar que você deveria ter postado aqui é só pra dicas e truques sobre a linguagem! OK

Vou deixar essa mensagem aqui até o fim do dia pra você olhar e postar no lugar certo, obrigado.

Deividy

Moderador</span>

Sim, Amigo.

Entre no site do Youtube.com e coloque: video aula dreamwave

Aproveito é gratuito!

Um abraço e boa sorte!

Atenciosamente,

Neighbouring

Link para o comentário
Compartilhar em outros sites

  • 0
Guest --Caleo --

Para alinhar seu site sempre no centro do navegador, através de um Layer, não precisa necessariamente criar uma tabela.

Basta simplesmente dependendo da largura ou altura do site configura as porcetagens da margem esquerda ou top.

Por exemplo:

Eu estou fazendo um site que seu Layout e feito através de layers, o site esta todo dentro de uma layer principal absoluta que tem o nome de container. Segue o código abaixo para alinhar a layer com o tamanho da janela do navegador:

#container{

position:absolute;

top:0;

left:9%;

width:1043px;

height:567px;

z-index:2;

background-color: #CC33FF;

border: 5px solid #CCCCCC;

}

Aqui no caso meu site tem 1043x567 ele é alargado então estou alinhando na horizontal "left: 9%", isso deixa a borda esquerda sempre 9% do margem, centralizando assim meu site.

Em um post acima o cara configura margin-left como -363px. e poe left: 50%;, invés de fazer isso é so colocar a porcentagem em left relativa ao tamanho do seu site de modo que ele fique centralizado.

Obrigado espero que essa dica seja util pra alguém como foi pra min.

Link para o comentário
Compartilhar em outros sites

  • 0
Eu estou tentando aprender Dw sozinho, mais está meio complicado...

alguém poderia me informar onde tem curso online gratuito ou apostilas???

valeu

<span style='color:red'>Emo aqui não é o lugar que você deveria ter postado aqui é só pra dicas e truques sobre a linguagem! OK

Vou deixar essa mensagem aqui até o fim do dia pra você olhar e postar no lugar certo, obrigado.

Deividy

Moderador</span>

E ai maninho olha esse site tem vários cursos grátis. inclusive DW5

http://www.primecursos.com.br/dreamweaver-cs5-basico/

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...