aula 01 - WordPress

3.628 visualizações

Publicada em

aula 01 do mini curso sobre wordpress, primeiro congresso de tecnologias na educação

Publicada em: Educação
0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.628
No SlideShare
0
A partir de incorporações
0
Número de incorporações
721
Ações
Compartilhamentos
0
Downloads
159
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

aula 01 - WordPress

  1. 1. primeiro dia
  2. 2. Ementa <ul><li>Primeiro dia: </li></ul><ul><ul><li>Introdução e visão geral </li></ul></ul><ul><li>Segundo dia: </li></ul><ul><ul><li>Template </li></ul></ul><ul><li>Terceiro dia: </li></ul><ul><ul><li>Blogando </li></ul></ul><ul><li>Quarto dia: </li></ul><ul><ul><li>Criando páginas e Links </li></ul></ul><ul><li>Quinto dia: </li></ul><ul><ul><li>Gerenciando e Comentando </li></ul></ul>
  3. 3. Neste dia <ul><li>Visão geral </li></ul><ul><li>Inscrição no WordPress </li></ul><ul><li>Configurações da conta </li></ul><ul><li>Dicas extras: de blogueiro para blogueiro </li></ul>
  4. 4. Nota da autora Neste material os verbos estão no imperativo, mas sinta-se à vontade para não realizar uma determinada etapa. Lembre-se apenas de anotar o que não fez ou fez de outra forma, pois eventualmente, você poderá obter resultados diferentes do que está representado nas telas de referência.
  5. 5. Visão geral <ul><li>Acesse o site do WordPress: http://wordpress.com/ </li></ul>
  6. 6. Visão geral <ul><li>Altere o idioma </li></ul>
  7. 7. Visão geral <ul><li>Em nossa língua, a tela inicial apresenta conteúdos produzidos por brasileiros. </li></ul>
  8. 8. Visão geral <ul><li>Nem tudo está traduzido. Clique nas abas “Features”, “Story”, “Advanced” e observe seus conteúdos. </li></ul>
  9. 9. Dica <ul><li>Se tiver dificuldades com o Inglês, use: http://translate.google.com/translate_t </li></ul>
  10. 10. Visão geral <ul><li>Navegue por estas páginas para ter uma amostra das possibilidades disponíveis no Wordpress. </li></ul>
  11. 11. Objetivos <ul><li>Este mini-curso tem como foco: </li></ul><ul><ul><li>alteração de um Template pronto, </li></ul></ul><ul><ul><li>alteração de imagens de topo, </li></ul></ul><ul><ul><li>acrescentar/retirar funcionalidades da barra lateral. </li></ul></ul>
  12. 12. Planejamento <ul><li>O primeiro passo para criar um web site é fazer o planejamento. Em um blog, esta etapa inclui: </li></ul><ul><ul><li>estabelecer o tema/assunto do blog (linha editorial) </li></ul></ul><ul><ul><li>definir o objetivo </li></ul></ul><ul><ul><li>determinar o público alvo </li></ul></ul><ul><ul><li>fixar a periodicidade de postagem </li></ul></ul>
  13. 13. Dicas <ul><li>As telas a seguir oferecem links de apresentações ou sites que auxiliam você a cumprir cada uma das etapas do planejamento. Navegue por estes links e defina o seu projeto. </li></ul><ul><li>A qualquer momento, você poderá alterar o seu projeto, principalmente para este mini-curso. Mas é muito importante que você tenha um ponto de partida definido (linha editorial, objetivo, público alvo e periodicidade). </li></ul><ul><li>Escolha imagens e cores que estejam de acordo com estes pontos. </li></ul>
  14. 14. Dicas <ul><li>Para definir a linha editorial </li></ul><ul><ul><li>http://www.slideshare.net/Bee/blogar-para-ensinar </li></ul></ul><ul><ul><li>http://www.slideshare.net/thecroaker/brainstorming-for-fund-and-profit/ </li></ul></ul><ul><ul><li>http://www.slideshare.net/search/slideshow?lang=pt&submit=post&q=blog&commit=search </li></ul></ul>
  15. 15. Dicas <ul><li>Para estruturar um projeto Web (Arquitetura da Informação): </li></ul><ul><ul><li>http://www.slideshare.net/agner/barbara-navegacao-e-ai </li></ul></ul><ul><ul><li>http://www.slideshare.net/allanrbs/arquitetura-de-informao/ </li></ul></ul><ul><ul><li>http://delicious.com/analaura/AI </li></ul></ul>
  16. 16. Dicas <ul><li>Para escrever para Web: </li></ul><ul><ul><li>http://www.slideshare.net/carolrm/coisinhas-que-pulam-e-piscam-precisam-dizer-alguma-coisa </li></ul></ul><ul><ul><li>http://www.webwritersbrasil.com.br/detalhe.asp?numero=146 </li></ul></ul><ul><ul><li>http://www.palpitedigital.com/11-passos-escrever-bem-internet/ </li></ul></ul>
  17. 17. Dicas <ul><li>Para escolher imagens: </li></ul><ul><ul><li>http://www.corbis.com.br </li></ul></ul><ul><ul><li>http://www.sxc.hu/ </li></ul></ul>
  18. 18. Dicas <ul><li>Para saber mais sobre </li></ul><ul><ul><li>seus direitos: </li></ul></ul><ul><ul><ul><li>http://creativecommons.org/license/?jurisdiction=br </li></ul></ul></ul><ul><ul><ul><li>http://webdemais.com.br/2007/12/20/creative-commons-seja-criativo/ </li></ul></ul></ul><ul><ul><li>direito dos outros: </li></ul></ul><ul><ul><ul><li>http://www.pppadvogados.com.br/paginas_unicas.asp?PaginaUnicaTipoID=23 </li></ul></ul></ul>
  19. 19. Dicas <ul><li>O nome do seu blog: </li></ul><ul><ul><li>Escolha alguns nomes agora. É aconselhável ter várias alternativas, pois o nome escolhido já pode estar sendo utilizado por outro usuário. </li></ul></ul>
  20. 20. Modelo de Projeto <ul><li>Este é o modelo usado para o blog do mini-curso: </li></ul><ul><ul><li>linha editorial: dicas e truques no WordPress </li></ul></ul><ul><ul><li>objetivo: ferramenta de auxílio do mini-curso, comunicação com os participantes do mini-curso, explorar as ferramentas disponíveis </li></ul></ul><ul><ul><li>público alvo: professores e demais interessados em explorar o WordPress </li></ul></ul><ul><ul><li>periodicidade: no período de desenvolvimento do material e diariamente (até mais se possível) durante o mini-curso </li></ul></ul>
  21. 21. Criar sua conta <ul><li>Caso você não tenha uma conta aberta no WordPress, crie uma seguindo os passos descritos a seguir. </li></ul><ul><ul><li>Link para entrar diretamente na página em português: http://pt-br.wordpress.com/ </li></ul></ul><ul><li>Caso você queira usar uma conta pré-existente, adicione um blog novo à esta conta ( slide 35 ). </li></ul>
  22. 22. Criando sua conta <ul><li>Clique no botão “Cadastre-se agora!”. </li></ul>
  23. 23. Criando sua conta: formulário <ul><li>Preencha com seus dados e use as opções indicadas. Na próxima página há um modelo preenchido. Finalize clicando no botão “Próximo”. </li></ul><ul><li>IMPORTANTE: anote o nome de usuário e a senha em local seguro. </li></ul>Com esta opção, será criada apenas uma conta com seu nome de usuário. O seu nome de usuário é sua entrada no WordPress. São permitidas apenas letras minúsculas e números. A senha é considerada forte quando você usa caracteres especiais (@ #). Use um email válido, pois é necessária a ativação da conta através dele. Com esta opção, seu nome de usuário será o nome do seu blog.
  24. 24. Criando sua conta: modelo <ul><li>Modelo preenchido do formulário. </li></ul><ul><li>Verifique se escolheu a opção: “Apenas um nome de usuário, por favor”. </li></ul>
  25. 25. Criando sua conta: perfil <ul><li>Na página seguinte, atualize o seu perfil enquanto aguarda a chegada do email de confirmação/ativação de sua conta . </li></ul><ul><li>Após atualizar seu perfil, clique em: “Salvar perfil”. </li></ul>Atualize seu perfil com seus dados. Você pode fazer isso mesmo antes de receber o email de confirmação.
  26. 26. Criamdo sua conta: email <ul><li>Aguarde a chegada do email de confirmação/ativação de sua conta. Pode demorar até até 30 min. </li></ul>
  27. 27. Criando sua conta: problemas <ul><li>Problemas na recepção do email? Solicite um novo envio... </li></ul>
  28. 28. Criando sua conta: ativar <ul><li>Veja o email de validação. Siga a instrução e clique no link enviado. </li></ul><ul><li>Caso o link não funcione, selecione-o, copie-o e cole-o na barra de endereços do navegador. </li></ul>aqui fica o seu código, composto por letras e números email barra de endereços do navegador
  29. 29. Criando sua conta: conta ativada <ul><li>Verifique seus dados e clique em: “Login”. </li></ul>Verifique seus dados
  30. 30. Criando sua conta: acessar <ul><li>Preencha com seus dados, ative a caixa “Remember Me” e clique em: “Log In”. </li></ul>Preencha com seus dados
  31. 31. Criando sua conta: acesso permitido <ul><li>Você agora está no WordPress como assinante. Observe na barra superior as suas opções de navegação como inscrito. </li></ul>Seta para acesso rápido a outros blogs da lista. Opções para sua conta. Opções para classificação de blogs.
  32. 32. Criando um blog <ul><li>Crie um blog para seu usuário. </li></ul><ul><li>Clique em: “My account”, em seguida em: “Stats”. Depois clique em: “start one”. </li></ul>
  33. 33. Criando um blog: nome e título <ul><li>Dê um nome para o seu blog. </li></ul><ul><li>Preencha os dados e clique em: “Create Blog”. </li></ul>Ative esta caixa para que o seu blog apareça em mecanismos de busca (ex: google). Use apenas letras minúsculas e números. Escreva um descritivo do blog em uma frase. Escolha o idioma português.
  34. 34. Criando um blog: ele é seu! <ul><li>Modelo preenchido e tela de sucesso na criação do blog. </li></ul>
  35. 35. Adicionando outro blog a uma conta existente <ul><li>Para adicionar mais blogs à sua conta: clique para acessar a página de entrada do WordPress, em seguida clique: “Register another blog”. </li></ul>
  36. 36. Novas opções de menu <ul><li>Ao criar um blog, novas opções de menu superior são disponibilizadas. </li></ul>Opções para sua conta. Acesso ao seu painel de controle Acesso a um novo post.
  37. 37. Estatísticas do seu blog <ul><li>Clique em: “My Account”, em seguida em “Stats”. </li></ul><ul><li>Aparecem as estatísticas do seu blog. </li></ul>
  38. 38. Visite seu blog <ul><li>Observe o botão “Visite o Site”. Ele aparece em praticamente todas as páginas da área administrativa. Dê um clique neste botão para ver como está o seu blog. </li></ul>
  39. 39. Completar o perfil <ul><li>Retorne a área de administração pelo botão “Voltar “do navegador ou clique em: “My Account”, em seguida em: “Edit Profile”. </li></ul>
  40. 40. Completando o perfil: inserir sua foto <ul><li>Clique em: “Arquivo” e escolha uma foto. </li></ul><ul><li>Em seguida, clique em “Carregar imagem”. </li></ul>Use qualquer tamanho de imagem, pois o WordPress fará os ajustes necessários com sua ajuda.
  41. 41. Completando o perfil: inserir sua foto <ul><li>Utilize os cantos para redimensionar a área de recorte, em seguida clique em: “Criar imagem”. Ao terminar, clique em: “Voltar ao perfil”. </li></ul>
  42. 42. Completando o perfil: cores e idioma (administrador) <ul><li>Preencha conforme a figura. </li></ul>
  43. 43. Completar o perfil: nome <ul><li>Preencha com seus dados. </li></ul>
  44. 44. Completando o perfil: contato <ul><li>Preencha com seus dados. </li></ul>
  45. 45. Completando o perfil: informações <ul><li>Preencha com seus dados, em seguida, clique em: “Atualize o Perfil”. </li></ul>
  46. 46. Completando o perfil: nome público <ul><li>Altere seu nome público: volte à área “Mostrar nome publicamente como” e escolha o mais adequado. Em seguida, clique em: “Atualize o Perfil”. </li></ul>Nome público alterado.
  47. 47. Próximo encontro... <ul><li>Clique em: “My Dashboard”, em seguida, clique em “Aparência”. Navegue pelas páginas da seção “Temas”. Clique nas imagens para ampliar. </li></ul>
  48. 48. Próximo encontro Os temas prontos usam as ferramentas automáticas, facilitando a manutenção e futuras alterações no seu projeto. É possível acrescentar itens às barras laterais além de alterar imagens. Estes serão os temas do próximo encontro!! até lá!!

×