Dicas/truques/tutoriais E Apost. Do Dreamweaver

Micheletti · Setembro 24, 2003

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 Agosto 23, 2008 por Norivan Oliveira

rimonattto · Setembro 25, 2003

(O post acima foi deletado por Micheletti.)

hehehe, este guest aí de cima sou eu, esqueci de me logar..., mas é na tag table mesmo?

Firesoul · Setembro 25, 2003

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!!!!!!

Micheletti · Setembro 25, 2003

pelo que pude ver você postou o cond. css logo abaixo...

acho que ficou mais fácil.

valeu! ;)

Micheletti · Setembro 25, 2003

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!

Micheletti · Setembro 25, 2003

E aê beleza.

Para ver os criadores do programa DW e algumas imagens que não 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í... B)

Firesoul · Setembro 25, 2003

hehe legal!!!!! xeio de misterios

Micheletti · Setembro 26, 2003

A mais nova do Micheletti...

vi isso em um forum..e achei legal!

testa ai!

esfeito onMouseOver! rs* :D

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>

<!--

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[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=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">

<tr>

<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="https://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>

PeiXuXaWebSite · Setembro 27, 2003

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

diraol · Setembro 27, 2003

po.... gostei da dica peixuxa... :D

bem útil mesmo!!!!

hehehehe......

agora..... behavior = ??

Micheletti · Setembro 29, 2003

Ai vai mais um tuto...esse peguei na web...e gostei muito...

Click =><_<p v o tuto...valeu! ;)

Micheletti · Outubro 1, 2003

Olhem isso=><_<

:D

Micheletti · Outubro 1, 2003

Sobre templantes =><_<

eloahcristina · Outubro 1, 2003

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,

Micheletti · Outubro 3, 2003

Coneção BD e outros bichos, aqui=>B)

PeiXuXaWebSite · Outubro 6, 2003

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

Micheletti · Novembro 11, 2003

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... :(

Deividy · Dezembro 11, 2003

como tem muita gente que pergunta isso. Vai ficar aqui agora.

<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>

Micheletti · Janeiro 14, 2004

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;

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 não sei nada sobre ele.

Micheletti · Janeiro 22, 2004

esse tutorial, foi postado por MXStudio, Micheletti apenas colocou aqui, p não 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 padrão.

user posted image

onde

Local Folder = Pasta onde esta o seu site.

Default Folder Image = Pasta onde esta as imagens do seu site..

as outras opçoes você não 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.

user posted image

Importante logo abaixo no access tem uma propriedade para o campo que se chama REQUERIDO com o valor não , esse valor diz que o registro pode ser incluido no banco de dados com o valor em branco, caso você mude para SIM você ter que fazer a validaçao no campo antes de mandar gravar o cadastro para não 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;

user posted image

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 você 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 já estamos gravando no banco de dados (eu espero!!!)

9- Nossa pagina de LISTA.ASP ira listar todos os registros do banco de dados, então vamos la,

contrua uma tabela conde você vai listar os campos.

Figura 7

10- Agora vamos Fazer o Script para a listagem dos dados. Vamos criar um RECORDSET(a tão 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 você tem o recordset criado, clicando no sinal de mais você 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 você quer repetir e a quantidade, nos vamos escolher o listagem e todos os registros.

Figura 11

12- Pronto você já esta gravando dados e listando no do banco de dados (eu espero!!!)

falou galera espero ter ajudado a vocês, logo mais vou ensinar como alterar registos, usando esse mesmo

exemplo que fizemos.

Baixa arquivos do Tutorial

Abraços

MXStudio.com.br

Deividy · Janeiro 23, 2004

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.

Deividy · Janeiro 23, 2004

Pra que nunca mais vocês esqueçam como se faz barra de rolagem colorida.

http://webfx.eae.net/tools/scrollbartool/

Olhen isso é muito bom

Deividy · Fevereiro 13, 2004

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

<!--

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><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*

Maio 15, 2004

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

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

valeu

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

Editado Maio 17, 2004 por Deividy

Deividy · Junho 3, 2004

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

Deividy · Julho 28, 2004

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

Entrar

Dicas/truques/tutoriais E Apost. Do Dreamweaver

Pergunta

Link para o comentário

Compartilhar em outros sites

48 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest _Emo_

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns