COMO REGISTRAR UM SITE + HTML5

REGISTRANDO UM SITE+ EXERCÍCIO DE HTML5

RENATO MELO - 2014

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

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

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

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

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

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

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

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

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

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

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.

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

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

Outros domíniosEleito o melhor site de registros do mundo

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.

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

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.

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.

OportunidadeOutro bom exemplo é o site Pizzaria em Santos.

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

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.

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.

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.

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

Você transfere os arquivos via FTP

FDP?

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

Filezilla: o mais usado

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

EXEMPLOS DE SITES EM HTML5

http://smultronlab.com/

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

http://jackrugile.com/jrumble/

http://www.solitairey.com/

TRABALHO – ENTREGA DIA 16.10

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

#PRÁTICA

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

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

#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/

#PRÉVIA 03REGRINHAS BÁSICAS

Enviar para o e-mail: Enviar para o e-mail: renatomelo85@gmail.comrenatomelo85@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

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br