quarta-feira, 24 de julho de 2013

Curso de HTML5

Faça conosco o curso de HTML5.

O HTML5 é a ultima versão da HTML mais atualizado, e para você poder acompanhar a evolução e estar atualizado o Super facil elaborou um curso de HTML5.

Veja mais informações desse curso: Clique aqui

Ou

https://www.buzzero.com/cursos-online-de-informatica-e-internet/cursos-de-linguagens-de-programacao/curso-online-html5_43644?a=superfacil&keep=true

Assista ao vídeo do Professor explicando o curso:




No curso será abordado: 


    1 - Apresentação do Curso
    2 - O Que É HTML5
    3 - Cronograma da tecnologias web
    4 - Requisitos
    5 - Analisando A Estrutura De Um Documento HTML
    5.1 - DOCTYPE
    5.2 - Charset
    5.3 - Utf-8
    6 - Layout pelas novas tags HTML 5
    6.1 - Section
    6.2 - Nav
    6.3 - Article
    6.4 - Aside
    6.5 - Header
    6.6 - Footer
    7 - Formulários
    8 - Elementos Áudio e Vídeo
    9 - Elementos Canvas
    9.1 - Definição
    9.2 - Desenhando uma figura simples
    9.3 - Compatibilidade
    9.3 - Sistema de Coordenadas
    9.4 - Desenhar retângulos em um Canvas
    9.5 - Desenho de curvas com arcos em canvas
    9.6 - Textos
    9.7 - Gradientes
    9.8 - Usar imagens no Canvas
    10 - SVG
    11 - Web Storage
    11.1 - Definição
    11.2 - Detecção no navegador
    11.3 - Objeto Storage
    11.4 - Operações básicas
    12 - Drag and Drop API
    13 - Geolocalização
    13.1 - O que é Geolocalização
    13.2 - Detecção e suporte dos navegadores
    13.3 - Obtendo as coordenadas
    13.4 - Tratamento de erros
    13.5 - Geolocalização e a API do Google Maps
 


sexta-feira, 19 de julho de 2013

Como cadastrar sua empresa no Google Maps



O cadastramento da empresa no Google Maps é muito importante para que o estabelecimento seja encontrado por um possível cliente. Também aumenta o posicionamento na busca local (Local Search SEO). Se você tem um estabelecimento comercial (restaurante, academia, salão de beleza, bar, casa noturna, escola, farmácia, escola de idiomas e comércios em geral), é tarefa obrigatória adicionar sua empresa no Google Maps.

1 - Cadastro no Google

Para fazer seu cadastro no Google Places e em consequência aparecer no Google Maps, necessário possuir uma conta no Google. (www.google.com.br)


2 - Google Places

Vamos ingressar no programa Google Places. Acesse o site http://www.google.com.br/places/ e informe seu usuário e senha do Google.



3 - Agora selecione Brasil no campo País, digite o telefone de sua empresa no campo Número de Telefone e depois clique no botão Encontrar informações da empresa. Neste momento o Google fará uma consulta para verificar se sua empresa já não está cadastrada no Google Maps.




4 - Caso o Google encontre alguma referência para o telefone indicado, será exibida a tela abaixo:


5 - Neste momento você poderá clicar no botão Editar (caso queira apenas complementar os dados) ou clicar no botão Adicionar uma nova listagem (caso queira criar uma listagem do zero).

Pronto! Após selecionar uma das opções acima, você já estará na tela para iniciar o cadastro da sua empresa no Google Maps. Observe abaixo:



6 - Inserindo os dados da empresa que serão exibidos no Google Maps

Nesta etapa, você deverá preencher primeiro os dados básicos de sua empresa. Muita atenção ao campo Telefone Principal, pois ele será um dos métodos de validação dos dados.
Preencha o campo Descrição utilizando algumas palavras-chaves do seu negócio. Por exemplo, se for um restaurante japonês em Curitiba, procure utilizar as palavras restaurante, japonês e São Paulo ou SP.
No campo categoria adicione até 5 categorias que descrevam seu estabelecimento.
Obs.: Clique no link Adicionar nova categoria para que você possa adicionar mais categorias.


7 - A segunda divisão de dados refere-se à área de abrangência dos serviços da empresa. Conforme o próprio Google diz: A sua empresa fornece serviços como entregas ou consertos em domicilio em locais de uma determinada área?

8 - Caso a sua empresa tenha este tipo de característica, selecione a opção Sim, esta empresa atende clientes em seus locais.

Depois você poderá selecionar uma entre duas opções. Ou selecionar a área de abrangência por um raio de distância ou adicionar as cidades atendidas. Selecione a melhor opção para seu negócio, preencha os dados e observe no mapa (à direita) a área atendida.


9 - A terceira divisão de dados diz respeito ao horário de funcionamento do estabelecimento. Preencha estes campos conforme sua necessidade.
Obs.: Caso o estabelecimento abra em dois horários durante o mesmo dia, selecione o item Eu gostaria de inserir dois horários em um só dia.


10 - A próxima divisão é relacionada à forma de pagamento. Marque as formas de pagamento aceitas no seu estabelecimento e continue.

11 - Agora você poderá adicionar as fotos e o logotipo de sua empresa ou estabelecimento. Estas imagens serão exatamente as imagens que aparecerão no Google Maps. Existem duas formas de adicionar as fotos. A primeira através de um arquivo que está no próprio computador – selecione a opção Adicionar uma foto do seu computador – ou buscando diretamente em uma URL da Web – selecione a opção Adicionar uma foto da Web.

Dica1: Utilize imagens quadradas.

Dica2: Deixe a imagem que você quer que seja a principal – geralmente o logotipo – para adicionar por último.

Adicione o máximo de imagens que puder. Assim você terá uma qualificação melhor no Google Maps e nas buscas locais.
12 - Na próxima seção é possível adicionar até 5 vídeos de sua empresa ou de seus produtos. Digite as URLs dos vídeos no campo requisitado e depois clique no botão Adicionar vídeo. Vídeos também são uma importante tática para atrair mais clientes para seu estabelecimento.


13 - Na última seção do cadastro é possível adicionar detalhes adicionais da empresa. Por exemplo, se tem estacionamento ou não, se tem serviço de manobrista, principais produtos fornecidos, etc. Par a adicionar mais itens, clique no link Adicionar outro.


14 - Validando o cadastro: 

O Google Maps e o Google Places possuem alguns métodos para validar se aquela empresa realmente está naquele endereço e telefone.

Nesta tela são exibidas 3 opções para a validação. A primeira pelo telefone fixo, onde o atendente lhe passará um código de confirmação (anote-o). A segunda através de uma mensagem de celular, caso o número selecionado tenha sido um celular. E a terceira e última através do correio. Este é o método mais demorado, já que a carta costuma levar de 3 a 4 semanas para chegar.

Selecione a opção desejada e clique no botão Finalizar.


15 - Pronto! Agora é só inserir o PIN (número fornecido pela ligação, mensagem ou carta) no local indicado na imagem e aguardar até que o Google processe seu pedido.




Veja Mais:
- Ganhe Dinheiro na Internet
- Tutorial passo a passo para cadastrar no google adsense
- Como inserir anúncios AdSense no Blogspot
- Colocando o AdSense no Blog de forma simplificada
- Ganhar dinheiro na internet
- Como funciona o AdSense e o AdWords





















quinta-feira, 4 de julho de 2013

Mesclando as células de uma tabela com COLSPAN e ROWSPAN



Às vezes podemos ter a necessidade de que uma célula de uma tabela ocupe mais de uma coluna ou linha da mesma, para isso utilizamos os atributos COLSPAN e ROWSPAN nas células da tabela. Veremos nesse artigo como utilizá-los através de alguns exemplos práticos.

Rowspan e colspan servem para expandir as células fazendo com que uma única célula ocupe mais de uma linha ou mais de uma coluna.

Exemplo utilizando COLSPAN.

Fundirá a célula em questão com sua vizinha direita.

<TABLE CELLSPACING="0" CELLPADDING="2" BORDER="1">
    <TR>
        <TD COLSPAN="2">Célula 1</TD>
    </TR>
    <TR>
        <TD>Célula 2</TD>
        <TD>Célula 3</TD>
    </TR>
<TABLE>


Exemplo utilizando ROWSNPAN.

Esta célula tem rowspan="2", por isso tem fundida a célula abaixo.



<TABLE CELLSPACING="0" CELLPADDING="2" BORDER="1">
    <TR>
        <TD ROWSPAN="2">Célula 1</TD>
        <TD>Célula 2</TD>
    </TR>
    <TR>
        <TD>Célula 3</TD>
    </TR>
</TABLE>


Exemplo utilizando COLSPAN e ROWSNPAN.



<html>
<html>
    <head>
        <title>Tabela</title>
    </head>
    <body>
        <TABLE CELLSPACING="0" CELLPADDING="2" BORDER="1">
            <TR>
                <TD COLSPAN="3" ROWSPAN="3">Célula com COLSPAN="3" ROWSPAN="3"</TD>
                <TD>Célula 2</TD>
            </TR>
            <TR>
                <TD>Célula 3</TD>
            </TR>
            <TR>
                <TD>Célula 4</TD>
            </TR>
            <TR>
                <TD>Célula 5</TD>
                <TD>Célula 6</TD>
                <TD>Célula 7</TD>
                <TD>Célula 8</TD>
            </TR>
        </TABLE>
    </body>
</html>





Veja Mais:

- Introdução ao HTML
- Editar texto em html
- Formatar imagem em html
- Criar Links em html
- Criar Listas em html
- Criar Tabelas em html
- Mesclando as células de uma tabela com COLSPAN e ROWSPAN

 

 

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons