45
REGISTRANDO UM SITE + EXERCÍCIO DE HTML5 RENATO MELO - 2014

COMO REGISTRAR UM SITE + HTML5

Embed Size (px)

DESCRIPTION

Como registrar um site no registro.br + Exemplos e exercício de html5

Citation preview

Page 1: COMO REGISTRAR UM SITE + HTML5

REGISTRANDO UM SITE+ EXERCÍCIO DE HTML5

RENATO MELO - 2014

Page 2: COMO REGISTRAR UM SITE + HTML5

Registro.brPortal oficial de domínios do Brasil.Domínios para pessoas físicas e jurídicas.

Page 3: COMO REGISTRAR UM SITE + HTML5

Para os BuscadoresDomínios do Brasil também contam pontos no ranking dos motores de busca

Page 4: COMO REGISTRAR UM SITE + HTML5

Evite Dor de CabeçaEvite registrar domínios diretamenteno Provedor de Hospedagem.

Page 5: COMO REGISTRAR UM SITE + HTML5

Domínios reservadosO Comitê Gestor pode reservar nomes de acordo com o critério constante na regulamentação vigente

Page 6: COMO REGISTRAR UM SITE + HTML5

CategoriasUma pessoa ou empresa pode registrar o mesmo domínio em categorias diferentes:Ex: seusite.com.br e seusite.net.br

Page 7: COMO REGISTRAR UM SITE + HTML5

PesquiseAntes de registrar, você pode pesquisar se o domínio já existe. Senão, busque alternativas que estejam disponíveis.

Page 8: COMO REGISTRAR UM SITE + HTML5
Page 9: COMO REGISTRAR UM SITE + HTML5
Page 10: COMO REGISTRAR UM SITE + HTML5

Faça seu cadastrocomo usuário e registro do domínio

Page 11: COMO REGISTRAR UM SITE + HTML5

Quanto custa?R$ 30 no primeiro anoR$ 27 para os restantes

Page 12: COMO REGISTRAR UM SITE + HTML5

O pagamento é feito via boleto ou cartão de crédito

Page 13: COMO REGISTRAR UM SITE + HTML5

O domínio só garante seu endereço. Você precisa de uma hospedagem para armazenar seus arquivos.

Page 14: COMO REGISTRAR UM SITE + HTML5

E O REGISTRO.BR PEDIRÁ O DNSÉ o equipamento responsável por permitirque seu domínio esteja ativo na internet. Éum endereço fornecido pelo seu provedor.

Page 15: COMO REGISTRAR UM SITE + HTML5

CONTRATE HOSPEDAGEM EM LINUXHospedagens em Linux são ideais para trabalhar com banco de dados (php). Uma hospedagem em Windows é boa somente para a linguagem da microsoft: ASP.net

Page 16: COMO REGISTRAR UM SITE + HTML5

Outros domíniosEmpresas utilizam também o registro .com para preservar a marca.

Page 17: COMO REGISTRAR UM SITE + HTML5

Outros domíniosEleito o melhor site de registros do mundo

Page 18: COMO REGISTRAR UM SITE + HTML5

CelularMantém o mesmo domínio. A diferença é que um código redirecionador identifica que o acesso é via celular e lhe encaminha para a versão mobile.

Page 19: COMO REGISTRAR UM SITE + HTML5

CelularMas, quando uma versão específica é necessária, é comum criar um subdomínio para armazenar o site via celular. O mais comum é registar um subdomínio chamado “m”, ficando, por exemplo, m.facebook.com

Page 20: COMO REGISTRAR UM SITE + HTML5

SubdomínioVocê pode criar um subdomínio também para outros sites independentes, como o google, que criou um subdomínio chamado “translate” para abrigar o google tradutor.

Page 21: COMO REGISTRAR UM SITE + HTML5

OportunidadeFique atento a um domínio estratégico para o seu negócio ou para um negócio novo. Um exemplo é o brejas, uma rede social só para cervejas.

Page 22: COMO REGISTRAR UM SITE + HTML5

OportunidadeOutro bom exemplo é o site Pizzaria em Santos.

Page 23: COMO REGISTRAR UM SITE + HTML5

Muito longosEvite domínios muito longos. O site deste festival ficou como festludi.com.br para ficar curto e de fácil interpretação.

Page 24: COMO REGISTRAR UM SITE + HTML5

Ao criar uma empresaSe você está criando uma empresa, faça uma busca no registro.br e veja se o nome está disponível. As pessoas sempre vão digitar nomedasuaempresa.com.br quando não procuram no google.

Page 25: COMO REGISTRAR UM SITE + HTML5

E....Mesmo se você optar por outro domínio, registre sempre o domínio com o nome da sua empresa para proteção de marca. O provedor de hospedagem pode redirecionar o site e você ter mais de um domínio para o mesmo site.

Page 26: COMO REGISTRAR UM SITE + HTML5

anatel.gov.brUm exemplo é a Anatel, que não comprou o domínio .com.br. Ao acessar este endereço, você é redirecionado para a página da empresa Terra Preta.

Page 27: COMO REGISTRAR UM SITE + HTML5

E como meu site vai pro ar? Como eu mando meus arquivos?

Page 28: COMO REGISTRAR UM SITE + HTML5

Você transfere os arquivos via FTP

Page 29: COMO REGISTRAR UM SITE + HTML5

FDP?

Page 30: COMO REGISTRAR UM SITE + HTML5

Pode ser feito no site da sua hospedagem, via windows explorer ou de um programa

Page 31: COMO REGISTRAR UM SITE + HTML5

Filezilla: o mais usado

Page 32: COMO REGISTRAR UM SITE + HTML5

Você precisa de:Endereço do FTPUsuárioSenha

Page 33: COMO REGISTRAR UM SITE + HTML5

EXEMPLOS DE SITES EM HTML5

Page 34: COMO REGISTRAR UM SITE + HTML5

http://smultronlab.com/

Page 35: COMO REGISTRAR UM SITE + HTML5

http://tympanus.net/Tutorials/ParallaxSlider/

Page 36: COMO REGISTRAR UM SITE + HTML5

http://jackrugile.com/jrumble/

Page 37: COMO REGISTRAR UM SITE + HTML5

http://www.solitairey.com/

Page 38: COMO REGISTRAR UM SITE + HTML5

TRABALHO – ENTREGA DIA 16.10

Page 39: COMO REGISTRAR UM SITE + HTML5

LINK: renatomelo.com.br/esamc/trabalhowebdesign.zip

ALTERAÇÕES:

1 –ALTERAR O TÍTULO PARA PÂNICO E JOVEM PAN;

2 –ALTERAR CONTATO PARA DÚVIDAS;

3 –ALTERAR CHAMADA PARA: “VOCÊ NA COLA DO PROGRAMA PÂNICO”

4 –AUMENTAR A FONTE DE “RESPONDA, POR QUE...” PARA 20PX

5 –TROCAR A COR DA FONTE DOS TÍTULOS (FACEBOOK, SMS E E-MAIL) PARA #dcddde

6 –ACRESCENTAR DEPOIS DE JOVEM PAN NO TEXTO DO RODAPÉ ASPALAVRAS PROGRAMA PÂNICO, FICANDO ASSIM: "JOVEM PAN E PROGRAMA PÂNICO"

7 –TROCAR A COR DO RODAPÉ DE VERMELHO PARA AZUL: #002c86

Page 40: COMO REGISTRAR UM SITE + HTML5

#PRÁTICA

Page 41: COMO REGISTRAR UM SITE + HTML5

SLIDE.JSrenatomelo.com.br/esamc/aula7.zip

Page 42: COMO REGISTRAR UM SITE + HTML5

VAMOS TRABALHAR SOMENTE NO INDEX!

1 – USE O EDITAR-LOCALIZAR PARA ACHAR AS IMAGENS

2 – VÁ ATÉ O GOOGLE E PROCURE 4 IMAGENS E SALVE NA PASTA DO

EXERCÍCIO

3 – TROQUE O LINK DAS IMAGENS NO GOOGLE

Page 43: COMO REGISTRAR UM SITE + HTML5

#PRÉVIA 03O UX: USER XPERIENCE

Leia o artigo, e faça a análise de Leia o artigo, e faça a análise de outro case de UX: outro case de UX:

http://catarinasdesign.com.br/blog/http://catarinasdesign.com.br/blog/2012/10/2012/10/

por-que-investir-em-ux/por-que-investir-em-ux/

Page 44: COMO REGISTRAR UM SITE + HTML5

#PRÉVIA 03REGRINHAS BÁSICAS

Enviar para o e-mail: Enviar para o e-mail: [email protected]@gmail.com

1- Até 04.09 às 18h30 – 100% VALOR1- Até 04.09 às 18h30 – 100% VALOR2- Até 05.09 às 18h30 – 50% VALOR2- Até 05.09 às 18h30 – 50% VALOR

3- APÓS ÀS 18H30 DO DIA 05.09 = 0% 3- APÓS ÀS 18H30 DO DIA 05.09 = 0% VALORVALOR

Page 45: COMO REGISTRAR UM SITE + HTML5

FACEBOOK.COM/RENATOMELOMKT

[email protected]