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

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

Link para o comentário
Compartilhar em outros sites

  • 0

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!

Link para o comentário
Compartilhar em outros sites

  • 0

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)

Link para o comentário
Compartilhar em outros sites

  • 0

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>

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

<!--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">&nbsp;</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>

Link para o comentário
Compartilhar em outros sites

  • 0

tipo uma dica pra quando estiver escrevenu no fireworks e quiser dar mtos espaços sem ter q abrir o code e digitar &nbsp;

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

Link para o comentário
Compartilhar em outros sites

  • 0

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,

Link para o comentário
Compartilhar em outros sites

  • 0

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

Link para o comentário
Compartilhar em outros sites

  • 0

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

Link para o comentário
Compartilhar em outros sites

  • 0

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>

Link para o comentário
Compartilhar em outros sites

  • 0

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. cool.gif

Link para o comentário
Compartilhar em outros sites

  • 0

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

user posted image

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

Link para o comentário
Compartilhar em outros sites

  • 0

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>&nbsp; </TD>

<TD width=20>&nbsp;</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*

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

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 por Deividy
Link para o comentário
Compartilhar em outros sites

  • 0

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

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