Como registrar um site e introdução ao html

1. REGISTRANDO UM SITE
E INTRODUÇÃO AO HTML
RENATO MELO - 2014

2. Registro.br
Portal oficial de 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 de Cabeça
Evite registrar domínios diretamente
no Provedor de Hospedagem.

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

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

7. Pesquise
Antes de registrar, 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.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.

15. 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

16. Outros domínios
Empresas utilizam também o registro .com
para preservar a marca.

17. Outros domínios
Eleito o melhor site de registros do mundo

18. 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.

19. 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

20. 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.

21. 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.

22. Oportunidade
Outro bom exemplo é o site
Pizzaria em Santos.

23. 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.

24. 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.

25. 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.

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 meu site vai pro ar?
Como eu mando meus arquivos?

28. Você transfere os
arquivos via FTP

29. FDP?

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

31. Filezilla: o mais usado

32. Você precisa de:
Endereço do FTP
Usuário
Senha

33. AGORA, O HTML...

34. Internet, como é
composta?
1. Tecnologia de rede aberta
2. Hipertexto
3. Interface gráfica

35. HTML
Não é grego, nem coisa
de nerd.
É que nem inglês.
Não precisa saber, mas quem
sabe sempre tem um diferencial.

36. INTERFACE
GRÁFICA
A parte legal da história...

37. Mas antes,
vem a teoria...
Antigamente: Interface com
computadores era negócio
para gênios da informática
Hoje: O desenvolvimento de
interfaces gráficas permite o
uso por não especialistas

38. Os opostos
se atraem
O desenvolvimento das interfaces
gráficas permitiu a criação de
programas WYSIWYG
What You See Is What You Get

39. HTML
Html é um arquivo que pode ser
interpretado por navegadores.

40. HTML
E pode ser editado desde o bloco de notas até
programas WYSIWYG, como o Dreamweaver

41. Bloco de notas
Somente a linha de código
contendo sua programação

42. Dreamweaver
Edição do html na linha de
código ou no design.

43. TRABALHO
EM DUPLA

44. UM SITE FEITO A MÃO!
Vamos reproduzir um site inteiro
feito à mão tendo como tema a
sustentabilidade.

46. COMPOSIÇÃO DE TURMAS
A classe será separada por turma (A-L) (M-Z). Façam duplas
ou trios dentro desta ordem alfabética.
Importante, quem não fizer composição de duplas ou trios
não terá a nota da primeira atividade.

47. Atividade 1
1 – Envie o nome da dupla ou trio
2 – As equipes serão separadas por turma (A-L) (M-Z)
3 – Escolha um tema dentre o tema Sustentabilidade
(Crise Hídrica, Racionamento de Energia ou Empresas Sustentáveis)
4 – Elabore uma pesquisa introdutória com 1 a 2 Páginas do
Word contendo:
-Estratégia de Conscientização;
-Pontos que serão abordados e sua justificativa;
- Enviar até às 18h30 do dia 23.02 (SEGUNDA-FEIRA)
- renatomelo85@gmail.com / renato.melo@esamc.br

48. Prévia 1
1 – Leia os artigos:
hiperbytes.com.br/artigos/planejamento-conceitos-projeto-site/
webinsider.com.br/2009/08/06/principais-passos-para-o-planejamento-de-um-site/
2 – Crie um wireframe referente ao site do seu trabalho
3 – A prévia é individual. Alunos com os nomes M-Z, tragam
para utilizar em atividade na próxima aula.
- Enviar até às 18h30 do dia 23.02 (SEGUNDA-FEIRA)
- renatomelo85@gmail.com / renato.melo@esamc.br

49. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br