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.
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
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.
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.
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
Site: www.carroecompanhiavinhedo.com.br
HTML, Tableless, PHP e Otimização avançada (SEO).
Estou disponibilizando aqui para vocês os dois links das apostilas HTML5 e CSS3 do W3C!
DOWNLOAD
Apostila HTML5
Apostila CSS3
PARA SABER MAIS
LEIA MAIS
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
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
<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!
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!

{{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" category_id="" template="catalog/product/list.phtml"}}
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
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!
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"
LEIA MAIS
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"
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!
• 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.
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!
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,
Exemplo:
LEIA MAIS
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!
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 !
O site foi estruturado em tabelas normais!
Layout limpo com as informações principais na home page!
Acesse e veja como ficou: Nona Giovannina
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! (:
LEIA MAIS
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! (:


















