REGISTRANDO UM SITE 
+ EXERCÍCIO DE HTML5 
RENATO MELO - 2014
Registro.br 
Portal oficial de domínios do Brasil. 
Domínios para pessoas físicas e jurídicas.
Para os Buscadores 
Domínios do Brasil também contam pontos 
no ranking dos motores de busca
Evite Dor de Cabeça 
Evite registrar domínios diretamente 
no Provedor de Hospedagem.
Domínios reservados 
O Comitê Gestor pode reservar nomes de 
acordo com o critério constante na 
regulamentação vigente
Categorias 
Uma pessoa ou empresa pode registrar o 
mesmo domínio em categorias diferentes: 
Ex: seusite.com.br e seusite.net.br
Pesquise 
Antes de registrar, você pode pesquisar se o 
domínio já existe. Senão, busque alternativas 
que estejam disponíveis.
Faça seu cadastro 
como usuário e 
registro do domínio
Quanto custa? 
R$ 30 no primeiro ano 
R$ 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 permitir 
que seu domínio esteja ativo na internet. É 
um endereço fornecido pelo seu provedor.
CONTRATE HOSPEDAGEM EM LINUX 
Hospedagens 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ínios 
Empresas utilizam também o registro .com 
para preservar a marca.
Outros domínios 
Eleito o melhor site de registros do mundo
Celular 
Manté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.
Celular 
Mas, 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ínio 
Você 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.
Oportunidade 
Fique 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.
Oportunidade 
Outro bom exemplo é o site 
Pizzaria em Santos.
Muito longos 
Evite 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 empresa 
Se 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.br 
Um 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 FTP 
Usuário 
Senha
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: 
–ALTERAR O TÍTULO PARA PÂNICO E JOVEM PAN; 
–ALTERAR CONTATO PARA DÚVIDAS; 
–ALTERAR CHAMADA PARA: “VOCÊ NA COLA DO PROGRAMA PÂNICO” 
–AUMENTAR A FONTE DE “RESPONDA, POR QUE...” PARA 20PX 
–TROCAR A COR DA FONTE DOS TÍTULOS (FACEBOOK, SMS E E-MAIL) PARA #dcddde 
–ACRESCENTAR DEPOIS DE JOVEM PAN NO TEXTO DO RODAPÉ AS 
PALAVRAS PROGRAMA PÂNICO, FICANDO ASSIM: "JOVEM PAN E PROGRAMA PÂNICO" 
–TROCAR A COR DO RODAPÉ DE VERMELHO PARA AZUL: #002c86
#PRÁTICA
SLIDE.JS 
renatomelo.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 03 
O UX: USER XPERIENCE 
Leia o artigo, ee ffaaççaa aa aannáálliissee ddee oouuttrroo 
ccaassee ddee UUXX:: 
hhttttpp::////ccaattaarriinnaassddeessiiggnn..ccoomm..bbrr//bblloogg//22001122//1100// 
ppoorr--qquuee--iinnvveessttiirr--eemm--uuxx//
#PRÉVIA 03 
REGRINHAS BÁSICAS 
EEnnvviiaarr ppaarraa oo ee--mmaaiill:: 
rreennaattoommeelloo8855@@ggmmaaiill..ccoomm 
11-- AAttéé 0044..0099 ààss 1188hh3300 –– 110000%% VVAALLOORR 
22-- AAttéé 0055..0099 ààss 1188hh3300 –– 5500%% VVAALLOORR 
33-- AAPPÓÓSS ÀÀSS 1188HH3300 DDOO DDIIAA 0055..0099 == 00%% VVAALLOORR
FACEBOOK.COM/ 
RENATOMELOMKT 
renato@iskadigital.com.br

COMO REGISTRAR UM SITE + HTML5

  • 1.
    REGISTRANDO UM SITE + EXERCÍCIO DE HTML5 RENATO MELO - 2014
  • 2.
    Registro.br Portal oficialde domínios do Brasil. Domínios para pessoas físicas e jurídicas.
  • 3.
    Para os Buscadores Domínios do Brasil também contam pontos no ranking dos motores de busca
  • 4.
    Evite Dor deCabeça Evite registrar domínios diretamente no Provedor de Hospedagem.
  • 5.
    Domínios reservados OComitê Gestor pode reservar nomes de acordo com o critério constante na regulamentação vigente
  • 6.
    Categorias Uma pessoaou empresa pode registrar o mesmo domínio em categorias diferentes: Ex: seusite.com.br e seusite.net.br
  • 7.
    Pesquise Antes deregistrar, você pode pesquisar se o domínio já existe. Senão, busque alternativas que estejam disponíveis.
  • 10.
    Faça seu cadastro como usuário e registro do domínio
  • 11.
    Quanto custa? R$30 no primeiro ano R$ 27 para os restantes
  • 12.
    O pagamento é feito via boleto ou cartão de crédito
  • 13.
    O domínio sógarante seu endereço. Você precisa de uma hospedagem para armazenar seus arquivos.
  • 14.
    E O REGISTRO.BRPEDIRÁ O DNS É o equipamento responsável por permitir que seu domínio esteja ativo na internet. É um endereço fornecido pelo seu provedor.
  • 15.
    CONTRATE HOSPEDAGEM EMLINUX Hospedagens 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
  • 16.
    Outros domínios Empresasutilizam também o registro .com para preservar a marca.
  • 17.
    Outros domínios Eleitoo melhor site de registros do mundo
  • 18.
    Celular Mantém omesmo domínio. A diferença é que um código redirecionador identifica que o acesso é via celular e lhe encaminha para a versão mobile.
  • 19.
    Celular Mas, quandouma 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
  • 20.
    Subdomínio Você podecriar um subdomínio também para outros sites independentes, como o google, que criou um subdomínio chamado “translate” para abrigar o google tradutor.
  • 21.
    Oportunidade Fique atentoa 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.
  • 22.
    Oportunidade Outro bomexemplo é o site Pizzaria em Santos.
  • 23.
    Muito longos Evitedomínios muito longos. O site deste festival ficou como festludi.com.br para ficar curto e de fácil interpretação.
  • 24.
    Ao criar umaempresa Se 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.
  • 25.
    E.... Mesmo sevocê 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.
  • 26.
    anatel.gov.br Um 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.
  • 27.
    E como meusite vai pro ar? Como eu mando meus arquivos?
  • 28.
    Você transfere os arquivos via FTP
  • 29.
  • 30.
    Pode ser feitono site da sua hospedagem, via windows explorer ou de um programa
  • 31.
  • 32.
    Você precisa de: Endereço do FTP Usuário Senha
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
    LINK: renatomelo.com.br/esamc/trabalhowebdesign.zip ALTERAÇÕES: –ALTERAR O TÍTULO PARA PÂNICO E JOVEM PAN; –ALTERAR CONTATO PARA DÚVIDAS; –ALTERAR CHAMADA PARA: “VOCÊ NA COLA DO PROGRAMA PÂNICO” –AUMENTAR A FONTE DE “RESPONDA, POR QUE...” PARA 20PX –TROCAR A COR DA FONTE DOS TÍTULOS (FACEBOOK, SMS E E-MAIL) PARA #dcddde –ACRESCENTAR DEPOIS DE JOVEM PAN NO TEXTO DO RODAPÉ AS PALAVRAS PROGRAMA PÂNICO, FICANDO ASSIM: "JOVEM PAN E PROGRAMA PÂNICO" –TROCAR A COR DO RODAPÉ DE VERMELHO PARA AZUL: #002c86
  • 40.
  • 41.
  • 42.
    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
  • 43.
    #PRÉVIA 03 OUX: USER XPERIENCE Leia o artigo, ee ffaaççaa aa aannáálliissee ddee oouuttrroo ccaassee ddee UUXX:: hhttttpp::////ccaattaarriinnaassddeessiiggnn..ccoomm..bbrr//bblloogg//22001122//1100// ppoorr--qquuee--iinnvveessttiirr--eemm--uuxx//
  • 44.
    #PRÉVIA 03 REGRINHASBÁSICAS EEnnvviiaarr ppaarraa oo ee--mmaaiill:: rreennaattoommeelloo8855@@ggmmaaiill..ccoomm 11-- AAttéé 0044..0099 ààss 1188hh3300 –– 110000%% VVAALLOORR 22-- AAttéé 0055..0099 ààss 1188hh3300 –– 5500%% VVAALLOORR 33-- AAPPÓÓSS ÀÀSS 1188HH3300 DDOO DDIIAA 0055..0099 == 00%% VVAALLOORR
  • 45.