Criação de Sites Vinhedo, Campinas, Jundiaí, Louveira, Valinhos, Itatiba.

Artigo postado por Cleber Bettini Na terça-feira, 5 de junho de 2012 0 comentários
Veja em poucos passos como funciona a minha forma de trabalho, caso ainda fique com alguma dúvida, entre em contato pelo telefone (19) 9127 - 6746 ou clique aqui para preencher o formulário de contato.


Layout de site Personalizado Layout de site Personalizado




Criação de sites Campinas Criação de sites Campinas




Criação de sites Vinhedo Manutenção de Sites


LEIA MAIS

4 Motivos para você ter um site

Artigo postado por Cleber Bettini Na sábado, 2 de junho de 2012 0 comentários
1. O seu negócio aberto 24 horas do dia, durante 365 dias do ano.

Ao contrario do seu escritório ou loja, que tem um horário de funcionamento, o seu site está acessivel 24 horas por dia, 365 dias por ano. Os seus clientes podem preferir informarem-se sobre o seu negócio, produtos ou serviços fora do horário de expediente ou durante os fins de semana, por isso, ter um site na internet cria mais oportunidade de negócio.

2. Apresente uma imagem profissional.

Para um pequeno negócio, um site de internet bem construído é uma excelente maneira de induzir confiança e aparentar ser maior do que na realidade é. Atualmente, os seus clientes presumem que já tenha um site na internet. Atualmente, os seus concorrentes mais diretos provavelmente já têm um site na internet. Se assim for, acompanhe a tendência sem se deixar afastar e arranje maneira de o seu site ser melhor, como por exemplo apresentando o seu diferencial.

3. O seu catálogo ou portfólio pode ser alterado a qual quer momento.

Um site de internet é mais fácil, econômico e rápido de alterar. As suas capacidades são quase ilimitadas e permitem lhe fornecer mais e melhor informação aos seus clientes.

4. Promova os seus serviços

Consultórios, Imobiliarias, Contadores, Fotógrafos e todos os negócios orientados para os serviços devem anunciar e apresentar as suas soluções. Milhares de possíveis clientes, estão a procura de sites de internet das empresas para conhecer melhor os serviços que lhes estão disponíveis e até para decidirem qual empresa e o serviço que lhes é mais adequado.

Criação de sites Vinhedo
Que tal depois de ler todas as vantagens que um site possa lhe oferecer, começar a pensar no desenvolvimento de um para sua Empresa?

Clique aqui e faça um orçamento para Criação do seu Site.
LEIA MAIS

Criação de Sites Vinhedo - Carro e Companhia

Artigo postado por Cleber Bettini Na sábado, 26 de maio de 2012 0 comentários
Novo site criado para a oficina mecânica Carro e Companhia!

Site: www.carroecompanhiavinhedo.com.br


HTML, Tableless, PHP e Otimização avançada (SEO).
LEIA MAIS

Curso de HTML5 e CSS3

Artigo postado por Cleber Bettini Na terça-feira, 15 de maio de 2012 0 comentários
Estou disponibilizando aqui para vocês os dois links das apostilas HTML5 e CSS3 do W3C!

DOWNLOAD
Apostila HTML5
Apostila CSS3

PARA SABER MAIS
HTML5 (Hypertext Markup Language, versão 5) é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web e é uma tecnologia chave da Internet originalmente proposto por Opera Software. É a quinta versão da linguagem HTML. Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade. Com novos recursos, antes só possíveis por meio de outras tecnologias. Sua essência tem sido melhorar a linguagem com o suporte para as mais recentes multimídias, enquanto a mantém facilmente legível por seres humanos e consistentemente compreendida por computadores e outros dispositivos (navegadores, parsers, etc). O HTML5 será o novo padrão para HTML, XHTML, e HTML DOM. Atualmente, está em fase de esboço, porém diversos navegadores já implementam algumas de suas funcionalidades.

Após seus predecessores imediatos HTML 4.01 e XHTML 1.1, HTML5 é uma resposta à observação de que o HTML e o XHTML, de uso comum na World Wide Web, é uma mistura de características introduzidas por várias especificações, juntamente com aquelas introduzidas por software, tais como os navegadores, aqueles estabelecidos pela prática comum, e os muitos erros de sintaxe em documentos existentes na web. É, também, uma tentativa de definir uma única linguagem simples de marcação que possa ser escrita em HTML ou em sintaxe XHTML. Isso inclui modelos de processamento detalhados para incentivar implementações mais interoperáveis; isso estende, melhora e racionaliza a marcação disponível para documentos, e introduz marcações e interfaces de programação de aplicativos (APIs) para aplicações web complexas. Pelas mesmas razões, HTML5 também é um candidato em potencial aplicações multi-plataforma móveis. Muitos recursos do HTML5 tem sido construídos com a consideração de ser capaz de executar em dispositivos de baixa potência como smartphones e tablets.

Em particular, HTML5 adiciona várias novas funções sintáticas. Elas incluem as tags de<video>,<audio>,<header> e elementos<canvas>, assim como a integração de conteúdos SVG que substituem o uso de tags<object> genéricas. Estas funções são projetadas para tornar mais fácil a inclusão e a manipulação de conteúdo gráfico e multimidia na web sem ter de recorrer a plugins proprietários e APIs.

Outros novos elementos, como<section>,<article>,<header> e<nav>, são projetados para enriquecer o conteúdo semântico dos documentos. Novos atributos têm sido introduzidos com o mesmo propósito, enquanto alguns elementos e atributos têm sido removidos.

Alguns elementos, como<a>, e<menu> têm sido mudados, redefinidos ou padronizados. As APIs e os modelos de objetos de documentos (DOM) não são mais pensamentos retrógrados, mas são partes fundamentais da especificação do HTML5. HTML5 também define com algum detalhe o processamento necessário para que erros de sintaxe de documentos inválidos sejam tratados uniformemente por todos os browsers e outros agentes de usuários em conformidade com o HTML5.

fonte: http://pt.wikipedia.org/wiki/HTML5
LEIA MAIS

Inserir Flash no Site com Javascript

Artigo postado por Cleber Bettini Na segunda-feira, 14 de maio de 2012 0 comentários
Para podermos adicionar o flash ao seu site de uma forma simples iremos utilizar o seguinte código.

<script type="text/javascript" src="js/swfobjects.js"></script>

<script type="text/javascript">
   var flashvars = {};
   var params = {};
   var attributes = {};
   params.menu = "false";
   params.wmode = "transparent";
   attributes.id = "banner";
   swfobject.embedSWF("CAMINHO DO ARQUIVO", "DIV DO FLASH", "LARGURA", "ALTURA", "9.0.45", false, flashvars, params, attributes);
</script>

COMO INSERIR?
Você precisa adicionar o código entre as tags <head> </head>.
E subir a pasta js em seu servidor! (Clique aqui para baixar).

EXPLICANDO O CÓDIGO
CAMINHO DO ARQUIVO: Aqui você deve especificar aonde o arquivo swf está em seu servidor!
Exemplo: http://www.seusite.com.br/topo.swf

DIV DO FLASH: Você irá precisar criar uma div para o flash e colocar o nome dela neste local.
Exemplo: "flash"

LARGURA E ALURA: Basta você definir o tamanho do seu arquivo swf.
Exemplo: "998" , "230"

FICANDO ASSIM
<script type="text/javascript">
   var flashvars = {};
   var params = {};
   var attributes = {};
   params.menu = "false";
   params.wmode = "transparent";
   attributes.id = "banner";
   swfobject.embedSWF("http://www.seusite.com.br/topo.swf", "flash", "998", "230", "9.0.45", false, flashvars, params, attributes);
</script>

Obs: Este script é validado no W3C!

DOWNLOAD
Estou disponibilizando pra vocês os arquivos, para baixar clique aqui!
LEIA MAIS

Colocando todos os produtos na home page do Magento

Artigo postado por Cleber Bettini Na sábado, 5 de maio de 2012 0 comentários

Você que ainda está iniciando no magento deve ter percebido que por padrão o magento disponibiliza a vizualisação da Home Page somente dos novos produtos!

Para que possamos alterar isto, com o painel administrativo da sua loja aberto acesse:

Menu CMS, clique em Páginas!


Logo Após localize a sua página Home page e clique sobre a mesma para realizarmos a edição!



No menu esquerdo que se abriu localize “Template” e clique, logo após  apague todo o código que estiver na caixa.


Retorne para a aba conteúdo e dentro da caixa indicada na imagem coloque o seguinte código!


Segue o código para ser inserido!

{{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" category_id="" template="catalog/product/list.phtml"}}
LEIA MAIS

Novo Site Publicado - Café Bari

Artigo postado por Cleber Bettini Na sexta-feira, 27 de abril de 2012 0 comentários
website para empresa, Sites institucionais
Site: www.cafebari.com.br
Cidade: São Paulo - SP

Criação de Sites sp, Criação de Sites Vinhedo, Criação de Sites Jundiai

LEIA MAIS

Contato para Criação de Sites Vinhedo

Artigo postado por Cleber Bettini Na 0 comentários
Cleber Bettini
E-mail: cleber@sitevinhedo.com.br
Telefone: (19) 9127 - 6746
Skype: cleber.bettini

Ou se preferir preencha o formulário abaixo e solicite seu orçamento de site!

LEIA MAIS

Conversor de Fontes Online

Artigo postado por Cleber Bettini Na quarta-feira, 25 de abril de 2012 0 comentários
Provavelmente você já passou pelo problema de adicionar uma font pelo "@font-face" com a extensão .ttf e a mesma não funcionar no IE.

Para que o navegador interprete a fonte é necessário converte la para o formato .eot!

Eu mesmo já utilizei de vários conversores online, porém muitos não deram nenhum resultado. O que estou usando ultimamente e quero compartilhar com vocês é o Font Squirrel.

Um dos melhores que encontrei até agora.

Para utilizar o Font Squirrel é simples, basta clicar em "add fonts".

Selecione a fonte desejada e clique em "Abrir".

Logo após no campo "Agreement:" Deixe a opção marcada "Yes, the fonts I'm uploading are legally eligible for web embedding."

Por fim clique em "Download Your Kit"


Pronto, você já pode utilizar seu kit de fonte!

"Caso você ainda não saiba utilizar a propriedade @font-face das CSS3, irei postar um tutorial em breve"

LEIA MAIS

Curso de PHP com MySQL e PostgreSQL no Senac

Artigo postado por Cleber Bettini Na terça-feira, 24 de abril de 2012 0 comentários




Está aberta as incrições para o curso de PHP com MySQL e PostgreSQL no Senac, ideal para quem deseja se especializar na área ou até mesmo possuir um certificado a mais no currículo.

O curso aborta os seguintes assuntos!


• Conceito da Estrutura Cliente / Servidor
• Introdução e Fundamentos da linguagem de programação web - PHP
• Conceitos de desenvolvimento de aplicações Web
• Utilização de Banco de dados em projetos
• Ética e segurança na Web

Para poder realizar o curso você deve ter, no mínimo, 16 anos e Ensino Fundamental completo. A participação nas atividades previstas requer as seguintes habilidades: Conhecimento do Sistema Operacional Windows, utilização frequentemente da Internet, conhecimento da linguagem XHTML, dos conceitos de lógica de programação básica.

Para mais informações de localidade, valores e datas acesse o site do Senac.
LEIA MAIS

Atendimento Online no seu Site

Artigo postado por Cleber Bettini Na segunda-feira, 23 de abril de 2012 0 comentários

Uma alternativa para quem deseja ter atendimento online no site e não possue nenhuma ferramenta avançada, é o chat do msn!

Como funciona?

Ficando online no seu msn, a pessoa pode conversar com você pelo iframe que fica incorporado na página de seu site! Assim mesmo se o usuario não tiver nenhuma conta de msn poderá conversar com você, precisando apenas digitar o nome na caixa que aparece!

Como fazer?

Passo 1 – Acesse o site : http://settings.messenger.live.com/applications/WebSettings.aspx

Passo 2 – Faça o login com o seu Passport

Passo 3 – Marque o checkbox “permitir que as pessoas vejam o seu status do Messenger em sites e enviem mensagens para você”. Se essa opção não for marcada, seu status será sempre OFFLINE.

Passo 4 – Clique em “Salvar”

Passo 5 – Clique na guia “Criar HTML” e escolha suas preferências visuais e funcionais.

Passo 6 – Copie o HTML que será gerado e insira dentro de sua página.

Pronto, o chat online já vai estar configurado!
LEIA MAIS

Deixando o fundo do site fixo com CSS

Artigo postado por Cleber Bettini Na sexta-feira, 20 de abril de 2012 0 comentários
Olá Pessoal!

Dica do dia, simples porém funcional.

Veja como deixar o fundo de seu site com o fundo fixo, ou seja, mesmo que crie barra de rolagem o fundo permanecerá imóvel!

Basta utilizar o CSS,

background-attachment:fixed;

Exemplo:

#teste{
background-image:url(images/image.jpg);
background-attachment:fixed;
}

Caso tenha alguma dúvida, sugestão ou crítica deixe seu comentário!
LEIA MAIS

Novo Site Publicado - Embraço, Empresa Brasileira de Aço Ltda

Artigo postado por Cleber Bettini Na quinta-feira, 22 de março de 2012 0 comentários
Embraço, Empresa Brasileira de Aço Ltda

Site: www.embo.com.br
Cidade: Guarulhos - SP

LEIA MAIS

Guia Prático HTML - 02 - Introdução ao HTML

Artigo postado por Cleber Bettini Na sexta-feira, 13 de janeiro de 2012 0 comentários





A linguagem HTML (HyperText Markup Language) é responsável  pela criação de documento para a web, as chamadas páginas. E são divulgadas na WWW (World Wide Web) – Teia de Alcance Mundial.

Por meio dessa linguagem o desenvolvedor pode especificar atributos para um texto. E com eles são feios os Hyperlinks que permitem navegar pela web, para isso, utiliza marcações, chamadas tags, no ponto da página em que é feito uma  ligação com outra página.

O HTML é um conjunto de tags que é usado para edição de uma página na internet e tudo é feito com uma linguagem super fácil e simples de se utilizar.

HTML  NÃO é uma linguagem de programação e sim uma linguagem de formatação de textos ou definições da estrutura de um site.

As páginas da web é um arquivo de texto gravado com uma extensão no HTML poderemos usar dois tipos de extensão (.htm ou .html).

O HTML não necessita de um editor especial, tem que ser um programa de edição e texto que seja capaz de gravar arquivos.

Exemplo: O tradicional Bloco de Notas.





Com todas as facilidades da linguagem HTML ela também não está livre de limitações. Impossibilidade de definição de marcadores, (tags) e usando somente os definidos pela linguagem usada.

Foi desenvolvido um comitê chefiado por Jon Busak, da Sun MicroSystems, uma especificação que no final de 1996 se tornaria a linguagem XML.

O XML segue os mesmos princípios básicos do HTML, ou seja, independente da plataforma, não constitui uma linguagem de programação real e é de domínio publico o que significa que não tem dono!




Nessa linguagem ao invés de usarmos instruções e comando, existem elementos chamados de tags, usados para ativar ou desativar uma determinada formatação de um texto.

Um documento HTML dividi-se em várias seções, e cada um deve conter um tipo específico de informações.
Cada seção do documento assim traduzindo a estrutura abaixo para a linguagem HTML.

Vamos ao exemplo de uma estrutura básica do HTML








<htm> - Início do HTML
<head> - Abertura do cabeçalho
<title></title> - Abertura e fechamento to tittulo da pagina
</head> Fechamento do cabeçalho
<body> Abertura do corpo do texto
</body> fechamento do corpo do texto
</html> Fim do HTML



Vamos fazer um exemplo para testarmos esses tópicos !

Abra o bloco de notas do seu Windows ( Iniciar, Todos os Programas, Acessórios, Bloco de Notas ) e digite o seguinte código:




<html>
<head>
<title>Título da minha página</title>
</head>
<body>
Estou fazendo meu primeiro código HTML graças a ajuda do Cleber Bettini!
</body>

</html> 



Feito isso salve o documento. Clique no Menu arquivo e escolha a opção Salvar Como,  e digite o seguinte nome primeiro.html, escolha o local de sua preferência para salvar e clique em salvar.

Para poder ver como sua páginas ficou bastar clicar duas vezes sobre o arquivo salvo. Pronto o seu navegador já está interpretando o código digitado.

Para não se esquecer de nada e você conseguir ficar craque, crie outras páginas usando a mesma estrutura, mudando apenas o texto, titulo da página. Assim você consegue aprender e não terá problemas de esquecimento futuramente!

Até o próximo Guia !


LEIA MAIS

Novo Site Publicado - Nona Giovannina

Artigo postado por Cleber Bettini Na quinta-feira, 12 de janeiro de 2012 0 comentários

Site institucional simples, porém com todas as informações necessárias para divulgar a Rotisseria na internet !

O site foi estruturado em tabelas normais!
Layout limpo com as informações principais na home page!

Acesse e veja como ficou: Nona Giovannina

LEIA MAIS

Guia Prático HTML - 01 - Entendendo um pouco mais sobre sites !

Artigo postado por Cleber Bettini Na terça-feira, 3 de janeiro de 2012 0 comentários
Olá pessoal !

Como já havia dito antes, a partir de hoje começarei a compartilhar meus conhecimentos obtidos até agora através de guias práticos, tutorias etc.
Hoje irei postar uma pequena introdução, apenas para podermos entender melhor todo o conceito web! (:





A internet era usada para transmitir texto e dados – a interface gráfica que temos hoje com a Web estavam muito longe de existir. Foi criada uma linguagem para formatar graficamente as informações e um programa que entenda essa linguagem, exibindo para o usuário a formatação original.

Um site é simplesmente um conjunto de páginas esses documentos formam um sistema de informação, que pode ir desde uma simples página pessoal até um complexo sistema. Podendo ter uma páginas ou milhares delas.





Um site deve estar armazenado em um servidor WEB, muitas vezes chamados de host. A função de um servidor é enviar as páginas para os clientes que solicitarem. Os servidores são computadores normais, habitualmente com grande capacidade de armazenamento, que fica permanentemente ligado.





O Personal Web Server (PWS) terá a importante função de transformar o micro em um servidor web. Ele é fornecido gratuitamente e é indicado para sites de porte médio. Uma característica interessante dos servidores web é que eles funcionam localmente também, ou seja, mesmo que você não esteja conectado à internet, poderá acessar as páginas.

Dessa forma, podemos testar a funcionalidade do site exatamente como se ele estivesse na internet!





Para publicar um site na internet é necessário enviar as páginas que fizemos em nosso computador para o servidor Web. Exemplo de softwares que fazem isso: Filezila, Smart FTP, Leech FTP entre outros! 





A função dos navegadores é ler uma página em HTML, interpretá-la e exibir ao usuário a página formatada.



Por esse post é só galera,  espero que tenham entendido e caso tenham alguma dúvida, sugestões e criticas não deixem de postar nos comentários. 

E caso tenha gostado clique em curtir para ajudar na divulgação! (:

LEIA MAIS