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
Versão Completa: Dicas/truques/tutoriais E Apost. Do Dreamweaver
(O post acima foi deletado por Micheletti.)
hehehe, este guest aí de cima sou eu, esqueci de me logar..., mas é na tag table mesmo?
hehehe, este guest aí de cima sou eu, esqueci de me logar..., mas é na tag table mesmo?
isso é puro CSS!!!!!!!!!!!! dá pra fazer muitas coisas com CSS..........inclusive por o fundo com coordenadas, tipo substitui right bottom por valores em px q você coloca o fundo onde quiser
o DW é otimo pra trablahar com CSS.............na verdade ele te ensina se tu não sabe hehehe.............entra em design e divirta-se!!!!!!
o DW é otimo pra trablahar com CSS.............na verdade ele te ensina se tu não sabe hehehe.............entra em design e divirta-se!!!!!!
pelo que pude ver você postou o cond. css logo abaixo...
acho que ficou mais fácil.
valeu!
acho que ficou mais fácil.
valeu!
Aê pessoal , beleza?
Img. que muda quando o mause passa sobre ela...
1º-va para o menu objects e selecione "Insert Rollover Image"
2º-No Campo "Original Image" coloque a imagem q você quer q apareca.
3º-No Campo "Rollover Image" coloque a imagem que você quer que apareca quando a pessoa coloca o cursor do mouse em cima da imagem origial.
4º-No campo "When Clicked,Go To URL" coloque o link referente ao site ou figura q você desejar.
pronto!
Img. que muda quando o mause passa sobre ela...
1º-va para o menu objects e selecione "Insert Rollover Image"
2º-No Campo "Original Image" coloque a imagem q você quer q apareca.
3º-No Campo "Rollover Image" coloque a imagem que você quer que apareca quando a pessoa coloca o cursor do mouse em cima da imagem origial.
4º-No campo "When Clicked,Go To URL" coloque o link referente ao site ou figura q você desejar.
pronto!
E aê beleza.
Para ver os criadores do programa DW e algumas imagens que ñ tem muito a ver com o mesmo, abra se DW> insira uma imagem qualquer> clique nessa imagem para ficar selecionada > na sua Janela/Inpetor de Propriedades vai aparecer a imagem que você inseriu bem pequeno do lado direito certo, segure a tecla CTRL e clique 2 vezes nela rapidamente, ai vai aparecer os criadores do programa DW, va clicando varias vezes pois tem bastante ...
Isso aí...
Para ver os criadores do programa DW e algumas imagens que ñ tem muito a ver com o mesmo, abra se DW> insira uma imagem qualquer> clique nessa imagem para ficar selecionada > na sua Janela/Inpetor de Propriedades vai aparecer a imagem que você inseriu bem pequeno do lado direito certo, segure a tecla CTRL e clique 2 vezes nela rapidamente, ai vai aparecer os criadores do programa DW, va clicando varias vezes pois tem bastante ...
Isso aí...
hehe legal!!!!! xeio de misterios
A mais nova do Micheletti...
vi isso em um forum..e achei legal!
testa ai!
esfeito onMouseOver! rs*
Separe o menu e o form ou flash em duas tags's da seguinte maneira.
O menu vai ficar dentro de um layer com a tag DIV com z index 2 por exemplo!
e o flash ou form vai ficar dentro de um layer com a tag SPAN com um zindex 1..
Segue o código:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<table width="614" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="614" height="48" valign="top"><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2; left: 196px; top: 29px; background-color: #0000FF; layer-background-color: #0000FF; border: 1px none #000000; visibility: hidden;"></div>
<a href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">gegegeg</a></td>
</tr>
<tr>
<td height="32"> </td>
</tr>
<tr>
<td height="228" valign="top"><span id="iframeLayer" style="position:absolute; width:611px; height:228px; z-index:1; left: 11px;">
<iframe src="http://www.scriptbrasil.com.br/forum" frameborder="0" width="100%" height="100%" marginheight="0" marginwidth="0" hspace="0" vspace="0"></iframe></span></td>
</tr>
</table>
</body>
</html>
vi isso em um forum..e achei legal!
testa ai!
esfeito onMouseOver! rs*
Separe o menu e o form ou flash em duas tags's da seguinte maneira.
O menu vai ficar dentro de um layer com a tag DIV com z index 2 por exemplo!
e o flash ou form vai ficar dentro de um layer com a tag SPAN com um zindex 1..
Segue o código:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<table width="614" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="614" height="48" valign="top"><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2; left: 196px; top: 29px; background-color: #0000FF; layer-background-color: #0000FF; border: 1px none #000000; visibility: hidden;"></div>
<a href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">gegegeg</a></td>
</tr>
<tr>
<td height="32"> </td>
</tr>
<tr>
<td height="228" valign="top"><span id="iframeLayer" style="position:absolute; width:611px; height:228px; z-index:1; left: 11px;">
<iframe src="http://www.scriptbrasil.com.br/forum" frameborder="0" width="100%" height="100%" marginheight="0" marginwidth="0" hspace="0" vspace="0"></iframe></span></td>
</tr>
</table>
</body>
</html>
tipo uma dica pra quando estiver escrevenu no fireworks e quiser dar mtos espaços sem ter q abrir o code e digitar
aperte CTRL+SHIFT+SPACE até onde você quiser........mo manha isso.....eu já postei um tópico aki sobre isso....mas vo posta aki tb......
outra coisa boa no dreamweaver é pegar os behaviors q tem la no site do exchance da macromedia.....
Clike aqui para pegar behaviors e extensões do dreamweaver
aperte CTRL+SHIFT+SPACE até onde você quiser........mo manha isso.....eu já postei um tópico aki sobre isso....mas vo posta aki tb......
outra coisa boa no dreamweaver é pegar os behaviors q tem la no site do exchance da macromedia.....
Clike aqui para pegar behaviors e extensões do dreamweaver
po.... gostei da dica peixuxa...
bem útil mesmo!!!!
hehehehe......
agora..... behavior = ??
bem útil mesmo!!!!
hehehehe......
agora..... behavior = ??
Ai vai mais um tuto...esse peguei na web...e gostei muito...
Click =>
p v o tuto...valeu!
Click =>
p v o tuto...valeu!
Olhem isso=>
Sobre templantes =>
Olá Pessoal,
O DragLayer serve para tornar uma camada arrastavel pelo usuario.
Para que isso funcione é necessario aplicar um behavior
na Tag <body>.
Crie uma camada e nomeie-a, então selecione a Tag Body e
aplique o Drag Layer, existem 2 guias para configurar:
BASIC - Configura o movimento do Layer enquanto arrastado
ADVACED - Configura o que acentecera com o Layer apos ser solto.
Atenciosamente,
O DragLayer serve para tornar uma camada arrastavel pelo usuario.
Para que isso funcione é necessario aplicar um behavior
na Tag <body>.
Crie uma camada e nomeie-a, então selecione a Tag Body e
aplique o Drag Layer, existem 2 guias para configurar:
BASIC - Configura o movimento do Layer enquanto arrastado
ADVACED - Configura o que acentecera com o Layer apos ser solto.
Atenciosamente,
Coneção BD e outros bichos, aqui=>
otra hotkey muito útil....pra não ter que fikar digitanu <br> toda hora no html,apenas segure SHITF+ENTER , é como mágica!
diraol,behaviors é tipo umas ação que já vem prontas no dreamweaver,e só você clikar e pronto,num precisa fikar digitanu scripts.....a maioria deles são em javascript(ow todos sei la)....
flwxx
diraol,behaviors é tipo umas ação que já vem prontas no dreamweaver,e só você clikar e pronto,num precisa fikar digitanu scripts.....a maioria deles são em javascript(ow todos sei la)....
flwxx
Pra você alterar as cores dos códigos:
Editar » Preferencias (Ctrl+U) » Códificação das cores, vai abrir a lista das liguagens, escolha a sua e clica em editar o esquema das cores.
nessa mesma janela deniminada PREFERÊNCIAS. exite muita coisa a ser explorada, pois poucas pessoas conhecem essa área do DW.
divirtase...
Editar » Preferencias (Ctrl+U) » Códificação das cores, vai abrir a lista das liguagens, escolha a sua e clica em editar o esquema das cores.
nessa mesma janela deniminada PREFERÊNCIAS. exite muita coisa a ser explorada, pois poucas pessoas conhecem essa área do DW.
divirtase...
como tem muita gente que pergunta isso. Vai ficar aqui agora.
CODE
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
document.write('<font face=verdana size=2 color=black>sua resolução é ' + screen.width + ' x ' + screen.height + '');
if (screen.width == 640) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 800) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 1024) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 1280) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open("ENDEREÇO DA PÁGINA");
}
if (screen.width == 1600) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open("ENDEREÇO DA PÁGINA");
}
//-->
</script>
</head>
</html>
<head>
<script LANGUAGE="JavaScript">
<!--
document.write('<font face=verdana size=2 color=black>sua resolução é ' + screen.width + ' x ' + screen.height + '');
if (screen.width == 640) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 800) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 1024) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open('ENDEREÇO DA PÁGINA');
}
if (screen.width == 1280) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open("ENDEREÇO DA PÁGINA");
}
if (screen.width == 1600) {
document.write('<br><font face=verdana size=2 color=black>MENSAGEM');
alert("MENSAGEM");
// página que abre para está resolução //
open("ENDEREÇO DA PÁGINA");
}
//-->
</script>
</head>
</html>
Salve Pessoal!
Me matei p mudar o Botão Padrão de um form uma vez, mexia nos códigos e nada funcionava, até que ouvi uma voz gritando meu nome, Micheletti!!!!,
era meu amigo DW, dizendo me use, e veja como é fácil;
Me matei p mudar o Botão Padrão de um form uma vez, mexia nos códigos e nada funcionava, até que ouvi uma voz gritando meu nome, Micheletti!!!!,
era meu amigo DW, dizendo me use, e veja como é fácil;
| QUOTE |
| CTRL + J, ou click no botão com o botão direito do mause, selecione a Opção Editar a Tag do Imput, no menu tipo, escolha a opção Imagem, e dpz é só navegar até sua img. e pronto. |
Esse DW sempre me dizendo q ñ sei nada sobre ele.
| QUOTE |
| esse tutorial, foi postado por MXStudio, Micheletti apenas colocou aqui, p ñ cair no esquecimento de todos. |
Bom galera estou trazendo um tutorial que ensina como gravar um cadastro em banco de dados.
Vamos trabalhar com as seguintes ferramentas e linguagem
Macromedia DW
Microsoft Access
ASP
Bom maos a obra.
1- Abra o seu DW a primeira coisa a fazer e configurar um site padrao.
onde
Local Folder = Pasta onde esta o seu site.
Default Folder Image = Pasta onde esta as imagens do seu site..
as outras opçoes vc nao precisa alterar, feito isso vamos abrir o ACCESS e criar nossa base de dados.
2-Vamos criar um banco de dados em branco e salvar ele com o nome de cadastro.mdb na pasta raiz da sua
aplicaçao.
3- Abaixo esta a estrutura da tabela que vamos criar.
Importante logo abaixo no access tem uma propriedade para o campo que se chama REQUERIDO com o valor NAO , esse valor diz que o registro pode ser incluido no banco de dados com o valor em branco, caso vc mude para SIM vc ter que fazer a validaçao no campo antes de mandar gravar o cadastro para nao ir para
o BD e gerar um erro. Agora vamos salvar a tabela tambem como nome de CADASTRO
4- Vamos no DW nosso primeiro passo e criar uma pagina que deve ser salva com o nome de INDEX.ASP e
vamos criar agora a conexao com o Banco de dados, vamos na aba APPLICATION > DATABASES clique no
sinal de MAIS e escolha o tipo de conexao CUSTOM CONNECTION STRING (conexao do tipo string, CONNECTION NAME: nome da sua conexao CONNECTION STRING: string de conexao como mostra a tela abaixo.
String de Conexao = Provider=Microsoft.Jet.OLEDB.4.0;Data
Source=D:\Macromedia\DreamWeaver\CadastroBD\Cadastro.mdb;
Apos feito isso clique em TEST, deverá aparecer uma msg que a CONECXAO FOI TESTADA COM SUCESSO.
5- Agora vamos colocar na pagina INDEX.ASP um formulario e dentro deste formulario vamos contruir uma
tabela que vai conter os campos que foram colocados no Banco de dados, (coloque os mesmos nomes nas
propriedades do Input Text que vc colocou para o campo no Banco de dados.
CODIGO DA PAGINA
6- feito isso vamos criar uma pagina que vai ser a listagem dos cadastro no banco de dados, vamos chamar ela de LISTA.ASP.
7- Na pagina INDEX.ASP vamos agora fazer o processo para inserir no Banco de dados.
Vamos na aba APPLICATION > SERVER BEHAVIORS > INSERT RECORD preencha sua tela como mostra a figura abaixo.
Figura 6
8- Pronto ja estamos gravando no banco de dados (eu espero!!!)
9- Nossa pagina de LISTA.ASP ira listar todos os registros do banco de dados, entao vamos la,
contrua uma tabela conde vc vai listar os campos.
Figura 7
10- Agora vamos Fazer o Script para a listagem dos dados. Vamos criar um RECORDSET(a tao famosa Query)
para isso vamos em APPLICATION > BINDINGS > RECORDSET(QUERY) preencha a sua tela igual a tela abaixo.
Figura 8
Note que agora na Aba BINDINGS vc tem o recordset criado, clicando no sinal de mais vc tera todos os
campos da tabela como mostra figura abaixo.
Figura 9
10 Agora vamos clicar e arrastar para nossa tabela na pagina os campos do recordset para seus
respsctivos campos na tela como mostro abaixo.
Figura 10
11- Feito isso, vamos agora criar o comando para repetir os registro da tabela ate o final.
Vamos selecionar toda a linha da tabela onde nos inserimos os campos do recordset feito isso vamos em
APPLICATION > SERVER BEHAVIORS > REPEAT REGION como mostra a tela abaixo, onde e escolhido qual
RecordSet vc quer repetir e a quantidade, nos vamos escolher o listagem e todos os registros.
Figura 11
12- Pronto vc ja esta gravando dados e listando no do banco de dados (eu espero!!!)
falou galera espero ter ajudado a vcs, logo mais vou ensinar como alterar registos, usando esse mesmo
exemplo que fizemos.
Baixa arquivos do Tutorial
Abraços
MXStudio.com.br
Tirar barra de rolagem tamto na horizontal como na vertical.
<style>
body{
overflow-x: hidden;
overflow-y: hidden;
}
</style>
onde x = horizontal
onde y = vertical.
<style>
body{
overflow-x: hidden;
overflow-y: hidden;
}
</style>
onde x = horizontal
onde y = vertical.
Pra que nunca mais vcs esqueçam como se faz barra de rolagem colorida.
http://webfx.eae.net/tools/scrollbartool/
Olhen isso é muito bom
http://webfx.eae.net/tools/scrollbartool/
Olhen isso é muito bom
Feito por grsitonio
tava analizando o script que faz essa função e digo, é fantastico...simples, prático e funcional...o único porem é que não testei no Netscape (infelizmente não tive tempo de instala)
spara esclarecer...o script faz um onmouseup, onmousedown e onmouseout em um iframe.
segue o script...
entre as HEADs
<script language=JavaScript1.2>
<!--
var myTime;
var myActive;
myActive = 1;
function scrollUp(){
layertexto.window.scrollBy(0,-2);
myTime = setTimeout('scrollUp()', 5);
}
function scrollDown(){
layertexto.window.scrollBy(0,2);
myTime = setTimeout('scrollDown()', 5);
}
//-->
</SCRIPT>
entre os BODYs
<TABLE>
<TBODY>
<TR>
<TD> </TD>
<TD width=20> </TD>
<TD><IFRAME name=layertexto
src="SitedaClaro_arquivos/layer_a_claro.htm"
frameBorder=0 width=300 scrolling=no
height=110></IFRAME></TD>
<TD><IMG height=138
src="SitedaClaro_arquivos/scroll_pre.gif" width=22
useMap=#SetaDownMap border=0></TD>
</TR>
</TBODY>
</TABLE>
<MAP
id=SetaDown2 name=SetaDownMap>
<AREA onmouseup=clearTimeout(myTime)
onmousedown=scrollUp() onmouseout=clearTimeout(myTime) shape=RECT
coords=2,2,20,20 href="javascript://">
<AREA onmouseup=clearTimeout(myTime)
onmousedown=scrollDown() onmouseout=clearTimeout(myTime) shape=RECT
coords=2,117,21,136 href="javascript://">
</MAP>
rs*
tava analizando o script que faz essa função e digo, é fantastico...simples, prático e funcional...o único porem é que não testei no Netscape (infelizmente não tive tempo de instala)
spara esclarecer...o script faz um onmouseup, onmousedown e onmouseout em um iframe.
segue o script...
entre as HEADs
<script language=JavaScript1.2>
<!--
var myTime;
var myActive;
myActive = 1;
function scrollUp(){
layertexto.window.scrollBy(0,-2);
myTime = setTimeout('scrollUp()', 5);
}
function scrollDown(){
layertexto.window.scrollBy(0,2);
myTime = setTimeout('scrollDown()', 5);
}
//-->
</SCRIPT>
entre os BODYs
<TABLE>
<TBODY>
<TR>
<TD> </TD>
<TD width=20> </TD>
<TD><IFRAME name=layertexto
src="SitedaClaro_arquivos/layer_a_claro.htm"
frameBorder=0 width=300 scrolling=no
height=110></IFRAME></TD>
<TD><IMG height=138
src="SitedaClaro_arquivos/scroll_pre.gif" width=22
useMap=#SetaDownMap border=0></TD>
</TR>
</TBODY>
</TABLE>
<MAP
id=SetaDown2 name=SetaDownMap>
<AREA onmouseup=clearTimeout(myTime)
onmousedown=scrollUp() onmouseout=clearTimeout(myTime) shape=RECT
coords=2,2,20,20 href="javascript://">
<AREA onmouseup=clearTimeout(myTime)
onmousedown=scrollDown() onmouseout=clearTimeout(myTime) shape=RECT
coords=2,117,21,136 href="javascript://">
</MAP>
rs*
Eu estou tentando aprender Dw sozinho, mais está meio complicado...
Alguem poderia me informar onde tem curso online gratuito ou apostilas???
Valew
Emo aqui não é o lugar que vc deveria ter postado aqui é só pra dicas e truques sobre a linguagem! OK
Vou deixar essa mensagem aqui até o fim do dia pra vc olhar e postar no lugar certo, obrigado.
Deividy
Moderador
Alguem poderia me informar onde tem curso online gratuito ou apostilas???
Valew
Emo aqui não é o lugar que vc deveria ter postado aqui é só pra dicas e truques sobre a linguagem! OK
Vou deixar essa mensagem aqui até o fim do dia pra vc olhar e postar no lugar certo, obrigado.
Deividy
Moderador
Para configurar o FTP do Dreamweaver é fácil.
Site » Editar os sites, selecione seu Site e click em Editar...
Na Janela, click em informações remotas, em cima selecione:
Accesso: FTP
Host do FTP: (suas hospedagem deve ter te passado)
Diretório do Host: (não precisa preencher)
Login: Seu login (algumas vezes, você pode criar, as contas de FTP, escolhendo as login/senhas e permissões)
Senha: Sua senha
Click em OK.
Na paleta Arquivos, click na aba Site, e click no ultimo icone,(Expandir/Fechar), click no icone, que parece duas tomadas para voce se conectar ao seu servidor de hospedagem.
Do lado Esquerdo, (pastas amarelas), são as pastas do servidor, e o lado direito (pastas verdes) são os aquivos que estão em seu PC.
E só arastar, as pastas ou arquivos. Para as outras pastas
Se você estiver usando uma maquina terminal(cliente), as configurações mudam.
Host do FTP: Será o IP do servidor local, normalmente 192.168.0.1
Diretório do Host: (não precisa preencher)
Login: O login vai ser da seguinte maneira "login@endereço.do.host.ftp.com.br" ex.: "douglas@ftp.imasters.com.br" sem aspas.
Senha: Sua senha
explicação retirada de um outro forum feito por Douglas
Site » Editar os sites, selecione seu Site e click em Editar...
Na Janela, click em informações remotas, em cima selecione:
Accesso: FTP
Host do FTP: (suas hospedagem deve ter te passado)
Diretório do Host: (não precisa preencher)
Login: Seu login (algumas vezes, você pode criar, as contas de FTP, escolhendo as login/senhas e permissões)
Senha: Sua senha
Click em OK.
Na paleta Arquivos, click na aba Site, e click no ultimo icone,(Expandir/Fechar), click no icone, que parece duas tomadas para voce se conectar ao seu servidor de hospedagem.
Do lado Esquerdo, (pastas amarelas), são as pastas do servidor, e o lado direito (pastas verdes) são os aquivos que estão em seu PC.
E só arastar, as pastas ou arquivos. Para as outras pastas
Se você estiver usando uma maquina terminal(cliente), as configurações mudam.
Host do FTP: Será o IP do servidor local, normalmente 192.168.0.1
Diretório do Host: (não precisa preencher)
Login: O login vai ser da seguinte maneira "login@endereço.do.host.ftp.com.br" ex.: "douglas@ftp.imasters.com.br" sem aspas.
Senha: Sua senha
explicação retirada de um outro forum feito por Douglas
Foi postado um tutorial pela nossa aminha a Eloah
o link esta aqui pra quem quiser ver.
http://scriptbrasil.com.br/forum/index.php...ndpost&p=156067
o link esta aqui pra quem quiser ver.
http://scriptbrasil.com.br/forum/index.php...ndpost&p=156067
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #317594;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR:317594;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
</STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #317594;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR:317594;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
</STYLE>
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.
3 = agora clique na folha com o sinal de + abrira essa tela
4 = onde estiver escrito ".unnamed1" sem a aspas vc coloca um nome tipo ".barra1" sem as apas.
5 = aparecerá essa tela.
6 = escolha border aparecendo essa tela
7 = agora nesse campos mostrado a baixo vc escolhe " Same for All" quer dizer todos os campos se vc desmarcar vc pode escolher um por um não é o caso
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 = vc acabou de configurar uma borda solida agora e só aplicar, clique na borda e depois clique em cima do nome que vc acabou de criar no CSS.
pronto vc acabou de configurar uma tabela
pra vc colcoar uma tabela pontilhada vc faz o mesmo procedimento só que no lugar de solid vc coloca dashed
PS.: Não dá pra colocar todas as imagens aparecendo então eu coloquei os links
tutorial criado pelo Deividy
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.
3 = agora clique na folha com o sinal de + abrira essa tela
4 = onde estiver escrito ".unnamed1" sem a aspas vc coloca um nome tipo ".barra1" sem as apas.
5 = aparecerá essa tela.
6 = escolha border aparecendo essa tela
7 = agora nesse campos mostrado a baixo vc escolhe " Same for All" quer dizer todos os campos se vc desmarcar vc pode escolher um por um não é o caso
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 = vc acabou de configurar uma borda solida agora e só aplicar, clique na borda e depois clique em cima do nome que vc acabou de criar no CSS.
pronto vc acabou de configurar uma tabela
pra vc colcoar uma tabela pontilhada vc faz o mesmo procedimento só que no lugar de solid vc coloca dashed
PS.: Não dá pra colocar todas as imagens aparecendo então eu coloquei os links
tutorial criado pelo Deividy
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 nao havia localizado.
Help
Obrigado.
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 nao havia localizado.
Help
Obrigado.
seu primeiro ex não esta funcionando
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!
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!
Fazendo menu com layer
materia feita por mim mesmo!
http://www.mxstudio.com.br/views.tutorial....w&cid=1&aid=401
materia feita por mim mesmo!
http://www.mxstudio.com.br/views.tutorial....w&cid=1&aid=401
Criando Menu no FW e exportando para o DW
Lembrando que eu não explico como cria o menu FW eu indico um outro tutorial, ok
http://www.cohesp.com.br/artigos/menupop/m.htm
Lembrando que eu não explico como cria o menu FW eu indico um outro tutorial, ok
http://www.cohesp.com.br/artigos/menupop/m.htm
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 vc 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 vc 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á!
<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 vc 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 vc 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á!
Não entendi nada!
{:
{:
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:
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:
| CODE |
| <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"
| CODE |
<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> |
| CODE |
| <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:
| CODE |
| <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 ja dito antes, "independendo da resolução de vídeo"
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.
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.
veja o link de como instalar o PHP e MySQL para usar com o DW
http://scriptbrasil.com.br/forum/index.php...ndpost&p=256013
http://scriptbrasil.com.br/forum/index.php...ndpost&p=256013
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 vcs.
Bjinhos
DaniBacarini
<a href="link" style="text-decoration: none">Nome do link</a>
e pronto!
Espero q isso simplifique muita coisa para vcs.
Bjinhos
DaniBacarini
| QUOTE (DaniBacarini @ May 3 2005, 10:55 AM) |
| 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 vcs. 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.
Vc as vezes fala muito e ajuda pouco! monta o css ao inves 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í
| CODE |
| 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...
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
Ouvi falar q existe tipo um "virus" q você configura em html para esse comando
Brigadinn
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).
Irá se abrir uma janela chamada Conjunto de registros, nela você definira quais dados serão puxados do banco de dados, veja:
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:
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:
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:
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:
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
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).
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:
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
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.
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.
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).
Irá se abrir uma janela chamada Conjunto de registros, nela você definira quais dados serão puxados do banco de dados, veja:
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:
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:
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:
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:
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
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).
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:
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
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.
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.
QUOTE(_Emo_ @ 15/05/2004 - 15:11) 
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>
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
http://www.apostilando.com
Amigo acho legal esse link esse site mais prefiro que poste coisas mais substanciais
obrigado
Amigo acho legal esse link esse site mais prefiro que poste coisas mais substanciais
obrigado
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.
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.
QUOTE(_Emo_ @ 15/05/2004 - 16:11)
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>
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/
LEGAL MANO MAS TEM MUITA COISA PRA GENTE NOVA NO VB TAMBÉM !!! 
Esta é uma versão simplificada de nosso conteúdo principal. Para ver a versão completa com maiores informações, formatação e imagens, por favor clique aqui.