aula 06/08


                           Criando seu blog no
                                                  Wordpress




                                 Produção e Ferramentas Colaborativas
  IEC - INSTITUTO DE             Pós-Graduação em Produção em Mídias Digitais
  EDUCAÇÃO CONTINUADA            Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com

Monday, October 24, 2011
Plano de curso
       1ª          Apresentação do curso, aquecimento e posicionamento teórico       -

       2ª          CMS + Social Media                                            10pts

       3ª          Conversando com usuários: Questionários e entrevistas         15pts

       4ª          Técnica de Modelagem: Personas ágeis                          15pts

       5ª          Projetando a interface: Prototipação rápida em papel          20pts

       6ª          Criando seu blog no Wordpress                                     -

       7ª          Implantação do blog                                           15pts

       8ª          Apresentação final                                             25pts


Monday, October 24, 2011
Insta
                lar o
       Mas p              Word
            rimeiro               press
                    precisa
                           mos s          é fác
                                aber
                                     algum
                                          a
                                               il!
                                          s coisa
                                                 s.

Monday, October 24, 2011
Wordpress é um sistema,
                             que funciona em um servidor.




Monday, October 24, 2011
O servidor hospeda o Wordpress,
        e dá a ele um endereço para ser acessado por todos..




Monday, October 24, 2011
O endereço é um número,
                 que chamamos de IP (Internet protocol)



Monday, October 24, 2011
Para facilitar nossa vida, podemos
  registrar um domínio
   e associá-lo a um IP
Monday, October 24, 2011
Quem gerencia domínios no Brasil é o NIC
                  (Núcleo de Informação e Comunicação do ponto BR)




Monday, October 24, 2011
O registro é feito no site Registro.br
                           onde é possível verificar sua disponibilidade




Monday, October 24, 2011
Já temos o endereço
                               precisamos de espaço.




Monday, October 24, 2011
Servidores oferecem espaço (hospedagem)
                Espaço não custa muito, o que custa mais é a "Banda"




Monday, October 24, 2011
Banda é a quantidade de dados
                      que são transferidos do servidor para os usuários




Monday, October 24, 2011
Agora temos o endereço (domínio)..
                           . .e o espaço (hospedagem)
                                Falta construir.




Monday, October 24, 2011
muns.
                          ais co
                    iais m
               mater
          saos
      Vamo



Monday, October 24, 2011
Sites são feitos em Linguagem de marcação HTML
                 (Hypertext Markup Language) que são como etiquetas




      <address> Rua do Amendoim, nº354 - ap. 201</address>



Monday, October 24, 2011
Assim o computador sabe o que é o que,
            e o Google sobre o que estamos escrevendo




Monday, October 24, 2011
Usamos imagens e CSS (Cascade Style Sheet)
            para deixar o site bonito e agradável par humanos também




Monday, October 24, 2011
Para que o HTML fique inteligente,

                  usamos PHP (ou ASP da MS).




Monday, October 24, 2011
O PHP é uma linguagem de script
                    que interage com banco de dados.
                     É executado no servidor (server side) e entrega um HTML.




Monday, October 24, 2011
Temos também o JavaScript,
      que deixa a página mais interativa, com efeitos e controles esperto.s.




Monday, October 24, 2011
Felizmente, não precisamos reinventar a roda
                           (ou redesenhar a bola - Karine Drumond)




Monday, October 24, 2011
Wordpress é um pré-fabricado
                que colocamos no servidor e configuramos a nosso gosto.




Monday, October 24, 2011
Como o servidor está muito longe,
                  precisamos de um jeito de mandar os arquivos pra lá




Monday, October 24, 2011
Usamos o FTP (File Transfer Protocol)
                           para acessar nossa pasta e enviar os arquivos




Monday, October 24, 2011
Existem vários programas para se fazer isto
                           Um deles é o FileZilla




Monday, October 24, 2011
Monday, October 24, 2011
Podemos instalar o Wordpress em 5 minutos!




Monday, October 24, 2011
1) Descompacte o pacote em uma pasta vazia.;




Monday, October 24, 2011
2) Abra o arquivo wp-config-sample.php com um editor de texto e
                  preencha suas informações de conexão do banco de dados.




Monday, October 24, 2011
3) Salve o arquivo como wp-config.php




Monday, October 24, 2011
4) Faça o upload de tudo.




Monday, October 24, 2011
5) Abra o arquivo /wp-admin/install.php no seu navegador. Isto
           instalará as tabelas necessárias para o seu blog. Se ocorrer
           algum erro, confira seu arquivo wp-config.php, e tente
           novamente.




Monday, October 24, 2011
6) Anote a senha fornecida para você.




Monday, October 24, 2011
7) A instalação deve então encaminhá-lo para a página de login. Preencha
            o nome de usuário com admin e a senha gerada durante a instalação.




Monday, October 24, 2011
Usando o Wordpress


Monday, October 24, 2011
Painel - resumo do que é importante.

Monday, October 24, 2011
Painel / Ajuda - Toda página tem uma ajuda rápida

Monday, October 24, 2011
Configurações - O básico do seu wordpress

Monday, October 24, 2011
Atualizações - são automáticas para versão, temas e plugins.

Monday, October 24, 2011
Posts - uma lista rápida para ver o conteúdo textual

Monday, October 24, 2011
Posts / Adicionar novo - tela para adicionar posts

Monday, October 24, 2011
Categorias - hierarquia e organização dos posts

Monday, October 24, 2011
Tags - como categorias, mas mais “livres”

Monday, October 24, 2011
Arquivos de mídia - imagens, áudio e vídeo do seu site

Monday, October 24, 2011
Links - uma lista de atalhos exibidos no seu site

Monday, October 24, 2011
Páginas - diferentes dos posts, são fixas

Monday, October 24, 2011
Comentários - página para ver/moderar todos

Monday, October 24, 2011
Aparência/Temas - página para mudar de temas facilmente

Monday, October 24, 2011
Aparência/Widgets - os menus e elementos personalizáveis de sua página

Monday, October 24, 2011
Aparência/Menus - Um tipo de widget

Monday, October 24, 2011
Plugins - ferramentas para se fazer qualquer coisa,

Monday, October 24, 2011
Plugins/Instalar plugins - página para procurar e adicionar plugins

Monday, October 24, 2011
Usuários / Adicionar novo - adicione novos usuários/gerentes

Monday, October 24, 2011
igad o!
                           o br
                                  Este arquivo contém a apresentação realizada por Marcello de
                                  Campos Cardoso, em Outubro de 2011, para a disciplina
                                  Produção e Ferramentas Colaborativas, ministrada no curso de
                                  especialização em Mídias Digitais Internet na PUC Minas.


Monday, October 24, 2011

PUC/PFC - Criando seu blog no wordpress

  • 1.
    aula 06/08 Criando seu blog no Wordpress Produção e Ferramentas Colaborativas IEC - INSTITUTO DE Pós-Graduação em Produção em Mídias Digitais EDUCAÇÃO CONTINUADA Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com Monday, October 24, 2011
  • 2.
    Plano de curso 1ª Apresentação do curso, aquecimento e posicionamento teórico - 2ª CMS + Social Media 10pts 3ª Conversando com usuários: Questionários e entrevistas 15pts 4ª Técnica de Modelagem: Personas ágeis 15pts 5ª Projetando a interface: Prototipação rápida em papel 20pts 6ª Criando seu blog no Wordpress - 7ª Implantação do blog 15pts 8ª Apresentação final 25pts Monday, October 24, 2011
  • 3.
    Insta lar o Mas p Word rimeiro press precisa mos s é fác aber algum a il! s coisa s. Monday, October 24, 2011
  • 4.
    Wordpress é umsistema, que funciona em um servidor. Monday, October 24, 2011
  • 5.
    O servidor hospedao Wordpress, e dá a ele um endereço para ser acessado por todos.. Monday, October 24, 2011
  • 6.
    O endereço éum número, que chamamos de IP (Internet protocol) Monday, October 24, 2011
  • 7.
    Para facilitar nossavida, podemos registrar um domínio e associá-lo a um IP Monday, October 24, 2011
  • 8.
    Quem gerencia domíniosno Brasil é o NIC (Núcleo de Informação e Comunicação do ponto BR) Monday, October 24, 2011
  • 9.
    O registro éfeito no site Registro.br onde é possível verificar sua disponibilidade Monday, October 24, 2011
  • 10.
    Já temos oendereço precisamos de espaço. Monday, October 24, 2011
  • 11.
    Servidores oferecem espaço(hospedagem) Espaço não custa muito, o que custa mais é a "Banda" Monday, October 24, 2011
  • 12.
    Banda é aquantidade de dados que são transferidos do servidor para os usuários Monday, October 24, 2011
  • 13.
    Agora temos oendereço (domínio).. . .e o espaço (hospedagem) Falta construir. Monday, October 24, 2011
  • 14.
    muns. ais co iais m mater saos Vamo Monday, October 24, 2011
  • 15.
    Sites são feitosem Linguagem de marcação HTML (Hypertext Markup Language) que são como etiquetas <address> Rua do Amendoim, nº354 - ap. 201</address> Monday, October 24, 2011
  • 16.
    Assim o computadorsabe o que é o que, e o Google sobre o que estamos escrevendo Monday, October 24, 2011
  • 17.
    Usamos imagens eCSS (Cascade Style Sheet) para deixar o site bonito e agradável par humanos também Monday, October 24, 2011
  • 18.
    Para que oHTML fique inteligente, usamos PHP (ou ASP da MS). Monday, October 24, 2011
  • 19.
    O PHP éuma linguagem de script que interage com banco de dados. É executado no servidor (server side) e entrega um HTML. Monday, October 24, 2011
  • 20.
    Temos também oJavaScript, que deixa a página mais interativa, com efeitos e controles esperto.s. Monday, October 24, 2011
  • 21.
    Felizmente, não precisamosreinventar a roda (ou redesenhar a bola - Karine Drumond) Monday, October 24, 2011
  • 22.
    Wordpress é umpré-fabricado que colocamos no servidor e configuramos a nosso gosto. Monday, October 24, 2011
  • 23.
    Como o servidorestá muito longe, precisamos de um jeito de mandar os arquivos pra lá Monday, October 24, 2011
  • 24.
    Usamos o FTP(File Transfer Protocol) para acessar nossa pasta e enviar os arquivos Monday, October 24, 2011
  • 25.
    Existem vários programaspara se fazer isto Um deles é o FileZilla Monday, October 24, 2011
  • 26.
  • 27.
    Podemos instalar oWordpress em 5 minutos! Monday, October 24, 2011
  • 28.
    1) Descompacte opacote em uma pasta vazia.; Monday, October 24, 2011
  • 29.
    2) Abra oarquivo wp-config-sample.php com um editor de texto e preencha suas informações de conexão do banco de dados. Monday, October 24, 2011
  • 30.
    3) Salve oarquivo como wp-config.php Monday, October 24, 2011
  • 31.
    4) Faça oupload de tudo. Monday, October 24, 2011
  • 32.
    5) Abra oarquivo /wp-admin/install.php no seu navegador. Isto instalará as tabelas necessárias para o seu blog. Se ocorrer algum erro, confira seu arquivo wp-config.php, e tente novamente. Monday, October 24, 2011
  • 33.
    6) Anote asenha fornecida para você. Monday, October 24, 2011
  • 34.
    7) A instalaçãodeve então encaminhá-lo para a página de login. Preencha o nome de usuário com admin e a senha gerada durante a instalação. Monday, October 24, 2011
  • 35.
  • 36.
    Painel - resumodo que é importante. Monday, October 24, 2011
  • 37.
    Painel / Ajuda- Toda página tem uma ajuda rápida Monday, October 24, 2011
  • 38.
    Configurações - Obásico do seu wordpress Monday, October 24, 2011
  • 39.
    Atualizações - sãoautomáticas para versão, temas e plugins. Monday, October 24, 2011
  • 40.
    Posts - umalista rápida para ver o conteúdo textual Monday, October 24, 2011
  • 41.
    Posts / Adicionarnovo - tela para adicionar posts Monday, October 24, 2011
  • 42.
    Categorias - hierarquiae organização dos posts Monday, October 24, 2011
  • 43.
    Tags - comocategorias, mas mais “livres” Monday, October 24, 2011
  • 44.
    Arquivos de mídia- imagens, áudio e vídeo do seu site Monday, October 24, 2011
  • 45.
    Links - umalista de atalhos exibidos no seu site Monday, October 24, 2011
  • 46.
    Páginas - diferentesdos posts, são fixas Monday, October 24, 2011
  • 47.
    Comentários - páginapara ver/moderar todos Monday, October 24, 2011
  • 48.
    Aparência/Temas - páginapara mudar de temas facilmente Monday, October 24, 2011
  • 49.
    Aparência/Widgets - osmenus e elementos personalizáveis de sua página Monday, October 24, 2011
  • 50.
    Aparência/Menus - Umtipo de widget Monday, October 24, 2011
  • 51.
    Plugins - ferramentaspara se fazer qualquer coisa, Monday, October 24, 2011
  • 52.
    Plugins/Instalar plugins -página para procurar e adicionar plugins Monday, October 24, 2011
  • 53.
    Usuários / Adicionarnovo - adicione novos usuários/gerentes Monday, October 24, 2011
  • 54.
    igad o! o br Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Outubro de 2011, para a disciplina Produção e Ferramentas Colaborativas, ministrada no curso de especialização em Mídias Digitais Internet na PUC Minas. Monday, October 24, 2011