3 Cabeçalho/ logótipo 4 Menu principal 5 Autenticação

Transcrição

1 Escolas de Primeiro Ciclo no site do Agrupamento Iniciar com o endereço Clicar em ESCOLAS DO AGRUPAMENTO (lado direito do site). 2 2 Apontar para EB1/JI e clicar na escola respetiva. Layout das escolas de primeiro ciclo no site do Agrupamento Cabeçalho/ logótipo 4 Menu principal 5 Autenticação 1

2 Autenticação no site Fazer a autenticação com os dados de utilizador (ex.: utilizador alheiras; senha *****). Menu Gestor Após a autenticação, aparece o menu Gestor do lado esquerdo Editar o meu perfil Permite alterar os dados pessoais Para alterar a senha de acesso, deve preencher os campos Senha de acesso e Confirme a Senha (se deixar em branco, manter-se-á a senha antiga). 2

3 9 Boletins informativos Permite a subscrição de boletins informativos Ao subscrever um boletim, passará a receber, no definido na área de perfil, as informações que o Agrupamento enviará para o grupo respetivo. 10 Todos os artigos Exibe todos os artigos referentes à escola Pode alterar os artigos com o botão (artigos enviados pelo utilizador ativo). 11 Os meus artigos Exibe os artigos enviados pelo utilizador atual Esta área é muito útil para eliminar um artigo 12 Criar artigo Inicia as ferramentas para criar ou alterar um artigo 13 Imagem Slideshow Permite enviar uma imagem para constar no slideshow inicial do site do Agrupamento 14 Ajuda Permite ver este documento em PDF. 3

4 Criar/ alterar artigo Detalhes do artigo Titulo Nome para identificar o artigo Alternativo Deixar este campo em branco (será introduzido um valor automaticamente) Categoria Selecione uma das categorias disponíveis, para permitir associar o texto a um dos links do menu principal (ver menu principal no número 4, página 1). Estado O artigo apenas será visível no estado Publicado. Acesso Para que o artigo seja visto por todos os visitantes, o acesso deve ser Public. Destaque Deixe a opção Não, a não ser que queira que o seu artigo seja exibido também na página principal do site do Agrupamento. Idioma Deixe ficar como está. Texto do artigo 4

5 Botões mais importantes da caixa de texto Ler Mais 2 Imagem 3 Código HTML 4 Botões de formatação de texto 5 Colar 6 Hiperligação 7 Tabela 8 Ecrã Inteiro Botão Ler Mais (Read More) Útil para artigos longos. Deve colocar-se o cursor de texto numa parte do artigo e clicar neste botão.isto permite ao visitante optar por ver o resto do artigo utilizando este botão. Exemplo: No editor No site 5

6 Botão Inserir/editar imagem As imagens serão inseridas nos artigos usando este botão. Botão Código HTML Para ver a fonte HTML e proceder a alterações (exige conhecimentos em HTML) Botões de formatação de texto Permite a formatação básica do texto Botão Colar Muito útil para colar texto a partir de um documento do nosso computador (por exemplo, do Microsoft Word). Não deve ser utilizado para colar imagens a partir do computador (as imagens só poderão ser colocadas no artigo após serem enviadas para o servidor utilizando as ferramentas do gestor de imagem, tal como se verá mais à frente) Botão Hiperligação Permite criar hiperligações para páginas ou ficheiros. Botão Tabela Permite criar uma tabela. O botão colar (ver acima) pode ser o modo mais eficaz para colar uma tabela a partir do Microsoft Word, mantendo a sua formatação. Botão Ecrã inteiro Permite ver a caixa de texto em toda a dimensão do ecrã. Estando em modo de ecrã total, pode voltar ao ecrã normal utilizando o mesmo botão. O modo ecrã inteiro oculta o botão Salvar, bem como as opções referentes ao artigo. Será, por isso, necessário voltar ao ecrã normal para poder guardar o artigo. 6

7 Gestor de imagem Propriedades da imagem 2 Botões Criar pasta e Enviar imagem 3 Estrutura de pastas e subpastas 4 Imagens da pasta selecionada 5 Botão Inserir Imagem Propriedades da imagem URL Endereço da imagem no servidor (criado automaticamente ao clicar na imagem) AlternateText Texto associado à imagem (exibido quando se passa com o cursor sobre a imagem) Dimensions Dimensões da imagem em pixéis (definidos automaticamente ao clicar na imagem) Alignment Alinhamento (para definir o modo como a imagem e o texto se estruturam) Margin Margens (permite definir um distanciamento em pixéis entre a imagem e o texto) Border Contorno (permite definir um contorno com determinada cor na imagem) 7

8 Botões Criar pasta e Enviar imagem Botão Criar pasta Permite criar uma pasta ou subpasta para dar uma melhor organização aos documentos enviados Botão Enviar imagem Permite enviar uma imagem do computador para o servidor, para ser utilizada no site. É conveniente redimensionar a imagem, utilizando um programa (por exemplo O Microsoft Office Picture Manager) antes de enviar a imagem. Deste modo será mais rápido o carregamento da imagem. Estrutura de pastas e subpastas Para selecionar ou abrir uma pasta basta um clique sobre ela Imagens da pasta selecionada As imagens exibidas nesta área dizem respeito a determinada pasta. Se a pasta estiver sem imagens, será dada essa informação. Botão Inserir Imagem Após a escolha da imagem pretendida, deve clicar no botão Inserir imagem. Gestor de Hiperligação Para iniciar o gestor, deve selecionar uma parte do texto ou imagem do seu artigo que quer converter em hiperligação e, seguidamente, clicar no botão Hiperligação. Se o objectivo é fazer uma hiperligação para um ficheiro para permitir o download, não é necessário fazer qualquer seleção Configurações básicas 2 Browse - pesquisa de ficheiro 3 Target - alvo da hiperligação 8

9 Configurações básicas da hiperligação URL Endereço da página a abrir com a hiperligação ou do ficheiro do servidor a descarregar. Text Texto da hiperligação. Pode corresponder ao texto selecionado no artigo ou ao nome do ficheiro que se selecionou para download. Browse - pesquisa de ficheiro Permite procurar e selecionar um ficheiro do servidor a descarregar. Target - alvo da hiperligação Quando não definido (--Notset--) a hiperligação abre na mesma janela. Se preferir que a hiperligação abra numa nova janela, selecione a opção Open innewwindow. Busca de ficheiros No gestor de hiperligação, clique no botão Browse (pesquisa de ficheiro) Botões Criar pasta e Enviar ficheiro 2 Estrutura de pastas e subpastas 3 Ficheiros da pasta selecionada 4 Botão Inserir ficheiro Botões Criar pasta e Enviar ficheiro Botão Criar pasta Permite criar uma pasta ou subpasta para dar uma melhor organização aos documentos enviados 9

10 Botão Enviar ficheiro Permite enviar um ficheiro do computador para o servidor, para ser utilizado para download. Estrutura de pastas e subpastas Para selecionar ou abrir uma pasta basta um clique sobre ela Ficheiros da pasta selecionada As imagens exibidas nesta área dizem respeito a determinada pasta. Se a pasta estiver sem imagens, será dada essa informação. Botão Inserir ficheiro Após a escolha do ficheiro pretendido, deve clicar no botão Inserir ficheiro. Depois disto, passará a constar o endereço do ficheiro no URL do Gestor de hiperligações. Opções de publicação do artigo Podem ser definidas datas para o artigo, nomeadamente o início e o fim da publicação. Se for definida uma data nestes campos, o artigo ficará visível no intervalo de tempo definido. Guardar o artigo O botão Salvar permite guardar o artigo com todas as opções definidas. Antes de gravar deverá ter em conta: 1. Se definiu o título para o artigo 2. Se escolheu a categoria tendo em conta o tipo de artigo (atividade, informação para o placar, trabalho de alunos) 3. Se definiu o Estado para publicado 4. Se escolheu ou não dar destaque ao seu artigo na página principal do site do Agrupamento 5. Se o seu artigo está bem estruturado. 6. Se optou pelo boto Ler mais no caso de querer apenas um texto introdutório e um botão para o leitor optar ou não por continuar a ler. 7. Em caso de preferência, se colocou corretamente as datas de publicação do artigo. 10

11 Enviar imagem para oslideshow da página inicial do Agrupamento A página inicial do site do Agrupamento contém um slideshow com imagens das atividades de todas as escolas do Agrupamento. Para que as atividades das escolas de Primeiro ciclo passem a constar aí, é necessário que sejam enviadas as respetivas imagens com a informação necessária. É para isso que serve o formulário ilustrado na imagem seguinte a que se pode aceder após clicar em Imagem Slideshow do menu Gestor Escola 2 Descrição 3 Link 4 Imagem Escola Basta selecionar a escola respetiva. Descrição Pequena informação relativa à atividade a que se refere a imagem. Link Hiperligação para o artigo. O procedimento mais eficiente para conseguir o texto para este campo consiste em abrir o artigo criado e copiar o endereço da barra de endereços do Browser (Internet Explorer ou outro) Imagem Clicar em Escolher Ficheiro e seguir os procedimentos idênticos ao processo de anexar ficheiro num . A imagem deverá ter uma qualidade boa ou muito boa e as seguintes dimensões: largura 1100 pixéis; altura 250 pixéis. Depois de todos os dados inseridos, deve guardar os dados com o botão respetivo. 11

12 Preparar a imagem antes de enviar para o servidor É conveniente redimensionar a imagem antes de a enviar para o servidor. Isto permitirá mais rapidez no carregamento da imagem e, no caso do slideshow, torna-se fundamental para a imagem não aparecer distorcida. Aqui tomaremos como exemplo a preparação da imagem para o slideshow do Agrupamento. Utilizaremos o Microsoft Office Picture Manager (uma aplicação presente em todos os computadores que tenham o Microsoft Office instalado). A imagem seguinte, apesar de aqui estar com um aspeto mais pequeno, tem uma dimensão real de 4753px por 3168px (quatro vezes mais do que o tamanho da maior parte dos ecrãs). As alterações são irreversíveis, pelo que se aconselha utilizar uma cópia do ficheiro original. 1. No ficheiro, deve clicar com o botão direito do rato e escolher um programa que permita a edição de imagem (neste caso, o MS Office Picture Manager). 12

13 2. Com a imagem aberta clique no botão Editar Imagens. No lado direito surgem as ferramentas de edição. 3. Redimensione a imagem com o botão respetivo, para uma largura acima dos 1100px. A largura e a altura estão associadas para manter a proporcionalidade da imagem. 4. Clique em OK Verifique, no Resumo da definição de tamanho se o novo tamanho corresponde ao que pretende, antes de fazer OK. 5. De seguida, podemos recortar para aproveitar o melhor da imagem dentro das dimensões pretendidas (1100px por 250px). Para esta tarefa, voltar a utilizar o botão Editar Imagens e de seguida, Recortar. 13

14 Arraste os pontos de recorte para obter a área pretendida, tendo em consideração a informaçãoindicada no Resumo da definição de tamanho. Para finalizar deve fazer Ok e, de seguida, Guardar para aplicar as alterações ao ficheiro. A imagem terá agora o seguinte aspeto: O aspeto do formulário Imagem Slideshow, após a submissão da imagem, é a seguinte: 14