| |
|
Instruções
Detalhadas de Como Inserir Matérias e Imagens no Balaio de Minas
|
| |
|
1. Login
|
| 2. Área de Administração do Colaborador |
| 3. Inserir, alterar ou excluir matérias. |
| 3a. Inserir Matéria |
| 3b. Alterar Matéria |
| 3c. Excluir Matéria |
|
Como voltar para inserir matéria
sem ter que fazer de novo o login depois de já ter inserido a primeira
matéria.
|
| 4. Inserir Imagens |
| 4a. Editar/Preparar Imagens |
Instalar
Editor de Imagens :: Salvar Imagens no seu Computador
:: Copiar Imagens :: Imagem Grande
::
Imagem
Pequena |
| 4b. Enviar Imagens Destaques da
Matéria |
| 4c. Incluir Imagens no Corpo da
Matéria |
| |
| |
| Siga
os passos abaixo: |
|
| 1-
Para acessar sua área de administração como colaborador,
onde pode inserir matéria e imagens, verificar seus acessos e bônus,
deve fazer o Login na primeira página do Balaio de Minas. Este login
deve ser feito na área de Login que se encontra na coluna da direita,
veja a imagem abaixo: |
| |
|
|
| |
| Selecione
na caixa de seleção a opção Colaborador.
Entre com seu login e senha nos campos específicos
e clique em ok. Veja a imagem abaixo: |
| |
|
|
| |
| Um
erro comum é o de esquecer de selecionar a opção Colaborador,
ou de selecionar uma outra opção como Parceiro, Administrador,
etc. Neste caso voltará uma página em branco, ou se errar
na senha ou no login voltará a mesma primeira página, indicando
que você não conseguiu fazer o login. Tente de novo seguindo
estas instruções. |
| |
| 2.
Após fazer o Login com sucesso, surgirá a
primeira página da sua área de administração
de colaborador. |
| |
|
|
| |
|
Nesta área, ao clicar nos links do menu, você pode: |
|
I - inserir, alterar, ou excluir matérias, clicando no menu à
esquerda no Link Áreas. |
| II-
inserir as imagens destaque da matéria (são duas: uma pequena
e uma maior) |
| III-
acessar seus acessos e bônus |
| IV-
ver estas instruções detalhadas de como inserir matérias
e imagens |
|
V - retornar à primeira página do Balaio de MInas. |
| |
|
|
| |
| 3-
Para inserir, alterar ou excluir matérias clique
no Link àreas do Menu. Surgirá uma página onde estarão
listadas suas áreas de colboração no Balaio de Minas,
em princípio são no máximo 3 áreas. Veja a imagem
abaixo: |
| |
|
|
| |
| As
instruções já estão na página. Vamos
detalhar os passos: |
| |
| 3a
- Inserir matérias - Veja que existe uma
tabela onde são apresentadas as Áreas de Interesse do Colaborador
com 3 colunas: Inserir, Alterar, Excluir. |
| |
|
|
| |
|
A
área de interesse apontada pela seta é a de Agitos, Festas
e Baladas e a subárea Boca na Botija. O colaborador
Antônio Guimarães, além desta área, selecionou
quando se cadastrou as áreas de Causos e Curiosidades e
de Famílias Mineiras.
Vamos
usar como exemplo incluir matéria na área de agitos/boca,
clicando em incluir na Área de Colaboração I. Surgirá
a seguinte página:
|
| |
|
|
| |
| Antes
de editar texto e imagens da matéria, é preciso entrar com
o Título e O Lead(síntese) da Matéria. Assim preenha
o Título, selecione a natureza da matéria na caixa de seleção,
e digite ou cole o lead ou síntese da matéria que não
deverá ter mais de 4 linhas ou 450 caracteres. |
| |
Na
caixa de seleção existem as seguintes opções:Álbum
(lista de fotografias ou imagens), Apresentação (do assunto
ou matéria), Eventos(divulgação de eventos ligados
a área) e Textos(a matéria em si esta oção é
a padrão). Vamos selecionar para este exemplo texto.
|
| |
|
|
| |
| Vamos
inserir um título e um lead de teste. A página está
pronta para ser enviada e ficará assim: |
|
|
|
| |
| Agora
é só clicar no botão de Enviar. Surgirá
uma página para se incluir o corpo da matéria, indicando que
o título e o lead foram enviados com sucesso. Veja a imagem abaixo: |
| |
|
|
| |
| Alguns
lembretes importantes: |
|
Esta
página só pode ficar aberta por 20 minutos no servidor de
Internet, por questão de segurança. Assim, procure editar
antes o seu texto, no word, no bloco de notas ou em outro editor de texto
qualquer.
Se
ela estiver na Internet ou em um e-mail, você pode copiar o texto,
selecionando-o com o mouse, clicando com o botão da direita do
mouse e em copiar. Se estiver no Word ou bloco de notas antes de iniciar
o procedimento de incluir matéria procure ter estes programas abertos
para adiantar o processo, faça o mesmo procedimento de selecionar
o texto e copiar.
Este
texto estará na área de transferência pronto para
ser colado na página acima de edição da matéria.
Quando
o texto for acompanhado de imagens, tome os seguintes cuidados:
Se
estiver na Internet ou em e-mail recebido:
1.
Salve primeiro a imagem em uma pasta em Meus Documentos com o nome que
lhe convier. Este nome deve ser em caixa baixa e não deve conter
caracteres especiais tipo !"#$%&/ etc., incluindo acentos,
cedilha, trema, etc.
2.
Abra o seu editor de imagens e siga as instruções contidas
aqui.
Se
estiver no word ou outro editor de texto:
1.
Deve em primeiro lugar copiar a imagem, clicando sobre ela e em seguida
no botão da direita do mouse clicando em copiar. Ela ficará
na área de transferência. Abra o editor de imagem e siga
os passos descritos aqui.
2.
Selecione o texto por partes, ou seja não selecione todo o texto
pois isto irá incluir de forma errada as imagens. Selecione o texto
sem selecionar as imagens. Vá transferindo o texto assim selecionado
para a página acima de edição de matéria.
Inserção
do Texto
|
|
Após
selecionar e copiar o texto, ou seja o texto já se encontra na
área de transferência, clique dentro do espaço em
branco da área de texto da página acima. é a área
que está dentro da caixa abaixo dos ícones de edição.
O
ponteiro do mouse estará piscando dentro da caixa. Agora cole o
texto que antes havia copiado. Pode colar clicando no terceiro ícone
da esquerda para a direita na linha do icone da tesoura (recortar), ou
simplesmente clicando com o botão do mouse da direita e pressionando
colar.
|
|
| Sua
matéria foi assim enviada da área de transferência,
para a caixa de texto do editor de matéria desta página. A
página ficará assim: |
| |
|
|
| |
| Se
quiser pode editar o texto. Basta selecioná-lo e escolher o tipo
de fonte, o tamanho, a cor, etc. Pode também centralizar, alinhar
à esquerda, etc. nos ícones de alinhamento. Pode negritar,
colocar em itálico, sublinhar etc. Fazer a edição de
texto normal. Após editar, se for o caso, pode verificar como ficou
o resultado final clicando no botão Preview |
| |
| 3b.
Alterar Matéria |
| |
| Para
alterar a matéria já enviada, siga os passos para abrir sua
área de administração expressos aqui
até o sub item 3a . Ao clicar em áreas no menu surgirá: |
| |
|
|
| |
| Escolha
Alterar, na área de colaboração aonde está a
matéria que quer alterar. Surgirá: |
| |
|
|
| |
|
Na imagem acima verificamos que existem duas caixas de seleção
a caixa de cima serve para selecionar a matéria que vai ter alterado
o seu título ou lead. Na caixa de baixo a matéria que vai
ter alterado o texto, as imagens e/ou a formatação do texto.
Vamos
ver como se altera o Título ou Lead da Matéria.
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| 4.
Inserir Imagens |
| |
4a
- Editar/Preparar Imagens
|
| |
|
Antes
de inserir o texto e imagens devem ser editadas ou preparadas. Isto se
deve ao fato de ser necessário que estas imagens tenham dimensões
e tamanhos máximos para serem incluídas na página,
bem como um determinado tipo de formato adequado à Internet. No
nosso caso as imagens devem ser dos seguintes tipos: .gif, .jpg ou.jpeg.
O tamanho máximo é de 350 pixels (unidade de medida da imagem)
em qualquer das duas dimensões (altura ou largura). Assim se uma
imagem original tiver 1200X500 pixels, terá que ser editada pois
ela não caberá na página. Outro exemplo se a imagem
tiver como extensão .cdr ou outra que não seja .gif, .jpg
ou.jpeg deverá ser salva como um deste formatos.
Para
isto portanto você terá que trabalhar estas imagens. Qualquer
editor de imagens serve: photoshop, corel, fireworks, etc. Nem todos estes
programas estão acessíveis ao colaborador mesmo porque alguns
sáo pagos.Existem diversos editores de imagem na internet gratuitos.
Vamos
utilizar o Microsoft Photo Editor. Antes verifique se este editor já
não está instalado no seu computador. Se for XP, provavelmente
estará em Programas Ferramentas do Microsoft Office. Outras versões
mais antigas windows 2000 ou 98 ele poderá não estar instalado.
Se não estiver faça o download do programa.
Antes de fazer o download crie uma pasta no seu disco rígido chamada
Editor de Imagens. Entre no windows Explore, selecione o disco em que
quer instalar o programa C, D ou outro qualquer, conforme a imagem abaixo,
e clique em Arquivo e depois Nova Pasta. Depois de criada a pasta, faça
o Download aqui.
|
| |
| |
| |
| Ao
clicar surgirá uma nova janela: |
| |
|
|
|
| Após
clicar em salvar surgirá: |
|
|
|
| |
| Após
escolher aonde que salvar o programa e clicar em salvar surgirá: |
| |
|
|
| |
| Aguarde
terminar o download. Terminado vá aonde guardou o programa através
do windows explorer e abra este programa. Quando abrir surgirá: |
|
|
|
| |
| O
programa foi gravado na pasta que estava indicada. Vá com o windows
explore até esta pasta e abra o programa conforme mostrado na figura
acima. Abra o programa e surgirá a pequena caixa dizendo que ele
será descompactado nesta mesma pasta clique em ok. Ai surgirá
o ícone do programa já decompactado: |
| |
|
|
| |
| Siga
as instruções 1,2 e 3 da imagem acima. Este ícone foi
então transferido para sua àrea de Trabalho (Desktop). Vá
para á área de trabalho e abra o editor MS Photo Editor, conforme
imagem abaixo |
|
|
|
| |
| O
ícone do editor estará na sua área de trabalho quando
precisar editar ou preparar as imagens abra o programa vai se abrir e apresentar
uma janela assim: |
|
|
|
| |
|
Para iniciarmos o tratamento da imagem, é necessário que
esta imagem já esteja salva no seu computador ou que pelo menos
esteja na área de transferência. A área de transferência
é utilizada quando se copia uma imagem ou texto, ela fica ativa
até você copiar um outro arquivo.
Assim,
vamos seguir os Passos:
|
| 1-
Para salvar imagem no seu computador, principalmente da Internet ou de e-mails,
basta clicar sobre a imagem com o botâo direito e clicar em salvar
imagem como veja o exemplo de uma página qualquer na internet: |
| |
|
|
| |
| Esta
imagem em uma matéria do Blog do Ricardo Noblat, vai ser salva ao
se clicar com o botâo direito do mouse sobre ela e clicar em salvar
imagem como. Surgirá: |
| |
|
|
| |
| Siga
a numeração da imagem: 1 escolha aonde quer guardar a imagem;
2- escolha um nome em letras minúsculas e sem caracteres especiais;
e 3- clique em salvar. Esta imagem então estará salva no seu
arquivo. |
|
| Agora
vamos abrir esta imagem no editor de imagens. Siga os 2 passos da figura
abaixo: |
| |
|
|
| |
| Surgirá
uma janela para que selecione a imagem que está em seu arquivo. |
| |
|
|
| |
| Irá
abrir a imagem que gravou anteriormente. Selecione imagens na barra
de navegação do editor de imagens e clique em redimensionar
(tamanho da imagem), conforme a imagem abaixo: |
| |
|
|
| |
| Surgirá
esta nova janela: |
| |
|
|
| |
|
Esta
janela apresenta as dimensões e medidas da imagem em pixels: altura,
largura e . As dimensões máximas são:
altura: 350 pixels
largura: 350 pixels
Portanto, em qualquer das dimensões (altura, largura) a
imagem não pode ultrapassar 350 pixels. Neste caso a imagem
está dentro dos limites máximos de altura e largura. Por
acaso esta imagem não precisou de ser redimensionada.
|
| |
|
|
| |
Além
da altura e largura é necessário ver em que resolução
a imagem está. Isto porque uma imagem de alta resolução
é muito pesada para ser aberta na internet.
Para verificar qual é esta resolução após tratar
o tamanho da imagem em altura e largura, antes de savá-la com outro
nome vá em Arquivos, Propriedades e verifique qual é a resolução.
Conforme figura abaixo |
| |
|
|
| |
| Surgirá
a seguinte janela: |
| |
|
|
| |
|
Devemos
manter um padrão de resolução de 22 pixels/cm ou
72 pixels /polegada. No caso este editor trabalha com a resolução
medida em pixels/cm. Assim a resolução máxima para
esta imagem será de 22 pixels/cm. Veja que no caso a resolução
é de 157 pixels/cm, com isto a imagem nestas dimensões de
altura e largura terá o tamanho muito grande e deve ter sua resolução
reduzida.
Marque
na caixa onde está o 157 e escreva 22.
|
| |
| Agora
já tratada a imagem maior, vamos salvá-la. Salve com outro
nome para não afetar a sua imagem original, pois esta imagem agora
está pronta para ser inserida no seu texto ou na área de destaque
do balaio de Minas. Vá em Arquivo, clique e surgirá
uma caixa, selecione Salvar como... Veja o exemplo abaixo: |
| |
|
|
| |
| Ao
clicar em Salvar como.. como mostrado na figura a cima, surgirá
uma nova janela para que escolha aonde que salvar, com qual nome e com que
formato. Veja: |
| |
|
|
| |
| Se
por acaso a imagem original estiver em outro formato por exemplo: .bmp,
.cdr ou outro formato qualquer que não seja .gif, .jpg ou .jpeg mude
o formato clicando na caixa de Salvar como tipo: escolhendo um destes
formatos de preferência .jpg. Veja como |
| |
|
|
| |
| Depois
de salvar a imagem com novo nome acrescentando a letra m de maior, e confirmar
o tipo da imagem como jpeg(.jpg), voltará a mesma imagem aparentemente
igual mas já preparada para a internet. |
| |
| |
| Está
encerrado o processo de edição da imagem maior. Agora vamos
editar a imagem peguena. A imagem grande já editada continuará
aberta. Clique então novamente em Imagem e em seguida em redimensionar.
Conforme passo já visto acima para a imagem grande: |
| |
|
|
| |
| Surgirá
uma nova janela com as dimensões da imagem grande já tratada.
|
| |
|
|
| |
| A
imagem pequena na sua maior dimensão não pode ser superior
a 57 pixels. Altere portanto o valor maior de 350 pixels por 57 pixels.
Veja que automaticamente por questão de proporcionalidade a outra
dimensão é automaticamente ajustada. A resolução
já é de 22 pixels por cm, portanto não requer reajuste.
|
|
|
| |
Siga
as instruções da imagem e surgirá uma imagem pequena
na tela, não se importe com esta aparente dimensão, basta
agora salvar como a imagem:
Vamos salvar a imagem pequena siga os passos já visto na imagem grande: |
| |
|
|
| |
| Ao
clicar em salvar como.. como mostrado na figura a cima, surgirá
uma nova janela para que escolha aonde que salvar, com qual nome e com que
formato. Veja: |
| |
|
|
| |
| Siga
os passos de 1 a 3 descritos na imagem acima. A imagem pequena estará
salva na mesma pasta da imagem grande. |
| |
| Todas
as imagens deverão sofrer este processo de preparação
para serem inseridas na Internet. |
| |
| 2.
Para copiar Imagens |
| |
|
Nem
sempre é possível salvar a imagem diretamente no seu arquivo
de imagens. Isto se dá no caso de imagens que estão em alguns
programas como o Word, o Excel, e outros. Neste caso é necessário
primeiro copiar a imagem para a área de transferência e depois
salvá-la no editor de imagens.
Basta
clicar sobre a imagem que se quer copiar com o botão direito do
mouse, no documento onde a imagem está. Clique em copiar, a imagem
será inserida na área de transferência, ou seja fica
na memória do computador. Veja o exemplo:
|
| |
|
|
| |
| Com
a imagem na área de transferência abra o editor de imagem,
clique em Arquivo e depois na janela que abrir clique em Novo,
veja o exemplo abaixo: |
| |
|
|
| |
| Após
clicar em novo surgirá uma janela semelhante a da imagem abaixo: |
| |
|
|
| |
| Basta
clicar em ok. Surgirá a seguinte janela: |
| |
|
|
| |
| Clique
agora em Editar e selecione Colar como nova imagem. Siga as instruções
da imagem abaixo: |
| |
|
|
| |
| Surgirá
a seguinte janela: |
| |
|
|
| |
| Basta
agora salvar como... na sua pasta de imagens. Veja abaixo: |
| |
|
|
| |
| Basta
agora selecionar a pasta onde vai salvar e dar o nome da imagem. Se a imagem
não estiver no formato jpg, faça a alteração
na caixa de opção de tipo de imagem para este formato. Para
já adiantar o serviço de preparar esta imagem para a internet.
Assim: |
| |
|
|
| |
| Está
salva a imagem do documento word. Agora volte e faça as alterações
necessárias de ajuste da imagem para a internet conforme os passos
já vistos para gerar a imagem maior e a imagem menor. Clique
aqui. |
| |
4a
- Enviar
Imagens Destaques da Matéria
|
| |
| Após
tratar as imagens grande e pequenas no editor de imagens, deve inserí-las
no sistema para que apareçam na primeira página do Balaio
de Minas, dando destaque à matéria. Conforme imagem abaixo: |
| |
|
|
| |
|
Toda
a matéria recentemente enviada pelo colaborador vai para a primeira
página do Balaio de Minas, onde um resumo é apresentado
com o Título, o lead, a data e o Autor, bem como uma imagem pequena
de destaque da matéria. Ao clicar nesta imagem surge uma janela
com a imagem maior.
Para
inserir estas duas imagens é necessário que na sua área
de administração como colaborador entre no link Imagens-Destaque.
No menu abaixo que aparece ao fazer o login como colaborador clique no
iten II.
|
| |
|
|
| |
| Ao
clicar surgirá a seguinte página, onde deve escolher a matéria
onde irá inserir as duas imagens: pequena e maior. |
| |
|
|
| |
| Siga
os passos descritos na imagem. Surgirá a seguinte página,
com as instruções para tratar as imagens: |
| |
|
|
| |
| No
final desta página encontra-se o formulãrio para procura e
enviar as imagens. Veja abaixo: |
| |
|
|
| |
| Após
clicar em procurar a imagem pequena surgirá uma nova janela para
selecionar a imagem: |
| |
|
|
| |
| Siga
as instruções da imagem acima. Ao clicar em abrir será
fechada a janela de procura da imagem e a página ficará assim: |
| |
|
|
| |
| Vai
aparecer de novo a janela para a seleção de imagem, escolha
a imagem grande, e clique em abrir: |
| |
|
|
| |
| Siga
as instruções da imagem acima. Ao clicar em abrir será
fechada a janela de procura da imagem e a página ficará assim: |
| |
|
|
| |
| Quando
surgir a página acima suas imagens estão prontas para serem
enviadas ao servidor da internet. Basta agora clicar no botão Enviar
Imagens. Surgirá uma nova página indicando que os dois
arquivos foram enviados com sucesso. |
| |
|
|
| |
| Neste
momento ao retornar à primeira página do Balaio de Minas suas
imagens já estarão apresentadas. Veja as duas figuras abaixo,
uma antes do envio das imagens e depois do envio: |
| |
|
|
| |
|
|
4c - Inserção de Imagem na Matéria
|
| |
| Para
inserir uma ou mais imagens na matéria, é necessário
que, antes de fazer a inserção, faça o tratamento da
imagem, conforme descrito aqui. A imagem pode ser posicionada
em qualquer parte da matéria, para isto deve ser utilizado o marcador
do mouse para indicar o lugar onde se quer inserir a imagem. Pode ser no
início, no meio ou no final da matéria. Preparada a imagem
deve ser feita a inserção da seguinte maneira: |
| 1-
Vamos utilizar neste exemplo a inserção da imagem no início
da matéria, clique no ícone de upload de imagem, conforme
imagem abaixo: |
| |
|
|
| |
| 2.
Depois de posicionar o ponteiro do mouse na área em que quer a inserção
da imagem, ele ficará piscando. Clique no icone do upload de imagem.
Irá surgir uma nova janela pedindo para procurar no
seu computador a imagem que quer inserir. Ela, como vimos aqui,
já deve estar tratada, ou seja ter o tamanho máximo em qualquer
das dimensões de 350 pixels e ter o formato jpg ou
gif. Veja nas imagens seguintes os passos para fazer a seleção
da imagem nos seus arquivos: |
| |
|
|
| |
| 3.
Após clicar em procurar surgirá uma caixa para a seleção
da imagem que já foi preparada por você. Veja na imagem abaixo: |
| |
|
|
| |
| 4.
Selecione a imagem como indica a seta 1 e depois clique em abrir seta 2.
A imagem selecionada estará pronta para ser enviada. Esta caixa de
seleção será fechada e retornará a página
anterior que ficará assim: |
| |