DIY Site Wordpress

284 visualizações

Publicada em

O Curso ensina todas as etapas da criação de um Site.

Assuntos tratados:
- Contratação de domínio
- Contratação de hospedagem
- Direcionamento de dns
- Contato com suporte técnico (glossário)
- Conexão e transferência de arquivos via FTP
- Instalação do Wordpress
- Escolha/Instalação de um tema
- Noções básicas de html e css pra customização de temas
- Noções de wordpress pra customização de temas (referências no codex)
- Usabilidade, performance e SEO


----


Professores

Erik Dana
Web designer e programador. Formado em publicidade pela FACHA, tem vasta experiência em todas as etapas de criação de sites. Trabalha desde 2007 em agências web e hoje é o diretor de arte da Agencia RASTRO. Possui experiencia, em cursos e workshops, como professor de Marketing Digital. Neles, dividiu com a turma seus olhares sobre design e user experience.


Renan Freitas
Formado em design de Mídias Digitais pela PUC-Rio, cuida de umas das partes mais críticas da agência: o desenvolvimento. Frequentou o INFNET, onde aprendeu o que precisava para se lançar no incrível universo da programação. Trabalhou como freela, e logo percebeu o crescimento no uso de wordpress e voltou pro estudo! Aperfeiçoou-se nessa e em outras tecnologias para produção de sites, até se tornar um programador / desenvolvedor full time.

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
284
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

DIY Site Wordpress

  1. 1. DIY site wordpress
  2. 2. DIYsite wordpress
  3. 3. site wordpress
  4. 4. DOMÍNIO O que é? Qual escolher? Onde comprar?
  5. 5. mas quem é “domínio”?
  6. 6. mas quem é “domínio”? É um nome único que identifica um site.
  7. 7. sobre-nomes .COM | COM.BR | .ORG | .PIZZA
  8. 8. tips& tricks Domínios tem preços variados. .XXX | .GOV | .EDU podem ter restrições
  9. 9. hospedagem O que são? Quais são? O que preciso fazer?
  10. 10. hospedeiro
  11. 11. HOSPEDEIRO Um Hospedeiro virtual vende espaço na web.
  12. 12. tem Ele guarda os arquivos do seu site pra você. dns aí?
  13. 13. escolha onde morar
  14. 14. escolha onde morar Hostgator Media Temple Amazon ...
  15. 15. ELE TEM O QUE VOCÊ PRECISA?
  16. 16. ELE TEM O QUE VOCÊ PRECISA? PHP | Mysql | Banco de Dados nativo
  17. 17. hospedeiro contratado um host, link seu domínio com ele para acessar a administração. TUDO ISSO USANDO SEU DNS.
  18. 18. WHAT THE F**K IS DNS ?
  19. 19. Dns O que é? Qual escolher? Onde comprar?
  20. 20. TTeemm ddnnss aaíí??
  21. 21. Domain Name System: É TEM um sistema que DNS associa o AÍ? endereço de um site ao seu domínio.
  22. 22. TEM DNS AÍ? Através da internet, os dispositivos conectados são identificados por “IP” e graças ao DNS, podemos associar um “IP” a um nome, seja ele qual for.
  23. 23. ccoommoo ffaazz??
  24. 24. Olá, meu nome é yoursitename, e eu moro no 93.184.216.119*
  25. 25. Precisamos enviar os arquivos do nosso site para o hospedeiro
  26. 26. - in browser - Gerenciador nativo do seu host - Software especializado de FTP
  27. 27. INSTALANDO O WORDPRESS
  28. 28. “oi? ajuda eu!?!?”
  29. 29. O wordpress tem 18mb e 980 arquivos*
  30. 30. coletivo de arquivos que quando postos juntos num servidor são = a blog.
  31. 31. Todas as estradas levam a wordpress
  32. 32. instale o wordpress pelo painel de administração do host
  33. 33. Instalando o wordpress com 1 click
  34. 34. É COMUM OS HOSPEDEIROS FORNECEREM UM BOTÃO DE INSTALAÇÃO RÁPIDA
  35. 35. ou coloque os 980 arquivos do wordpress diretamente no servidor usando o FTP
  36. 36. FDP?
  37. 37. FTP O que é? O QUE PRECISO FAZER?
  38. 38. FFileD tranPsfe?r Protocol / Protocolo de transferência de dados
  39. 39. FDP? Esse é o “protocolo” padrão de transferência de arquivos de um Host para outro
  40. 40. RFecoDmenPdam?os o uso de softwares especializados em FTP, como o FilezillA
  41. 41. COMO FTPEAR?
  42. 42. COMO FTPEAR? Seu host reserva um login e senha especiais e únicos pAra o endereço do seu site.
  43. 43. COMO WWW.EXEMPLO.COM.BR FTPEAR? -> FTP.EXEMPLO.COM.BR
  44. 44. persona-lizar
  45. 45. o seu site tem a cara do seu tema
  46. 46. Dos 980 arquivos, zero tem haver com o que seu site se parece.
  47. 47. para isso, inclua no seu wordpress um tema
  48. 48. sites de temas mojo-themes.com (crowd-sourced) themeforest.com (crowd-sourced) woothemes.com (premium) themezilla.com (premium) elegantthemes.com (premium)
  49. 49. ÉPICO bit.ly/theme-epico
  50. 50. avada bit.ly/theme-avada
  51. 51. salient bit.ly/theme-salient
  52. 52. flatsome bit.ly/theme-flatsome
  53. 53. persona-lizar html e css
  54. 54. persona-lizar “ah véi, pq precisu dissu!?”
  55. 55. Estrutura HTML Propriedades CSS Personalizando temas
  56. 56. <!doctype html> <html lang=pt> <head> <meta charset=utf-8> <title>Titulo da pagina</title> </head> <body> <p>texto em paragrafo com <a href=”//example.com/”>link</a></p> </body> </html> html http://html5doctor.com
  57. 57. CSS http://dochub.io body { margin: 0; padding: 0; background: url(img/bg/home.jpg) top center no-repeat; background-attachment: fixed; } a { color: blue; background: #00FFFF; } a:hover { text-decoration: underline; }
  58. 58. avançado
  59. 59. Modificando o Loop Alterando funções do tema Custom Post Types Custom Metaboxes
  60. 60. USABILIDADE
  61. 61. Você tem que avaliar o conhecimento técnico e a cultura dos seus usuários.
  62. 62. assim poderá entender como você deve guiá-lo, de forma orgânica, ao objetivo.
  63. 63. PERFORMANCE
  64. 64. Estamos falando do carregamento das páginas! Complicou? plugin sugerido: WP cache
  65. 65. SEO
  66. 66. Você tem que avaliar o conhecimento técnico e a cultura dos seus usuários. plugin sugerido: yoast
  67. 67. MAIS BONUS, OBAaa o/

×