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