Como criar uma página simples em HTML – Parte 3

 

Continuando a parte 2 :

No post anterior aprendemos a colocar estilo de página em nosso site, agora segue uma listagem de comandos que você irá utilizar bastante ao longo do desenvolvimento e suas respectivas funções.

Inserir uma imagem:

<img src="coloque_o_caminho_da_imagem" >

Comando para inserir uma imagem em sua página.

 

Inserir uma tabela:

<table border='1'> <!-- inicia uma tabela com borda de largura 1px -->
  <tr> <!-- inicia uma COLUNA da tabela -->
    <td> <!-- inicia uma linha da tabela -->
      Meu campo
    </td> <!-- fecha a linha -->
    <td> <!-- inicia uma linha da tabela -->
      Meu campo 2
    </td> <!-- fecha a linha -->
  </td> <!-- fecha a coluna -->
</table> <!-- facha a tabela -->

 

Inserir uma lista:

<ul> <!-- inicia a lista -->
  <li> <!-- inicia um campo da lista -->
    Meu campo
  </li> <!-- fecha o campo -->
  <li> <!-- inicia um campo da lista -->
    Meu campo 2
  </li> <!-- fecha o campo -->
</ul> <!-- facha a lista -->

Resultado:
. Meu campo 1
. Meu campo 2

 

Inserir formulário com 1 campo para digitar:

<form method="POST" action="recebe_dados.php"> <!-- inicia formulário de método de passagem POST que envia para recebe_dados.php -->
  Campo1: <input name="campo1" type="text" >
</form>

 

Quebra de linha:

<br /> <!-- quebra de linha -->

 

Paragrafo:

<p> <!-- inicia paragrafo -->
 Meu Texto
</p>

 

DIV ( quadro ):

<div> <!-- inicia quadro 1 -->
 Meu Texto
</div>

<div> <!-- inicia quadro 2 -->
 Meu Texto 2
</div>

 

Em breve mais algumas ajudas.

 

Publicado em HTML - Como começar | 1 comentário

Novo Vídeo Shuffle IDesigner

 

Bom pessoal espero que gostem e não se esqueça de deixar sua opinião.

Idesigner Web Development | Criação de websites.

Publicado em Dia-a-Dia | Com a tag , , | Deixar um comentário

Impressora de água

 

Venho com uma novidade bem legal para os fans de tecnologia, a impressora de água.

A base de funcionamento é a mesma de qualquer impressora comum ( tinta ), liberando gotas com um sincronismo perfeito, confiram o vídeo.

 

Publicado em Dia-a-Dia | Deixar um comentário

Novas Idéias

 

Como todos sabem a internet está em constante crescimento, cada dia surgem novas idéias e meios de comunicação. Venho hoje para comentar de um site que está se destacando.

Meu Livro De Receitas ( http://www.meulivrodereceitas.com.br )

Idesigner criação de websites belo horizonte minas gerais

A idéia

Criada pela AgênciaClick Isobar, com o site Meu Livro De Receitas você pode criar receitas, compartilhar, salvar receitas de amigos e muito mais, tudo em comunicação direta com o Facebook, até mesmo o login é pela conta do Facebook, o que facilita muito na hora de lembrar login e senha.

O site conta também com um mural mostrando as atualizações de receitas e outros, bem parecido com o do Facebook.

Uma idéia bem legal, vale a pena conferir.

 

Publicado em Dia-a-Dia | Com a tag , | Deixar um comentário

Funções úteis PHP

 

Bom muitas vezes temos um certo trabalho em achar algumas funções para o programação em php, segue então uma lista bem útil:

Addslashes
addslashes( string $variavel ) - Retorna uma string com barras invertidas antes de caracteres que precisam ser escapados para serem escapados em query a banco de dados, etc. Estes caracteres são aspas simples (), aspas duplas (), barra invertida (\) e NUL (o byte NULL).

  <?php
    $string = "Minha string com caracteres indevidos ' veja '";
    echo addslashes($string);
    // retorno: Minha string com caracteres indevidos \' veja \'
  ?>

Manual - http://php.net/manual/pt_BR/function.addslashes.php

Stripslashes
stripslashes( string $variavel ) – Bem ele faz o contrário de addslashes, ele retira as “\”;

  <?php
    $string = "Minha string com caracteres indevidos \' veja \'";
    echo addslashes($string);
    // retorno: Minha string com caracteres indevidos ' veja '
  ?>

Manual – http://br2.php.net/manual/pt_BR/function.stripslashes.php

Htmlentities
htmlentities( string $string [, int $quote_style [, string $charset [, bool $double_encode ]]] ) – Esta função é idêntica a htmlspecialchars() em toda forma, exceto que com htmlentities(), todos caracteres que tem entidade HTML equivalente são convertidos para estas entidades.

Se você está querendo decodificar (o inverso), você pode usar html_entity_decode().

<?php
  $str = "A 'quote' is <b>bold</b>";

  // Outputs: A 'quote' is &lt;b&gt;bold&lt;/b&gt;
  echo htmlentities($str);

  // Outputs: A &#039;quote&#039; is &lt;b&gt;bold&lt;/b&gt;
  echo htmlentities($str, ENT_QUOTES);
?>

Manual: http://br2.php.net/manual/pt_BR/function.htmlentities.php;

Publicado em Dia-a-Dia | Deixar um comentário

Atualize Sempre !!

 

Na programação de websites e softwares é comum acontecerem algumas falhas, por isso a necessidade de sempre atualizar o sistema, uma boa pratica é sempre manter contato com a empresa e seu site de T.I .

Navegando pela internet encontrei por coincidência, uma pequena falha em um site do Shopping Diamond Mall. Lembre não foi nenhum tipo de tentativa de invasão, foi um link escrito incorretamente que acabei percebendo a falha.

Nunca tente burlar a segurança de nenhum site, isso é crime !!!

Fui entrar na página do Diamond Mall – Cinema, por engano escrevi, http://www.diamondmall.com.br/cinema/em-carta ( faltando a letra Z ) e o site escreveu na tela sem a letra Z

Por curiosidade escrevi criacao-de-web-sites na página http://www.diamondmall.com.br/shopping/criacao-de-web-sites/ e ele me retornou o seguinte.

Bom já enviei um e-mail para o site, considerando que pudesse ser um erro e prejudica-se o mesmo.

E você está sempre conectado a empresa que lhe forneceu um sistema e/ou página online ? Eles costuma atualizar seu o/os mesmo(s) ?

Pense nisso !!

Publicado em Dia-a-Dia | Deixar um comentário

Como Colocar O Botão Curtir Facebook Em Sua Página

 

Uma dica muito útil considerando o “GIGANTESCO” fluxo de acesso que as redes sociais tem. Uma ajuda para dar aquele empurrão no seu site.

Vamos la:

Botão CURTIR facebook:

Código:

<div id="fb-root"></div>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#appId=278945678801467&xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-like" data-href="idesignerbh" data-send="true" data-width="450" data-show-faces="false"></div>

Quando incluimos este código que o facebook gera, ele pega o titulo do compartilhamento no código de seu site e a mensagem do .
Clique aqui para ir na página do facebook e gerar seu código

 

Em algumas utilizações esse código não é tão bem vindo, ex:
– Quero colocar uma imagem diferente que tenho tenho em meu computador, uma foto por exemplo.
– Quero colocar mais de um link LIKE na mesma página, sendo que cada um preencha com uma certa descrição e titulo.

Bom tive este problema a alguns dias atrás e o único método para resolver o mesmo foi através de outro código. Caso queira conferir a página: Todo Terreno 4×4. São várias postagens em uma única página e com o botão curtir.

Nestes caso aconselho fazer o seguinte código:

<div id="fb-root"></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

<a href='http://www.facebook.com/sharer.php?s=100&p[title]=ESCREVA O TITULO DESTE COMPARTILHAMENTO&p[summary]=ESCREVA A MENSAGEM DESTE COMPARTILHAMENTO&p[url]=ESCREVA O ENDEREÇO DA PÁGINA QUE VOCÊ QUER COMPARTILHAR&p[images][0]=SE QUIZER PODE COLOCAR O ENDEREÇO DE UMA IMAGEM PARA APARECER NO COMPARTILHAMENTO'>
  <img src='SUA_IMAGEM_PARTICULAR.gif'> <!--PODERIA SER .JPG .PNG E OUTROS -->
</a>

[ title ] = Coloque o título de sua página
[ summary ] = Coloque a mensagem a ser compartilhada
[ url ] = Endereço da página que você quer compartilhar
[ images ][0] = Colocar uma imagem ao lado do seu compartilhamento.

É isso ai pessoal, espero que tenha ajudado, caso de dúvidas envie seus comentários.

Publicado em Dia-a-Dia | Com a tag | 38 comentários

Como criar uma página simples em HTML – Parte 2

 

PARTE 2 :

Bom continuando o post parte 1 :

Vamos aplicar um novo conceito para melhorar nossa primeira página, o chamado estilo de página, CSS ou style sheet.

 

 

O que é o estilo de página:

Bem como o próprio nome já diz, é um “código” que da estilo a sua página, ou sejá, com o CSS é possível colocar cor no fundo da página, mudar a fonte dos escritos, posicionamento dos itens e muito mais.

<html>
  <head>
    <style>
      body{
        background-color:gray;
        color:white;
        font-size:24px;
      }
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Criando meu site, parte 2</title>
  </head>

  <body>
    Minha primeira página.
  </body>
</html>

Resultado:

Linha por linha:

Linha 1: Iniciamos um documento HTML.
Linha 2: Iniciamos nosso cabeçalho.
Linha 3: Iniciamos um estilo para a página.
Linha 4: Iniciamos o estilo para o body ( corpo ) { // Código estilo } este estilo ira se aplicar apenas ao que estiver dentro do corpo, caso criássemos um estilo p{ } ( paragrafo ), o mesmo se aplicaria apenas dentro do paragrafo.
Linha 5: Colocamos um background-color ( cor de fundo ) igual á gray ( cinza ), as cores podem ser escritas em hexadecimal, #FFFFFF ( branco ), #000000 ( preto ) e outros.
Linha 6: Colocamos cor para o escrito.
Linha 7: Colocamos o tamanho da fonte, no caso 24px.
Linha 8: Fechamos nosso estilo para o body.
Linha 9: Fechamos nosso estilo de página.
Linha 10: Iniciamos o cabeçalho do documento, incluindo então o tipo de linguagem e idioma ( para incluir acentos, dentre outros ).
Linha 11: Titulo que aparece em cima no browser.
Linha 12: Fechamos nosso cabeçalho.
Linha 13: Iniciamos nosso “corpo” da página.
Linha 14: Inserimos um texto dentro do corpo.
Linha 15: Fechamos o “corpo” da página.
Linha 16: Fechamos nosso documento HTML.

Gostou ? Deixe suas sugestões.

Publicado em HTML - Como começar | Com a tag | 1 comentário

ZAGAT, A Mais Nova Compra Da Google.

 

Uma notícia quente sobre uma nova aquisição da empresa Google, a ZAGAT.

O que é a ZAGAT ?

ZAGAT é uma empresa avaliadora de restaurantes, com listagem dos melhores, notas, localização e outros. Os clientes também interagem com o site, podendo mandar reviews ( “comentários” ) , aplicam notas sobre a comida, decoração, serviços e o custo em média.

Realmente uma idéia genial. Clique na imagem para ir ao site.

Foto tirada do site

Quanto custou $$ ?

A Google não divulgou o valor da compra, porém, seguem rumores que o valor aproximado foram U$ 125 milhões pela empresa.

 

O que você acha ?? Vamos jogar WAR com a google ??

 

Publicado em Dia-a-Dia | Deixar um comentário

A grande tendência do momento.

 

Bom dizer qual o caminho que a internet vai seguir é muito complicado, porém, podemos afirmar certas tendências para o mesmo.

A grande jogada do momento são os chamados serviços “off-line” e você já deve conhecer alguns:

www.clickon.com.br
www.grupon.com.br
www.peixeurbano.com.br
www.ingresso.com.br
 

O que são esses serviços “off-line”?

Bom a idéia é bem simples, são serviços adquiridos através da internet, os quais, você usa na “vida real”, dai o nome “off-line”.

Cupons de desconto adquiridos na internet é um exemplo bem claro desta tendência. Entramos no site, compramos o cupon de um restaurante por exemplo, quando formos ao mesmo usamos o cupom e economizamos dinheiro. Satisfação do cliente, serviço gratuito, rápido, fácil e barato.

Como esses sites lucram com esse serviço?

Como o serviço é gratuito para o cliente, você deve estar se perguntando como eles lucram com isso.

É bem simples, eles cobrar uma taxa POR VENDA da empresa que contratou o serviço, aproximadamente R$0,99 , mais 8% sobre o preço de venda. Garantindo para a empresa um investimento seguro. So cobramos se você vender !!! Fantástico !!!

Se a empresa que anuncia seus produtos nesses sites vende seu produto mais barato, paga uma taxa por venda, então porque utilizar o serviço?

 Essa pergunta é ótima e bem fácil de ser respondida.

Para fazer uma campanha de publicidade, a empresa deve investir um bom dinheiro e não tem retorno garantido de clientes.

Com os sites de compras coletivas, as empresas investem o mesmo tanto, ou menos, tendo praticamente 100% de aproveitamento. Garantia de novos clientes, maior publicidade e muito mais.

Bom é isso ai pessoal espero que tenham gostado, deixem seus comentários e dúvidas.

Publicado em Tendências da internet. | Com a tag , | Deixar um comentário