Tutorial Blog

Transcrição

Tutorial Blog

1
Tutorial: Blogs no Clickideia
Sumário
Introdução.......................................................................................................................................................................................................... 2
Objetivos ............................................................................................................................................................................................................ 2
Instruções para utilização do Tutorial ................................................................................................................................................................. 2
Acesso ao Portal e a Home Blog ........................................................................................................................................................................ 3
Página Inicial da área do Blog .......................................................................................................................................................................... 4
Apresentação da Home Blog .............................................................................................................................................................................. 5
Gerenciador do Blog .......................................................................................................................................................................................... 6
Configurar o Blog ............................................................................................................................................................................................... 6
Adicionar Post .................................................................................................................................................................................................... 8
Barra de Edição de Texto ................................................................................................................................................................................ 10
Adicionar imagem diretamente de uma página da Internet .............................................................................................................................. 12
Como Salvar os Recursos Gráficos (Imagens, Animações e Atividades Interativas) do Portal Clickideia no seu Computador ......... 13
Diferença Entre os Recursos Gráficos do Portal Clickideia ................................................................................................................................. 14
1. Atividade Interativa: .................................................................................................................................................................................... 14
2. Animação: ................................................................................................................................................................................................... 15
3. Imagem: ...................................................................................................................................................................................................... 15
Adicionar imagens armazenadas no computador ............................................................................................................................................. 16
Adicionar Animações e Atividades Interativas .................................................................................................................................................. 22
Adicionar Vídeos da Internet no Blog ............................................................................................................................................................... 27
Adicionar arquivos (Anexos) ........................................................................................................................................................................... 29
Acesso ao seu Blog .......................................................................................................................................................................................... 35
Acesso aos Blogs das Etecs do Centro Paula Souza .......................................................................................................................................... 37
Introdução
Esse tutorial mostrará as funções básicas da ferramenta de Blog do Portal Educacional Clickideia. Ele
foi elaborado pensando em diferentes níveis de usuários que o portal possui, porém é necessário possuir
alguns conhecimentos de Informática e Internet para aproveitar todos os recursos disponíveis. Se, mesmo
com a utilização desse tutorial, houver dúvidas, sintam-se a vontade para postá-las no Fórum (caso seja
durante o período de Formação) ou pelo canal de comunicação Fale Conosco (Disponível na área de Contato
na aba de navegação do Portal).
Objetivos
Esse tutorial visa apresentar as principais funcionalidades da Ferramenta de Criação de Blog no Portal
Clickideia e sua utilização é necessária para completar adequadamente todas as etapas da capacitação
online.
Instruções para utilização do Tutorial
 É apresentada a explicação do que deve ser feito passo a passo, seguindo uma ordem numérica.
o É importante a leitura dos textos para compreender o que deve ser feito em cada uma das telas apresentadas
abaixo do texto.
 Esse tutorial foi feito utilizando as configurações padrões do Navegador de Internet Mozilla Firefox. A
princípio, há poucas diferenças de navegação utilizando o navegador Internet Explorer ou Google Chrome, o
que não deve modificar a utilização do tutorial. Caso esteja instalado no computador, sugerimos a utilização
do Mozilla Firefox.
 Verifique se o Plugin do Flash Player está instalado no seu computador para a navegação adequada no
portal.
o Caso algum dos botões ou recursos apresentados nesse tutorial não esteja visível durante a navegação pelo
portal, verifique se o plugin está instalado ou se a página já está totalmente carregada – a velocidade da
internet pode fazer com que leve mais tempo para carregar todos os objetos da página.
2
Acesso ao Portal e a Home Blog
1. Fazer Login na Página Inicial do Portal Clickideia para acessar a área do Blog
1. Passar o Cursor do mouse sobre a Aba “BLOG” para abrir a lista de opções;
2. Clicar em “HOME BLOG” para acessar a área do Blog;
3
Página Inicial da área do Blog
4
Apresentação da Home Blog
1. Gerenciador: área destinada ao gerenciamento do blog.
2. Top Tags: destaques com as tags mais utilizadas pelos professores em seus posts.
3. Os mais recentes: destaques para os últimos posts publicados.
4. Os mais comentados: destaques para os blogs mais comentados.
5
Gerenciador do Blog
Configurar o Blog
1. O “GERENCIADOR” do Blog está localizado na parte superior e do lado esquerdo do Blog.
1. Clique em “CONFIGURAÇÕES” para as configurações iniciais do Blog.
6
1. Definir Título de seu Blog;
2. Escolher o Tema do Blog, que são cores e desenhos de fundo do seu blog;
3. Escolher a disciplina principal do seu Blog;
4. Adicionar outros usuários do portal (alunos e/ou professores) para escreverem postagens no seu Blog
(coloque o login do usuário para adicioná-lo).
5. Clique para abrir as opções de definição da participação do escritor adicional no seu blog.
6. Clique para concluir a adição do escritor adicional do blog
7. Única opção disponível: Todos os usuários do Centro Paula Souza podem visualizar seu blog.
8. Clique para Salvar as Configurações iniciais do seu Blog.
7
Adicionar Post
1. Clique para adicionar um novo post em seu blog
Página de Postagem
8
1. Adicionar o Título do seu Post;
2. Área de Edição de Postagem – escrever e/ou colar textos, inserir imagens, vídeos, etc.
9
Barra de Edição de Texto
Texto em Negrito
Texto em Itálico
Texto Sublinhado
Texto Riscado
Texto Alinhado à Esquerda
Texto Centralizado
Desfazer/Refazer ações
Inserir/Remover Hyperlink
Criar âncora
Inserir Imagem da Internet
Limpar Código Incorreto
Ajuda
Editar Código Fonte
Texto Alinhado à Direita
Abrir Gerenciador de Imagens
Texto Justificado
Abrir Gerenciador de Arquivos
Abrir Gerenciador Multimídia (Vídeos e Atividades
Interativas)
Escolher a fonte
Inserir Separador Horizontal
Definir o tipo de parágrafo
Remover Formatação do Texto
Tamanho da fonte
Alterar Guias/Elementos Invisíveis
Inserir Marcadores no Texto
Inserir Numeração no Texto
Diminuir/Aumentar Recuo
Texto Inferior/Superior à Linha
Inserir Caracteres Especiais
10
1. Definir o modo de formatação do texto.
2. Inserir em qual Categoria sua postagem será catalogado no Portal. Em geral, define-se um assunto mais
amplo.
3. Definir os termos mais específicos dentro da Categoria.
4. Configurar se será possível comentar suas postagens e de que modo;
5. Clique, caso queira, pré-visualizar como ficará seu post no Blog;
6. Clique para salvar e publicar seu post
11
Adicionar imagem diretamente de uma página da Internet
1. Clique no Ícone de Inserir/Editar Imagem
1. Cole o endereço da internet onde está a imagem.
2. Apenas clique em um dos campos de Dimensão que ele irá preencher automaticamente o tamanho
original da imagem. (Caso não apareça automaticamente um valor, verifique se o endereço da imagem
está correto.)
3. Clique no botão Inserir para ver a imagem na área de edição de texto.
12
Como Salvar os Recursos Gráficos (Imagens, Animações e Atividades
Interativas) do Portal Clickideia no seu Computador
1. Visite uma página de conteúdo dentro das disciplinas ou qualquer outro ambiente do portal que possua
recursos gráficos e clique na seta para baixo que fica ao lado do mesmo.
1. Selecione a opção “Download” para salvar o arquivo em seu computador;
2. Clique em Ok para prosseguir.
13
1. Selecionar o local onde você quer salvar o arquivo
2. Definir o nome do arquivo
3. Clique em “Salvar” para prosseguir com o download do arquivo.
Diferença Entre os Recursos Gráficos do Portal Clickideia
1. Atividade Interativa: Atividade na qual o usuário deve clicar em diferentes partes do recurso, realizando
atividades ou informando respostas às questões propostas.
Clique na imagem para visualizar o recurso no portal (necessário estar logado)
14
2. Animação: clicando nas setas abaixo da imagem é possível ver a mudanças nas imagens.
3. Imagem: recurso estático que ilustra o conteúdo utilizando desenhos,fotografias, etc.
15
Adicionar imagens armazenadas no computador
1. Clique para abrir o Gerenciador de Imagens
1. Clique para criar uma nova pasta – facilita a organização das imagens que você pretende inserir no seu
blog dividindo por assunto, disciplina, etc.
16
1. Defina um nome para a pasta
2. Clique em OK para criá-la.
1. Clique na pasta recém criada para inserir arquivos de imagem dentro.
17
1. Dentro da pasta, clique no primeiro ícone “Carregar Arquivo”.
1. Clique em “Selecionar Arquivo” na nova janela que abriu.
18
1. Entre na pasta onde estão as imagens que você quer carregar;
2. Selecione o arquivo de imagem;
3. Clique no botão “Abrir”;
1. Verifique se aparece corretamente o caminho no qual sua imagem está salva em seu computador.
2. Clique em “Salvar”.
19
1. Após salvar, você visualizará a imagem que você carregou.
2. Clique no botão “Imagens” para voltar à pasta que você criou.
1. Clique na miniatura da imagem que você deseja inserir
20
1. Insira uma descrição para a imagem
2. Insira um título para a imagem
3. Escolha o alinhamento da imagem em relação ao texto
4. Clique em OK para inserir a imagem no Editor de Texto do seu Blog.
1. A imagem que você selecionou aparecerá no Editor de Texto do Blog
21
Adicionar Animações e Atividades Interativas
1. Clique em “Inserir/ Editar Mídia Incorporada”
1. Clique em “Procurar...” para abrir o “Gerenciador de Arquivos”.
22
1. Clique em “Carregar Arquivo...”
1. Clique em “Selecionar arquivo”;
23
1. Selecione a pasta com a Atividade Interativa/ Animação desejada
2. Verifique que esses arquivos são do tipo “Shockwave Flash”
3. Selecione o Arquivo
4. Clique em “Abrir” para prosseguir.
1. Clique em Salvar.
24
1. Marque o quadrado ao lado do nome do arquivo
2.
Clique no botão “Inserir”
para prosseguir.
1. Clique em “Inserir” para que o recurso apareça no Editor de texto do blog
25
Será mostrado a localização e tamanho do recurso no seu post
1. Você pode alterar o tamanho clicando nos quadrados nas laterais e cantos do recurso para redefinir seu
tamanho.
26
Adicionar Vídeos da Internet no Blog
Caso queria utilizar algum vídeo disponível no site Youtube, é necessário:
1. Entrar no vídeo que você deseja inserir e copiar o link diretamente da Barra de Endereço do navegador.
1. Clique em “Inserir/ Editar Mídia Incorporada”
27
1. Cole na área “Arquivo/URL” o link do vídeo copiado do Youtube.
2. Apenas clique em um dos campos da área “Dimensões” para que autocomplete os espaços com o
tamanho padrão do vídeo.
a. Caso não apareça um valor automático, verifique se o link do vídeo está correto
3. Se o link estiver correto, será mostrada no espaço de “Previsão” uma imagem do vídeo.
4. Clique em “Inserir” para prosseguir.
28
Adicionar arquivos (Anexos)
1. Clique no botão de “Gerenciamento de Arquivos”
1. Clique em “Carregar Arquivo”
29
1. Clique em “Selecionar Arquivo...”
1. Selecione a Pasta com o Arquivo que você deseja anexar em seu blog
2. Selecione o Arquivo
3. Clique em “Abrir” para prosseguir
30
1. Verifique se o nome do arquivo está correto.
2. Clique em “Salvar” para prosseguir.
1. Clique no Quadro ao lado do nome do arquivo para selecioná-lo.
2. Clique no botão
para inserir o arquivo.
31
1. Insira o texto que você gostaria que levasse ao arquivo que você anexou ao blog
2. Clique em OK para inserir o arquivo.
1. Veja que o que você escrever no passo anterior em “Descrição” vai aparecer no editor de texto como um
link para o arquivo anexado
.
32
32
Moderar os comentários do seu Blog
1. Volte ao Gerenciador do Blog e clique na opção “Moderação de Comentários”
1. Para verificar se há novos comentários, clique em “Fila de Moderação”
33
1. Aqui você pode verificar se há comentários novos feitos no seu blog. Você pode clicar no Assunto dos
comentários para fazer a leitura dos mesmo.
2. Selecione os comentários que você irá moderar
3. Selecione uma das opções (Publicar ou Apagar Comentário)
4. Clique no botão “Atualizar” para prosseguir
34
Acesso ao seu Blog
1. Na Home do Blog, passe o mouse sobre a aba “Blog” e em seguida clique em “MEU BLOG”
1. Para divulgar seu blog para outros usuários do portal, você deve copiar o seu número de identificação,
que está localizado na Barra de Endereço, sendo os últimos números a sua identificação.
2. Você pode também escrever um novo post, diretamente do seu blog
3. E você visualiza também o nome dos posts que você criou, caso queira que outro usuário localize uma
postagem específica sua.
35
1. Para que os outros usuários acessem se blog, você deve passar o número dele e pedir que o insiram
no espaço que aparece na aba “Blog” na página inicial.
Também é possível pesquisar assuntos dentro do blog. Caso queira saber se outro usuário criou alguma
postagem sobre determinado assunto, basta localizar a área de busca e colocar o termo que você procura e
ele retornará os possíveis resultados pesquisados.
36
Acesso aos Blogs das Etecs do Centro Paula Souza
1. Você também pode acessar os Blogs de outras Etec participantes do projeto. Na home Blog, clique em
“Blogs por Etec”.
1. Selecione uma Etec para visualizar os Blogs disponíveis na respectiva unidade escolar do Centro
Paula Souza.

Tutorial Blog

Transcrição

Documentos relacionados

- SRE Nova Era/SEEMG

Configuração do Proxy no Internet Explorer - Multiweb

2. Procurar por ID

Apresentação do PowerPoint

Clique no menu “Safari”. - Universidade Federal da Paraíba

Configuração do Proxy no Mozilla Firefox 1 - Multiweb

Como acessar rede UFPR de casa

Segue um tutorial de como configurar uma conta da kinghost no gmail.

DMZ no Gateway ST510v6 firmware 5

Tutorial para upload de imagens – Picasa