Universidade de São Paulo

Transcrição

1 Manual para usuários do site Este manual foi especialmente desenvolvido para os administradores de conteúdo de cada departamento, que terá uma pessoa responsável pelas atualizações das informações departamentais que serão colocadas no site. Serão abordados os tópicos de maior relevância para a atualização rápida de conteúdo. Temas opcionais você encontrará no tópico 5 deste manual. A lista de docentes de cada departamento será atualizada somente pelo webmaster do site. Quaisquer dúvidas e ou sugestões entre em contato através do webmaster@fsp.usp.br

2 P á g i n a 2 Índice 1. Apresentação do site novo 3 2. Acessando a ferramenta Fazendo login Tela inicial da ferramenta O ID da página Ações 6 3. Localizando uma página 7 4. Edição de páginas Criando uma página nova A barra de ferramentas Inserindo figuras em sua página Formatando a figura Hiperlinks Inserindo um hiperlink a partir de uma imagem Vinculando uma figura a outra ou a um arquivo Inserindo um hiperlink a partir de um texto Outros tópicos Inserir âncora A opção SEO da barra de ferramentas 24

3 P á g i n a 3 1. Apresentação do site novo Esta é a página inicial do novo site da Faculdade de Saúde Pública da USP. Para acessá-la, digite o seguinte endereço (URL) na barra de navegação: 2. Acessando a ferramenta Para acessar a página de administração de seu departamento, digite na barra de endereços

4 P á g i n a Fazendo login 1. Entre aqui com o login 2. Entre aqui com o password fornecido junto com seu login 3. Clique no botão Entrar 2.2. Tela inicial da ferramenta Aqui é exibido o nome de seu departamento Se você quiser sair da ferramenta, clique em Logout Para ver as páginas de seu departamento, clique aqui em Páginas

5 P á g i n a 5 Depois de clicar na opção Páginas, será aberta outra página: Título da página Nesta tela são exibidas todas as páginas de seu departamento. Todas pertencem à mesma categoria. Data e hora da criação da página Data e hora da última modificação da página Cada página é identificada com um número único, o ID. Última pessoa a atualizar a página O ID da página Quando abrimos a página no navegador, podemos ver o ID no final do endereço Para modificar páginas e visualizar o resultado abra duas cópias do seu navegador (Internet Explorer, Firefox ou outros).

6 P á g i n a Ações Na parte direita desta mesma página, podemos visualizar a tabela Ações, com opções para editar as páginas de seu departamento: Nesta tabela......você encontrará os seguintes botões: SEO clique para editar as opções de como sua página será inserida nos mecanismos de busca (opcional) Editar clique para iniciar a edição de sua página Deletar clique para deletar (excluir) sua página Ativar (apagada) clique para ativar sua página Ativar (acesa) clique para desativar a página Cuidado! Ao excluir uma página, esta não poderá ser mais recuperada.

7 P á g i n a 7 3. Localizando uma página Na tela Páginas... Passo 2 Clique no botão Filtrar Passo 1 - Insira o ID da página neste Na próxima tela... A página que você procurou será exibida aqui Para reiniciar a busca, clique em Reiniciar filtro, no canto superior direito da página

8 P á g i n a 8 4. Edição de páginas 4.1. Criando uma nova página Passo 1 Faça o login e clique na opção Páginas (como nos tópicos 2.1 e 2.2 deste manual) Passo 2 - Ao fazer o login, você terá na tela a lista com todas as páginas de seu departamento. Para criar uma nova página, clique no botão Nova página, no canto superior direito da tela Próxima tela... Aqui aparecerá o dia em que você está criando a sua página Clicando aqui em serão listadas todas as páginas do seu departamento

9 P á g i n a 9 Na mesma tela... Passo 3 - Entre aqui com o título de sua nova página Aqui (campo Descrição) não é necessário editar Na mesma tela... Aqui não é necessário editar

10 P á g i n a 10 Na mesma tela... Passo 4 - Insira o conteúdo da página Passo 5 - Faça as alterações que desejar a partir desta barra de ferramentas ver opções no item 3.1. A barra de ferramentas Deixando esse item marcado, será inserido um botão voltar em sua página. Passo 6 - Clique no botão Salvar para finalizar a edição de sua página e manter as alterações realizadas Passo 7 Feitas as alterações, não se esqueça de clicar sobre o ícone do campo Ações (item deste manual) para ativar sua página, tornando-o.

11 P á g i n a 11 Se você não ativar sua página, será mostrado o seguinte erro ao tentar abri-la: Passo 8 Teste sua página. Escreva o ID (ver item deste manual) de sua página nova no final do URL, na barra de endereço, para visualizá-la. Por exemplo: uma página com o ID 366 terá o seguinte endereço:

12 P á g i n a 12 Passo 9 Finalizado seu trabalho, clique em Logout (no canto superior direito) para sair da ferramenta.

13 P á g i n a A barra de ferramentas Abaixo do campo texto, você encontra a barra de ferramentas para formatação de texto, imagens, links: Botões e suas funções: - exibe o código-fonte em HTML - texto em negrito - cola o texto da área de transferência - texto em itálico - cola o texto sem formatação - texto sublinhado - cola conteúdo do Word - texto tachado - imprimir - inserir / remover numeração - localizar - inserir / remover marcação - alinhar texto à esquerda - inserir / editar hiperlink - centralizar texto - inserir / editar âncora - alinhar texto à direita - formatar a cor do texto - alinhamento justificado do texto - editar a cor do plano de fundo - inserir / editar figura

14 P á g i n a 14 Alterações possíveis a partir da barra de ferramentas: 4.3. Inserindo figuras em sua página Passo 1 - Para inserir imagens em sua página, clique no botão da barra de ferramentas. Será aberta a seguinte janela: Passo 2 - Clique em Localizar no Servidor Então, a seguinte janela abrirá: Tipo de arquivo

15 P á g i n a 15 Nesta mesma janela... Passo 3 - Selecione a partir da lista de arquivos que já estão disponíveis no servidor ou Passo 4 - Clique em Arquivo para localizar a imagem em seu computador Clique aqui se desejar criar uma nova pasta no servidor, para organizar seus arquivos.

16 P á g i n a 16 Na janela que abrirá: Passo 5 - Selecione o arquivo Passo 6 - Clique em Abrir A ferramenta retornará à janela anterior... Passo 7 - Clique no botão Upload, no canto inferior direito da janela, para enviar o arquivo ao servidor Passo 8 - Localize na lista a imagem que você enviou ao servidor. Clique duas vezes nela para confirmar

17 P á g i n a 17 Atenção aos formatos de imagens aceitas (JPEG, GIF ou PNG), com tamanho máximo de 600 pixels (altura ou largura). Agora você tem uma imagem selecionada e prestes a ser inserida. Para continuar com a inserção desta figura, continue aqui no próximo item Formatando a figura Formatando a figura Pode ser colocada uma imagem de tamanho igual ou menor a 600 pixels. O programa ajustará as dimensões da imagem automaticamente Será aberta a seguinte janela: Aqui está a visualização da imagem que você inseriu Mantém as proporções da imagem ao alterar seu tamanho Redefine a imagem para o seu tamanho original

18 P á g i n a 18 Nesta mesma janela... Edição da borda, posição da imagem e alinhamento da imagem com o texto. Se quiser editar algum destes itens, entre com valores numéricos. Passo 9 - Após fazer os ajustes desejados, clique em OK para finalizar e inserir a imagem

19 P á g i n a Hiperlinks Inserindo um hiperlink a partir de uma imagem A partir da mesma tela do item deste manual, temos: Passo 2 Escolha o destino Passo 1 - digite o url do hiperlink ou clique em Localizar no servidor Passo 3 - Clique em OK para finalizar, ou em Cancelar para desistir das atualizações Digitando o url do hiperlink: Você poderá digitar um endereço externo, como por exemplo: ou Caso queira inserir um hiperlink para uma página do próprio site, digite /site/paginas/mostrar/ mais o ID da página, como nos exemplos (para as páginas de ID 112 e ID 386): /site/paginas/mostrar/112 /site/paginas/mostrar/386 Se você quiser vincular a figura a outro arquivo, com extensão.doc,.zip ou.pdf (por exemplo), clique em Localizar no servidor e repita os passos de 3 a 7 acima explicados. Escolha o destino da sua página nova, que pode ser: 1. Nova Janela (_blank): abrirá a página em uma janela nova 2. Mesma Janela (_self): abrirá a página na mesma janela

20 P á g i n a Vinculando uma figura a outra ou a um arquivo Se você deseja vincular a imagem inserida no campo Texto à outra imagem ou arquivo: Aqui você seleciona um arquivo, envia ao servidor e a imagem será automaticamente inserida no campo Texto Clique no botão Arquivo e siga do passo 3 ao 7 do item 4.3 deste manual Inserindo um hiperlink a partir de um texto: No campo Texto, depois de ter clicado em Nova página (ver item 4.1 deste manual) Selecione o texto onde será inserido o hiperlink.

21 P á g i n a Clique no botão, que abrirá a seguinte janela: Localiza um arquivo no servidor para vinculá-lo a um link 3. Selecione o tipo de hiperlink URL para inserir uma página do próprio site ou externa, ou para vincular o hiperlink a um endereço de Selecione o Protocolo e insira o URL do hiperlink. 5. Para vincular um arquivo ao hiperlink, clique em Localizar no servidor e siga os mesmos passos do 3 ao 7 do item 4.3 deste manual 6. Clique no botão OK. 5. Outros tópicos 5.1. Inserir âncora Âncora é um elemento que, ao ser inserido em uma página, permite estabelecermos hiperlinks dentro dela mesmo. O hiperlink abaixo, Voltar ao topo, leva o usuário ao topo da página. Ele só é possível devido à inserção de um elemento âncora no topo da mesma página.

22 P á g i n a 22 O Link voltar ao topo é possível com a existência de um elemento âncora. Para inserir âncora: Passo 1 - na tela Páginas (ver item 4.1 deste manual), na barra de ferramentas do campo texto, clique em Será aberta a seguinte janela: Passo 2 - digite um nome para a âncora como, por exemplo, topo e clique em OK Na próxima tela: Passo 3 posicione a âncora no lugar para onde você deseja ser direcionado quando clicar no hiperlink que será criado posteriormente

23 P á g i n a 23 Passo 4 clique no botão da barra de ferramentas: Passo 5 na janela que abrirá, vá até a caixa de seleção Tipo de hiperlink, selecione a opção Âncora nesta página Passo 6 selecione uma âncora da lista (neste caso a que acabamos de criar se chama topo). Depois clique em OK

24 P á g i n a 24 Passo 7 Posicione o hiperlink onde desejar. Aqui, neste caso, posicionaremos o hiperlink topo no final da página, pois ao ser clicado nos direcionará ao topo (onde havíamos inserido a âncora). Passo 8 clique no botão Salvar e teste as alterações abrindo sua página no browser A opção SEO da barra de ferramentas Na tela Páginas (ver item 4.1 deste manual), na barra de ferramentas do campo texto, clique em

25 P á g i n a 25 Será aberta a seguinte janela: Nesta janela temos as seguintes opções: Meta Keywords: não é mais utilizada pelo Google. Meta title: escreva palavras-chave que descrevam de forma sucinta o conteúdo da página Coloque a palavra-chave mais importante dessa página no começo. Deve ser relativa ao título e conteúdo principal da página com no máximo 90 caracteres, incluindo espaços. Atenção: usar somente palavras-chave. Ex: "SEO Página Criar", e não "A área de criação de metas da página." Meta Description: Deve ser relativa ao conteúdo principal da página com no máximo 170 caracteres, incluindo espaços. É provavelmente o texto que aparecerá como resumo na busca do Google. Changefreq: Freqüência em que a página é atualizada. Priority: informa aos mecanismos de busca o quanto sua página é importante em relação às outras páginas do site. Preencha os campos que julgar necessário e clique em Salvar para manter as alterações realizadas.

26 P á g i n a 26 Grupo de trabalho do site Prof. Dr. José Alfredo Gomes Arêas Daniel Marucci Leni Pires Merces Aires E. J. Ribeiro