Felipe Paz

Não sei se entendi direito mas sem saber programar de nada vai adiantar criar página no dw. Até porque, tudo o que você fizer no dw, pode ser feito tranquilamente no próprio bloco de notas e como quer criar uma página de download, vai ter que aprender alguma linguagem como php, asp, aprender front-end (html, css, js e afins), aprender sql, já que vai envolver manipulação de dados. Enfim, dá uma pesquisada em como funcionam as coisas numa página tanto no lado de cliente, quanto lado de servidor, depois que você aprender isso aí sim parte para o desenvolvimento no dreamweaver sendo que ele é apenas uma ide de desenvolvimento, eu particularmente, já usei ele e não gostei. Uso tanto no Kubuntu quanto no windows o sublime text 3.

Instala o xampp. Eu utilizo tanto no windows como no linux. Php é linguagem interpretada pelo servidor, portanto você precisa salvar os arquivos na pasta em que se encontra o servidor. No meu caso seria opt/lampp/htdocs/pastadomeusite (linux) - ( no windows não vou lembrar). Os arquivos salvos dentro da pasta do servidor precisam ser algum formato interpretado por ele, por exemplo, arquivo.php. Além do que, você precisa iniciar o servidor, no caso do xampp, no windows, basta clicar nele, vai abrir a janela de configuração, coloca start em apache e mysql e tudo funcionando. Apenas dessa maneira para ser interpretado. Outra coisa, o caminho onde será executado o arquivo vai ser localhost, então, usando teu exemplo ficaria: localhost/meu_primeiro_site/ ou localhost/meu_primeiro_site/index.php (já que o servidor já interpreta o index como a página principal do site, então, pode-se omití-la na url). Espero poder ter clareado tuas ideias. Editado >> Lembrando que, servidor para ser pago, apenas quando realmente tu for hospedar teu site. Durante a programação e desenvolvimento do mesmo, tudo é feito localmente, sem a necessidade de gastar com servidor.

@hidantachi Já tem uma noção de html e css? Se ainda não, esqueça os templates, esqueça totalmente. Se foque apenas em como funcionam as coisas entre html e css. Aprendeu? Pega qualquer site que tu ache bacana e tente reproduzir o mais fiel possível. DIGO POR EXPERIÊNCIA PRÓPRIA! Enquanto você não sabe como realmente as coisas funcionam, a gente quebra muito a cabeça por tentar fazer algo sem conhecimento, depois que se aprende, tudo é em questão de minutos. Tem vários cursos no youtube que ensinam html e css. Faz eles por completo. Você vai ver que tudo vai se tornar muito, mas muito mais fácil.

@DJKUKA Cara, já vai pra mais de um ano você com essa história do projeto do dj kuka. Tem postagem tua no site do wix com a mesma pergunta e a mesma resposta deles é a que você recebe aqui. Vamos a alguns pontos e já peço desculpas pela rispidez mas impossível falar de outra maneira: O fórum aqui, é especializado a tirar dúvidas, dúvidas estas que o usuário pode ter como iniciante, intermediário, avançado ou engatinhando na programação ou assuntos correlatos. A criação do um template, primeiro: o forum não é para criar um template ou alguém fazer um template pra você. Até porque isto envolve dinheiro e quem o faria, ou cobraria de você ou cobraria de você, simples. Pelo que vejo nas tuas postagens, até mesmo no wix, você nem imagina o tipo de site que você quer. Apenas sempre fala de um site profissional para o super dj kuka. Independente da plataforma de desenvolvimento ou hospedagem como wordpress ou wix, um site só vai ser profissional se o site for desenvolvido profissionalmente. Portanto, procure, pesquise, ache sites que você se interessa e faça com base neles adequando-o às suas necessidades. Quer fazer no wix, aprenda a mexer nas ferramentas do wix. Quer fazer do zero, html, css, js, php, sql? Aprenda a programar. Simples e objetivo. Tem problema em alguma parte do site, do código, de como executar algo? Pergunte aqui. Aquele que sabe sempre vai te ajudar. Mas agora ficar mais de um ano com o mesmo papo de um site de um super dj kuka que nem ao menos sabe o conteúdo do próprio site e querer encontrar alguém aqui disposto a criar uma ideia, projetar essa ideia, testar essa ideia, aperfeiçoar essa ideia e no fim, simplesmente chegar e dizer "Toma, teu site tá aqui" isso é puramente utopia ou então a pessoa vai, no mínimo, cobrar pelo trabalho realizado.

Entendi vocês gurizada, mas ainda não é o que eu preciso. O header faz o include normal, o problema é quando crio subdiretórios e subarquivos e tenho o include do header. Um exemplo Pasta1 - > arquivo 1 (consigo deixar o include, por exemplo < ../css/style.css > Agora se for pasta1 > pasta > arquivo 2 ( o include não vai funcionar porque eu ele deveria ficar ../../css/style.css Como eu utilizo um header.php para padronizar todo o site, eu acabo fazendo gambiarras e jogando tudo pro index.php, fazendo condições e importando o arquivo solicitado. Ao invés de eu acessar o meusite/pasta2/arquivo2.php eu acabo fazendo meusite/index.php?diretorio=2&arquivo2.php mas ou menos isso. Entenderam? Não vou conseguir explicar muito bem isso não!

E aí gurizada, beleza? Minha dúvida é a seguinte: como trabalhar com um include de header e footer? Geralmente quando estou fazendo algum site (estudos) eu crio um header onde vai constar o head e alguma informação fixa do site, e o footer contendo o fim do body. A dúvida é: se eu tenho mais diretórios e subdiretórios e não consigo aplicar este include. Um exemplo: no meu header tem meus arquivos css, beleza. E meu site é composto por: site exemplo >> index.php (php) >> pages (folder) >>>> pages/sobre.php >>>> pages/contato.php >> css >>>> css/estilo.css Pra eu aplicar o header nestes subarquivos, eu precisaria ou inserir direto no arquivo php de cada um, ou então fazer uma chamada no index.php?pages=sobre ou index.php?pages=contato, fazer um if, verificar qual página solicitada e inserir no próprio index. Como resolver isso? Alguns sites que eu vejo, geralmente o header possui caminhos absolutos contendo o endereço inteiro do pasta e arquivo solicitado, tipo <link rel="stylesheet" type="text/css" href="//www.sitecomoexemplo.com/css/arquivo.css"> mas no localhost tentei inserir um <link rel="stylesheet" type="text/css" href="opt/lampp/htdocs/siteexemplo/css/arquivo.css"> e não funciona. E então, como se resolve isso? Espero ter sido entendido.

@DiF agooora sim entendiiii... show de bola. Vou implementar no meu projeto. Tu é um cara que deve ir pro céu!!! Valeu aí!

@DiF Entendi sim, a parte da construção do db era mais ou menos o que eu já imaginava claro que vai ter mais dados por causa do filtro de imagens, anunciante, anúncio mas não entendi a parte do count para verificar quantos arquivos foram selecionados. Na verdade, seria um array e, então, eu faria a verificação de quantos dados foram incorporados neste array. Correto?

E aí gurizada, blz? É o seguinte: tenho um formulário para fazer upload de até cinco imagens. A dúvida é: na criação do db, qual é a melhor maneira para inserir essas imagens? Exemplo 1 #################################################### | id | foto1 | foto2 | foto3 | foto4 | foto5 | | 1 | foto1.jgp | foto2.jpg | foto3.jpg | foto4.jpg | foto5.jpg | #################################################### Exemplo 2 ############## | id | foto | | 1 | foto1.jgp | | 1 | foto2.jgp | | 1 | foto3.jgp | | 1 | foto4.jgp | | 1 | foto5.jgp | ############## Lembrando que este banco de dados terá mais dados, não apenas as imagens, então, no meu ver, se eu fizer como no segundo exemplo, exceto as imagens, os demais dados serão repetidos 5 vezes. Outro problema é que pode conter até cinco imagens, como pode contar nenhuma, caso eu faço como no primeiro exemplo, como eu faria a condicional para saber se há ou não imagem para ser inserida na sua respectiva coluna? É essa a minha dúvida, quem puder me ajudar agradeço.

@DiF , esquece tudo o que eu escrevi. Revisando o meu sql, só agora fui notar que o udpate está acontecendo na tabela errada e não na tabela onde preciso. Acabei de arrumar. Quanto ao que você comentou sobre o while, neste trecho do código eu não sei o que estava fazendo que o while não funcionou. Quando troquei para este código, o resultado deu certo, então, mantive assim. E sobre o POO, ainda não entendo direito disso, então, por via de dúvidas, vou fazendo da maneira que ainda sei, não tão bem, mas sei .. mas tenho estudado todas as dicas que você tem sugerido. Obrigado pela ajuda!!!

@DiF estava varchar(5000). Fiz a alteração que você sugeriu e mesmo assim continua selecionando parte do texto. O texto é e a consulta retorna apenas

E aí, gurizada. beleza? É o seguinte, toda a vez que faço uma consulta de notícias no banco de dados, a consulta retorna com o campo com um terço dos caracteres só. Não retorna o texto todo. O meu php.ini está como default textlimit 4096 e textsize 4096 também. Preciso bem menos caracteres mas mesmo setado com isso, o campo não retorna inteiro. O meu php >>> if(isset($_GET["show"]) && $_GET['show'] != "" ) { $noticia = $_GET['id']; $sql = "SELECT * FROM noticias where id = '$noticia'"; $query = mysqli_query($mysqli, $sql); $res = mysqli_fetch_array($query); $titulo = $res['titulo']; $descricao = $res['descricao']; $id = $res['id']; $foto = $res['foto']; echo " <div class='noticia_view'> <img src='img/$foto' alt='$foto' title='$titulo'> <h1>$titulo</h1> <p>$descricao</p> </div> "; echo " <div class='noticas_link'> <ul>"; $sql = "SELECT * FROM noticias"; $query = mysqli_query($mysqli, $sql); while ($res = mysqli_fetch_array($query)) { $titulo = $res['titulo']; $descricao = $res['descricao']; $id = $res['id']; $foto = $res['foto']; echo " <li><a href='index.php?pages=news&id=$id&show=$titulo'> $titulo ...</a></li> "; } echo" </ul> </div> ";

@joseqfneto , não cheguei a testar mas pelo que vi é exatamente o que preciso. Não quero php porque como vai ser um arquivo disponibilizado entre os colegas, não vale a pena configurar rede, servidor, acesos e tudo mais só pra fazer uma vez ou outra algum cálculo. Assim que eu testar eu posto o resultado. Obrigado a vocês dois.

@joseqfneto <body> <div class="calculo-div"> <h1>Cálculo de reajuste final de crédito</h1> <form> <table class="calculo"> <tr> <td align="right">Valor Inicial</td> <td><input type="text" name="creditoInicial" id="creditoInicial"></td> </tr> <tr> <td align="right">Prazo</td> <td><input type="text" name="prazo" id="prazo"></td> </tr> <tr> <td align="right">Parcela</td> <td><input type="text" name="parcela" id="parcela"></td> </tr> <tr> <td align="right">Juro a.a.</td> <td><input type="text" name="juro" id="juro"></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Calcular" id="calcular"></td> </tr> <tr> <td>Crédito final</td> <td><input type="text" name="creditoFinal" id="creditoFinal"></td> </tr> <tr> <td align="right">%</td> <td><input type="text" name="porFinal" id="porFinal"></td> </tr> <tr> <td align="right">Entrada</td> <td><input type="text" name="entrada" id="entrada"></td> </tr> </table> </form> </div> <div class="juros"> <table> <thead> <tr> <td>Ano</td> <td>Crédito Inicial</td> <td>Janeiro</td> <td>Fevereiro</td> <td>Março</td> <td>Abril</td> <td>Maio</td> <td>Junho</td> <td>Julho</td> <td>Agosto</td> <td>Setembro</td> <td>Outubro</td> <td>Novembro</td> <td>Dezembro</td> <td>Saldo Devedor</td> <td style="border-right: none;">Crédito Atualizado</td> </tr> </thead> <tbody> <tr> <td>1</td> <td>100.000,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>1.200,00</td> <td>85.600,00</td> <td style="border-right: none;">85.600,00</td> </tr> <tr> E esse é o jquery simples por enquanto pra pegar os valores dos campos $(document).ready(function(){ $("#entrada").val(""); $("form #creditoInicial").on('click',function(){ $("#creditoInicial").val(""); $("#prazo").val(""); $("#parcela").val(""); $("#juro").val(""); $("#entrada").val(""); $("#creditoFinal").val(""); $("#porFinal").val(""); }); $("#calcular").on('click', function(e){ e.preventDefault(); var creditoInicial = $("#creditoInicial").val(); var prazo = $("#prazo").val(); var prazoAno = prazo / 12; var parcela = $("#parcela").val(); var juro = $("#juro").val() / 12; var entrada = parseInt(creditoInicial * 0.01) + parseInt(parcela); if(creditoInicial == "" || parcela == "") { $("#entrada").val("Valor inválido") } else { $("#entrada").val(entrada); } $("#creditoInicial").focus(); var i = 0; while(i < prazoAno){ alert(i); i++; } //Limpa os campos novamente $("#creditoInicial").val(""); $("#prazo").val(""); $("#parcela").val(""); $("#juro").val(""); }); }); adicionado 18 minutos depois @DiF , pois é .. já tinha visto, achei q pudesse ter um jeito mais fácil. ... vou deixar no vba mesmo e passo a planilha depois pra quem for usar. Obrigado de qualquer maneira.

@DiF Os dados vêm e são processados na mesma página. Como vai funcionar: eu insiro o valor do crédito inicial no primeiro campo, o tempo do prazo em meses, o valor da parcela e o valor do juro anual (este eu converto para juro mensal). Ao clicar no botão calcular, gerará uma tabela calculando os reajustes com bases nos campos preenchidos. Na imagem abaixo eu inseri valores manualmente pra exemplificar como ficaria a tabela gerada pelo jquery. Veja bem, as linhas da tabela, serão geradas com base no valor do prazo. Portanto, se o prazo ( em meses) é de 120 meses, o cálculo é 120 / 12, resultando, então, em dez linhas na tabela, preenchendo cada célula com o valor da parcela reajustada anualmente em 6%, no exemplo da foto. Seria mais ou menos isso. O meu problema é só fazer esse loop que pega as informações e popula uma tabela. Se fosse no php, sei fazer tranquilamente, mas como isso é só uma ferramenta básica que to fazendo aqui no escritório pra ajudar no cálculo do reajuste dos juros, não é interessante ter que instalar algum servidor em cada computador ou até mesmo fazer o meu computador de servidor.

E aí gurizada, beleza? É o seguinte... como eu faço para criar uma tabela dinâmica apenas para consultar? Há alguns campos e o que vai controlar a tabela será o campo prazo (este determinará quantas linhas terá a tabela) e o campo parcela ( este preencherá todas as células da tabela ). Como faria um loop para isso acontecer? Lembrando que não há necessidade de php, banco de dados nem nada, apenas o html e javascript puro.

@DiF , fiz a alteração que você sugeriu. Na verdade, apenas acrescentei uma classe no primeiro ul e deixei o ('ul>li') no script e funcionou perfeitamente. Como sempre você me ajudando Dif, valeu novamente!!!

@DiF Na verdade, o modal era apenas experimento. Estava testando os efeitos e como se comportam. O problema de verdade é o menu em si. Pois veja na foto. Fica o retângulo do ul ul aparecendo. Pra contornar isso e desaparecer este ul como eu gostaria, eu repeti o script, ficando assim: $(document).ready(function(){ $('li').hover(function(){ $(this).find('ul').stop().fadeToggle(400); $(this).find('li').stop().fadeToggle(400) }); });

E aí gurizada, beleza? To aprendendo ainda jquery e nos meus estudos com menu dropdown me veio uma dúvida. No css eu escondi o li do submenu, mas não o ul, como deixar tudo escondido e aparecer apenas quando passar o mouse por cima do link. No código abaixo tem um html que eu fiz básico apenas para testar. Vocês olhando e testando ele vão entender melhor. <html> <head> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"> </script> <script type="text/javascript"> $(document).ready(function(){ $('li').hover(function(){ $(this).find('ul>li').stop().fadeToggle(400); }); }); $(document).ready(function(){ $(".modal").hide(); $("#contato").hover(function(){ $(".modal").fadeToggle(); }); }); </script> <title>Testando menu drop Down</title> <meta charset="UTF-8" /> <style type="text/css"> ul { margin:0; padding:0; background: #ff0000; height: 50px; } ul li { list-style: none; float: left; width: 150px; line-height: 50px; text-align: center; } ul li a { text-decoration: none; color: #fff; } ul li li { display: none; background: #ff0000; color: #fff; transition: background 0.2s linear; } ul li li:hover { background: #555; } .modal { width: 400px; height: 550px; background: #e0e0e0; border-radius: 5px; box-shadow: -4px 3px 1px 4px #000; position: absolute; top: 0; left: 0; margin-left: 35%; margin-top: 5%; } </style> </head> <body> <ul> <li><a href="">Home</a> <ul> <li><a href="">Link 1</a></li> <li><a href="">Link 2</a></li> <li><a href="">Link 3</a></li> <li><a href="">Link 4</a></li> </ul> </li> <li><a href="">Serviços</a> <ul> <li><a href="">Link 1</a></li> <li><a href="">Link 2</a></li> <li><a href="">Link 3</a></li> <li><a href="">Link 4</a></li> </ul> </li> <li><a href="">Sobre</a></li> <li id="contato"><a href="">Contato</a></li> </ul> <div class="modal"></div> </body> <html

Acabei resolvendo tudo com apenas css. Exatamente o efeito que eu queria eu resolvi utilizando css. Obrigado pela atenção.

Deu certo em partes, no trecho var num_garota = $(this).attr('data-id'); eu troquei por var id = $(this).data('id'); mas o que eu preciso mesmo é que quando o jquery capturar o valor do id, a respectiva div pegue os efeitos do css. Digamos, passei o mouse sobre o div de número 1, essa div vai receber o efeito filter grayscale, por exemplo. Este é o código que eu to tentando. $(document).ready(function(){ $(".new_garota").on('click', function(){ var id = $(this).data('id'); switch(id) { case 1: //alert("Id " + id); $(".new_garota").mouseover(function(){ $(".new_garota").css("filter", "grayscale(100%)"); $(".garota_dados").css("background", "transparent"); $(".garota_dados").css("color", "green"); }); break; case 2: alert("Id " + id); break; case 3: alert("Id " + id); break; case 4: alert("Id " + id); break; default: ("Id " + id); alert("Id " + id); break; } }); });

E aí gurizada, beleza? Estou criando uma página e nela constam 5 divs, cada uma conterá um texto e uma foto, basicamente. Mas eu gostaria de que quando clicasse sobre a div, abrisse a página da respectiva div, porém, não estou conseguindo acertar meu jquery para que consiga capturar a div clicada. Código html >> (esse código vai ser gerado pelo banco de dados posteriormente) <div class="new_garota" style="margin-left: 0;" id="1"> <div class="garota_dados"> <p>Nome da garota</p> </div> <div class="new_garota" data-id="2"> <div class="garota_dados"> <p>Nome da garota</p> </div> </div> <div class="new_garota" data-id="3"> <div class="garota_dados"> <p>Nome da garota</p> </div> </div> <div class="new_garota" data-id="4"> <div class="garota_dados"> <p>Nome da garota</p> </div> </div> <div class="new_garota" data-id="5"> <div class="garota_dados"> <p>Nome da garota</p> </div> </div> E o jquery >>> $(document).ready(function(){ //alert("Ola"); var div = $(this).data("id"); if(div == "new_gatora") { $(".new_garota").mouseover(function(){ $(".new_garota").css("filter", "grayscale(100%)"); $(".garota_dados").css("background", "transparent"); $(".garota_dados p").css("color","#C008EE"); //alert("Funcionando"); }); $(".new_garota").mouseleave(function(){ $(".new_garota").css("filter", "grayscale(0%)"); $(".garota_dados").css("background", "gray"); $(".garota_dados").css("color","#red"); //alert("Funcionando"); }); } });

@DiF , olha só, consegui fazer a atualização da tabela assim que o submit é clicado, porém, quando gera de novo a tabela pela segunda requisição ajax, o link contendo o id dos produtos não está setado o preventDefault(), então, ao clicar na primeira vez, o link atualiza a página mas na segunda vez tudo está normal. Por que será? unction update_produto(){ //alert("Funcionando"); var cod = $("#codigo").val(); var est = $("#estoque").val(); var est_min = $("#estoque_min").val(); var est_max = $("#estoque_max").val(); var abc = $("#curva_abc").val(); var compra = $("#preco_de_compra").val(); var venda = $("#preco_de_venda").val(); var lucro_total = $("#lucro").val(); var comissao_vendedora = $("#comissao").val(); $("#acao").text("Confirma alteração do produto?"); $(".modal_confirma").fadeIn("fast"); $("#confirma").on('click', function(){ $.ajax({ url: "../scripts/altera_produto.php", dataType: "html", method: "POST", data: {codigo: cod, estoque: est, estoque_min: est_min, estoque_max: est_max, preco_de_compra: compra, preco_de_venda: venda, comissao: comissao_vendedora} }).done(function(){ //alert("Dados alterados com sucesso!"); $(".fundo_modal").hide(); $(".modal_estoque").hide(); $(".retorno").css("background", "green"); $(".retorno").text("Dados alterados com sucesso!"); $(".retorno").slideDown("fast",function(){ setTimeout(function(){ $(".retorno").slideUp(); },700); }); $.ajax({ url: "../scripts/tabela_estoque.php", dataType: "html", //method: "POST", //data: {codigo: cod} }).done(function(retorno){ $(".tabela_estoque table tbody").html(retorno); //alert(retorno); }); }); }); $("#cancela").on('click', function(){ $(".modal_confirma").fadeOut(); $(".fundo_modal").hide(); $(".modal_estoque").slideUp(); }); }

@DiF , xiiiiii ... ae complica tudo, agora q to começando a ficar feliz que to conseguindo o retorno pelo ajax, deixa assim com o refresh, quando eu já estiver um pouquinho melhor com essa manipulação ae passamos para outro nível. Por ora, obrigadão!!

@DiF , tentei dessa maneira, o ajax até executa a query mas não torna os comandos do done(). Igual, é necessário atualizar a página. Tentei também dar um location.href na mesma pagina mas a tabela não aparece, precisando novamente dar um refresh na página. adicionado 9 minutos depois Engembrei aqui e ficou assim, tem o refresh mas as animações que eu queria agora aparecem: //alert("Funcionando"); var cod = $("#codigo").val(); $("#acao").text("Confirma exclusão do produto?"); $(".modal_confirma").fadeIn("fast"); $("#confirma").on('click', function(){ $.ajax({ url: "../scripts/excluir_produto.php", dataType: "html", method: "GET", data: {codigo: cod} }).done(function(){ $(".fundo_modal").hide(); $(".modal_estoque").hide(); $(".retorno").css("background", "red"); $(".retorno").text("Dados excluidos com sucesso!"); $(".retorno").slideDown("fast",function(){ setTimeout(function(){ window.location.href='../admin/index.php?page=estoque'; },400); }); }); //alert("Dados alterados com sucesso!"); }); $("#cancela").on('click', function(){ $(".confirma").fadeOut(); $(".fundo_modal").hide(); $(".modal_estoque").slideUp(); }); }