Ferramenta de Gestão de Web-Site Versão 1.8

Transcrição

1 Manual de Instruções Ferramenta de Gestão de Web-Site Versão

2 Índice Índice e-solution Backsite - Introdução Instalação de Plugins dentro do seu E-solution Hierarquia de acesso Tarefas do Colaborador A Estatística Contador de acessos do menu Como inserir uma nova página O Editor em modo HTML Entendendo a lista de páginas Inserir/ gerenciar imagens no site Como inserir arquivos para download Utilizando os Recursos da Página Inserir novo formulário Como testar o site Tarefas do Gerente de Conteúdo Abertura da Home Page Conteúdo da Home Page Home Inteligente Manchete Pop-up Itens do Menu Formulário de Contato Tarefas do Designer Propriedades da Home Propriedades do Site Album Fotográfico Visualizador Barra de Rolagem Cabeçalho Contador do Site Destaques Layout de Conteúdo Letreiro Digital Leia Mais Rodapé Administração do E-Solution Cadastro de Usuários Extrato de Utilização Logs de Acessos Gerenciamento de Plug-in Diagramação de Plug-ins

3 e-solution Backsite - Introdução Durante muitos anos o Backsite Serviços On-line vem aprimorando sua forma de desenvolver websites. Junto com seus clientes vem inovando e ampliando os recursos oferecidos nesta mídia. Muitas medidas foram tomadas com o objetivo de atender totalmente a necessidade de seus clientes e dos clientes dos seus clientes: assessoria de comunicação, consultores in-company, intranet, etc, nada ofereceu tanto resultado como o e-solution. O e-solution Backsite é uma ferramenta de administração de web-sites que dá total autonomia ao proprietário de um web-site para poder acrescentar um conteúdo, uma foto, mudar uma cor ou fonte do site e até mesmo gerenciar os contatos do site, estas e outras muitas ferramentas estão disponíveis na web sem a menor necessidade de instalação ou configuração local, desta forma o responsável pelo site poderá fazer a manutenção de qualquer lugar do planeta e a qualquer momento. No mundo atual, usamos nossos web-sites como uma ferramenta de CRM (Marketing de Relacionamento com o Cliente) e é exatamente por isto que devemos ter poder na atualização do mesmo a qualquer momento sem a necessidade de encontrar nosso web-master. 3 3

4 Cada recurso do e-solution tem como finalidade a manutenção de diversos recursos de seu web-site, porém para que se possa ter acesso a este grande gerenciador você precisa de um login válido no sistema. O E-Solution, acima de tudo, permite a usuários com pouco conhecimento em web a possibilidade de manipular as informações e os recursos do seu próprio site. Além disso, expande as possibilidades de utilização de um usuário com um maior conhecimento em confecção de páginas. Resumindo, o E-Solution é um facilitador e não um limitador de seu site. Nota Um site sem um gerenciador é uma mídia morta e provavelmente já estará desatualizado no momento de seu lançamento. Instalação de Plugins dentro do seu E-solution Os Plugins são sistemas especialmente criados com finalidades específicas, de acordo com as necessidades da sua empresa. Existem plugins para lojas virtuais ( como o Vitrine ) ; plugins de pesquisas, como o Enquete ; plugins de notas, faltas e apostilas ( Webclass ) e Plugins para que você crie sua própria intranet entre outros. Os plugins, somados a tecnologia E-solution, dão ao seu site possibilidades infinitas dentro da web. Somente sites do modelo bronze permitem a instalação de plugins. Imagem do Plugin Enquete Hierarquia de acesso Dentro do E-solution existe uma hierarquia de usuários. Essa hierarquia diferencia usuários quanto ao poder de acesso que estes tem as ferramentas do E-solution. Para se ter acesso ao e-solution Backsite você precisará ser cadastrado no sistema e só quem poderá cadastrar um novo usuário é um administrador do e-solution. 4 4

5 Existem quatro níveis hierarquicos no e-solution Backsite como você vê na tabela abaixo: Administrador Configurações gerais Atualizar conteúdo Colaborador Tipo de usuário Descrição Administrador Configurações Gerais Atualizar Conteúdo Colaborador Este usuário pode fazer exatamente tudo no site, desde configurar as cores, contato, notícias e até cadastrar e descadastrar outros usuários. Este usuário tem acesso aos recursos de design do site, com este acesso você poderá mudar totalmente a aparência do site Com este acesso você terá acesso ao gerenciamento do conteúdo do site, notícias, fotos e seções. Esse usuário tem acesso a determinadas seçoes/matérias do site onde poderá gerenciar aquele conteúdo específico do site. Esta apostila dedicará cada capítulo explicando detalhadamente as atribuições que cada tipo de usuário tem dentro do E-Solution. 5 5

6 Tarefas do Colaborador O Colaborador tem acesso restrito a determinadas seçoes/matérias ( selecionadas pelo Administrador do site ) onde poderá gerenciar somente esse conteúdo específico do site. O Colaborador poderá ter acesso a todas as colunas do site (ou a cada coluna), se assim determinar o Administrador. Para que esse usuário entre no e-solution é necessário que ele digite /e-solution na barra de endereços do seu navegador, após o endereço do seu site. Ex.: www. backsite.com.br/e-solution ; Depois que isto for feito aparecerá uma tela de login e senha, onde o usuário que for cadastrado poderá gerenciar as informações do E-solution. Assim que estiver logado, o usuário verá, logo de cara, a página de Estatísticas que será explicada a seguir. A Estatística Através da Estatística você tem uma visão quantitativa de tudo que acontece com seu site. Desde de números relacionados às páginas mais visitadas do seu site até informações sobre como está sendo utilizado o seu e-solution. 6 6

7 Estatísticas do Site Quantidade por Item de Menu Gráfico de Visualização Ranking de Páginas Estatísticas relacionadas à visitação do site Mostra um ranking de visitas por menu. Porcentagem de visitas divididas por mês, além do dia mais visitado Ranking com as 20 páginas mais visitadas do site 7 7

8 Estatísticas do E-solution Conteúdo Gráfico de Utilização Plug-ins Usuário Última utilização Qt. Utilizações Estatísticas para usuários que gerenciam o E-solution Mostra todos os itens existentes do seu site Porcentagem de utilização do E-solution, divididas por mês. Plugins instalados e configurados no seu site. Usuários cadastrados no E-solution Data da última utilização de cada usuário Quantidade de utilizações de cada usuário Contador de acessos do menu O contador de acessos é um visualizador de dados absolutos de visitas no seu site. Enquanto a Estatística mostra quantas vezes determinada página ou menu foi visitado, o contador de acessos mostra exatamente o número total de visitantes que seu site recebeu desde o seu surgimento. Como inserir uma nova página Para cadastrar conteúdo no site você clica opção Inserir nova Página no menu principal do e- Solution; 8 8

9 Depois de inserido o conteúdo é só clicar no botão Inserir para que essa informação apareça no site. Vejamos abaixo a explicação dos campos deste formulário de cadastramento de conteúdo. Campos Item Título Legenda Momento Ordenação Descrição A partir de qual opção do menu este conteúdo estará disponível. Identificação maior do conteúdo. Pequeno resumo para utililzar como chamada na home-page do site. Data e hora de publicação do conteúdo. Em qual ordem aparecerá o conteúdo na lista. Publicação Estilo Editor O Editor em modo HTML Em que parte da home-page poderá aparecer este conteúdo, podendo ser: consulta, coluna da esquerda, coluna do meio, Leia mais, Destaque ou não publicar. Obs.: No caso do colaborador ele só poderá publicar como consulta ou não publicar. São efeitos para a abertura da página. Obs.: Dependendo da versão do navegador, estes efeitos poderão não acontecer. Conteúdo formatado do texto que será publicado como conteúdo principal do site. O Editor em modo Código HTML possibilita a usuários do E-solution que possuem conhecimento no código HTML ( código padrão para confecção de páginas de web ) poderem acrescentar páginas, tabelas, links, iframes ou qualquer outro item que achar necessário para que sua página fique mais elaborada. Para isso o usuário necessita clicar na opção Código HTML ( localizada no rodapé da página de inserção de páginas), e escerver o código ou até mesmo desenvolver uma página em programas específicos ( Dreamweaver, Front Page e etc) copiar e colar o código. Para que essa página, onde foi inserido o código, apareça no site corretamente é necessário clicar na opção Modo Normal, antes de clicar no botão Inserir. 9 9

10 Nota Embora você tenha disponível diversas opções no editor do e-solution, poderá estar formatando seus textos os tabelas no Microsoft Word ou Microsoft Excell, copiar e colar o resultado no editor do e-solution. Após a inserção de uma página você terá em mãos a lista a seguir: A partir desta página você poderá: Inserir novas páginas no site; Atualizar uma página existente; Excluir uma página; 10 10

11 Gerenciar imagens do site Inserir arquivos para download Testar página com o preview. Utilizar recursos extras para as páginas Entendendo a lista de páginas Ícones Descrição Clique em Nova matéria e insira o conteúdo do site normalmente. Atualizar matéria. Atualize as informações e clique em Confirma Excluir matéria. Verifique se é realmente a matéria que deseja excluir e depois clique em Confirma Testar no navegador. Nesse item, o usuário poderá verificar como ficará sua página independente se ela estiver publicada ou não publicada para os visitantes do site. Inserir imagens da página. Inserir/ gerenciar imagens no site Nesse item você poderá acrescentar quais recursos extras você colocará na página Ao clicar no ícone Imagens da página aparecerá uma lista de imagens. Quando aparecer a tela Lista das Imagens da página, clique em Inserir nova imagem

12 Clique em Procurar para encontrar a imagem e depois clique em Enviar foto. Após o envio da imagem que poderá ser um arquivo no formato JPG ou GIF você poderá dar mais informações explicativas

13 A visualização da imagem poderá ser configurada da seguinte maneira; Forma Não aparece Descrição Esta imagem estará disponível apenas no visualizador de imagens da matéria ( Album fotográfico) Aparece só na home Alem do visualizador você verá esta imagem na home-page. Aparece só no conteúdo Aparece no conteúdo e na home Aparece só na listagem de conteúdo por seção Esta imagem estará disponível na matéria e no visualizador de imagens. Esta imagem aparecerá na home-page, na matéria e no visualizador de imagens do site. Esta imagem aparece só na lista de matérias que um item de menu possui, quando este estiver com a Ação Link para uma lista de paginas (Várias) Após o envio imagem você será enviado para a lista das imagens da matéria. Nesta lista você podera: Atualizar os dados de uma imagem cadastrada; Excluir uma imagem cadastrada no site; Enviar uma nova imagem para o site; Visualizar o pêso da imagem enviada para o site

14 Nota Lembre-se que fotos pesadas deixam seu site pesado e o e-solution mostrará a você o que é bom para o site mas não o limitará... cuide-se. Como inserir arquivos para download O usuário do E-solution poderá disponibilizar qualquer tipo de arquivo para download dentro das páginas para os visitantes do site. Clique no ícone. Quando entrar na tela Downloads na página, clique no ícone download. para inserir um novo arquivo para Preencha os dados: data, título, autor, texto (resumo do conteúdo do arquivo). Nesta etapa, não preencha o dado Arquivo 14 14

15 Item Descrição Data Título Texto Data de publicação do arquivo para download Título do assunto do arquivo Texto explicando o conteúdo o arquivo Arquivo Nome do Arquivo Obs.: Este item só será preenchido quando o arquivo já tiver sido trazido pra dentro do site (Up Load). Clique no ícone abaixo para inserir o arquivo que deseja disponibilizar para os visitantes do site. Quando aparecer uma nova janela clique em Procurar para encontrar o arquivo que deseja disponibilizar e quando encontrá-lo, clique em Enviar

16 Quando o arquivo aparecer, dê um único clique nele. Note que, quando fizer esta operação, o dado Arquivo ficará preenchido. Depois clique em Cadastrar. Utilizando os Recursos da Página Os recursos da página são uma série de itens que tornam a página mais funcional e utilitária. Essa lista de recursos são opcionais e são determinados de acordo com a necessidade de cada página. Para utilizar essa ferramenta, clique no ícone A lista de recursos aparecerá e basta clicar na caixa e depois clicar em Confirma para que esse item seja acrescido a respectiva página

17 Recursos disponíveis na Página Descrição Opção para ver as imagens ( em forma de album) da respectiva página. Imprime a respectiva página. Envia um link da página para um conhecido. Adiciona aos sites favoritos do navegador. A página fica disponível apenas para usuários cadastrados na intranet* Espaço para comentários sobre a página. Item para editar a respectiva página através do E-solution**. Vai para a página principal do site ( home page) Volta para página anterior. Vai para o topo da página. Aparecem todas as últimas páginas cadastradas no site. Aparecem todas as páginas do respectivo menu. Espaço para notas sobre a página. Tem os itens Conteúdo, Design, Navegação e Velocidade. Nota * Intranet é um plug-in cuja apostila é disponibilizada separadamente. ** Esse item só aparecerá na página para usuários devidamente cadastrados no E

18 solution, que possuem nível de acesso para modificar esta página específica. Os comentários da página e as notas da páginas são enviados por para o mesmo usuário determinado para receber os s do CONTATO do site. É possível também trocar as ícones dos recursos da página. Basta clicar em cima do respectivo ícone e buscar a imagem que você deseja enviar. Páginas com alguns recursos disponibilizados. Inserir novo formulário O E-Solution possui a opção de criação de formulários. Através destes formulários você estabelece um maior contato com o visitante do seu site. Com esta opção você pode criar pesquisas de opinião, fazer páginas com cadastros de usuários e etc. Para utilizar esta ferramenta, clique em Inserir novo Formulário

19 Item Dados da matéria Propriedades Como ficará o formulário Descrição Aqui você define em qual página aparecerá esse formulário São as propriedades de cada campo do formulário. Para ativá-la você necessita clicar nos ícones ( Excluir campo). ( Atualizar campo) ou Exemplo de como ficará o formulário no site. Além disso você pode preencher alguns campos, como no exemplo acima. Obs.: Através dos ícones campo no formulário. você define qual é a ordenação de cada 19 19

20 Para enviar o formulário para a página clique em Cadastrar Nota Fique muito atento ao montar o formulário, pois, uma vez que você o terminou e clicou em Cadastrar não há como consertar qualquer erro. Aí é necessário refazer o formulário por completo. Se você quiser você pode colocar o formulário na janela Pop-up no site. Para isto, basta montar o formulário, depois ir em Pop-up e escolher a página em que o formulário foi montado. Como testar o site Para ver no seu site como estão as modificações que foram feitas no E-solution, é necessário utilizar o botão Testar site localizado no alto da página

21 Seu site aparecerá com todas as seções atualizadas

22 Tarefas do Gerente de Conteúdo O Gerente de Conteúdo é aquele coordena e gerencia toda a informação que é exibida no site ( tanto em termos de texto como de imagens ). Esse nível de usuário herda todas as ferramentas do colaborador ( mas sem as restrições deste usuário), além de ser atribuído a ele outros itens que possibilite esse total controle da informação no site. Abertura da Home Page Com o controle da abertura da Home Page é possível desenvolver uma capa para o site sendo que esta capa pode ser feita totalmente e imagem estática ou com animações em Flash, porém é necessário que o arquivo principal da capa tenha o nome index.htm. você pode controlar o timer da capa para fazer com que ela seja exibida apenas alguns segundos e vá para o site ou pode desabilitar a capa a qualquer momento. Conteúdo da Home Page Este item possibilita total diagramação das matérias que fazem parte da home page. Essa diagramação é feita coluna a coluna e nela é possível ordenar quais matérias aparecerão em primeiro, segundo, terceiro e etc em cada coluna

23 Item Item do Menu Páginas deste item do menu Coluna Páginas selecionadas para esta coluna Descrição Selecione o item do menu de onde você vai retirar a matéria Aparecerão todas as páginas do item do menu acima selecionado É a coluna a ser diagramada São as páginas já selecionadaspara a coluna acima Na coluna da direita, com o botão selecionada. Na coluna da esquerda, com o botão coluna. você seleciona se a página vai fazer parte da coluna você seleciona qual é a ordenação das páginas naquela Home Inteligente A Home inteligente proporciona ao usuário E-solution a possibilidade de programar a mudança diária e automática das páginas, selecionando um assunto específico. Com isso, o usuário não terá mais necessidade de entrar diariamente no E-solution para que seu site seja dinâmico: ele entra uma vez, determina o assunto para cada dia, seleciona as colunas que serão alteradas e as páginas vão modificando a cada dia

24 Item Conteúdo Inteligente Diagramação Inteligente Descrição Local onde serão escolhidos os assuntos por dia. Obs.: Se continuar na opção Todos, as colunas funcionam normalmente e sem a mudança automática. Nesta opção, é selecionado se a coluna será publicada, qual o tamanho da coluna e se ela possuirá conteúdo inteligente. ( Neste local também é possível configurar características da manchete, do pop-up, do menu e da barra de busca). Nota Para que o visitante perceba que o conteúdo é rotativo, você deve cadastrar mais páginas numa coluna e configurar que a coluna repetirá um número menor de páginas do que aquelas que foram cadastradas. Com isso, o site mostrará as páginas que foram determinadas no respectivo dia da semana e assunto. Em todas as colunas é possível determinar o número de repetições ( quer dizer, a quantidade de páginas que cada coluna mostrará), sendo esse fator determinante para que as colunas sejam alteradas na Home Inteligente, sem que hajam buracos ou vazios na coluna. Quando for utilizar a ferramenta Home Inteligente pela primeira vez, é indicado que utilize apenas uma coluna para que você se habitue e domine a ferramenta e evitando que colunas fiquem vazias em alguns dias do seu site

25 Exemplo da utilização da home inteligente No exemplo acima, a coluna de destaques mostrará na terça, o assunto Notícias ; na quarta, Consultoria ; e na quinta, Onde Estamos ( desde que haja páginas deste assunto publicadas nesta coluna). Manchete A manchete é uma possibilidade de diagramação na página principal ( home page) que destaca uma determinada matéria. A manchete ( como nos jornais ) é a matéria principal da página momentaneamente ou permanentemente. A manchete se localiza no topo da home page e pode ser configurada para que apareça no tamanho que você quiser na home

26 Item Aparecer a Manchete na Página Inicial? Manchete Largura Fixa em Descrição Nesse item você determina se a manchete será exibida No primeiro item, você seleciona de qual item do menu sairá a manchete No segundo item, você determina qual página será exibida na manchete Nesta opção você escolhe o tamanho da manchete em pixels Exemplo de manchete na página principal do site do backsite Nota Toda vez que definir sua manchete não esqueça de clicar em Gravar e depois clicar em Sim no item Publicação para que as modificações feitas na manchete apareçam no site

27 Pop-up O E-Solution permite que as páginas publicadas se transformem em Pop-ups ( pequenas janelas que abrem junto com a página inicial). O uso do Pop-up é interessante quando se quer se destacar alguma informação importante no seu site, pois o Pop-up deixa visível a todos os usuários essa determinada informação. Para utilizar a janela Pop-up vá no item Pop-up do menu do E-solution 27 27

28 Item Descrição Pop-up Janela Nesse item você determina se o Pop-up abrirá na página inicial e qual é a página que abrirá na janela do Pop-up Nesse item você determina largura e altura da janela Pop-up e se essa janela vai possuir barra de navegação, barra de rolagem e etc Itens do Menu Neste item você cria os menus que aparecerão no seu site. Os menus nada mais são do que assuntos gerais e a partir deles você irá definir quais páginas serão incluídas dentro desses menus. Estes ítens aparecerão da seguinte maneira no seu web-site: 28 28

29 Para criar um novo item do menu você tem que clicar no ícone No cadastro de um novo item é importante comentar os seguintes campos: 29 29

30 Item Nome Ajuda Ordenação Publicado Janela Ação Descrição O conjunto de caracteres que identificará este item no menu lateral do site. Qual texto aparecerá quando o usuário parar com o mouse em cima do nome do item do menu. Em que posição aparecerá este item do menu em relação aos outros menus. Nesta opção você determina se o menu criado vai ser publicado no site ou não Esta opção indica se os item do menu abrirá em uma nova janela ou na mesma janela do site. Nesta opção você define algumas características dessa nova janela como tamanho ( em pixels), se ela vai possui barra de navegação e etc. Qual o modo de exibição das páginas deste item do menu, se aparecerá no modo lista (Várias), se aparecerá a primeira matéria com o botão próximo (Uma por vez), se será um separador de menu, se será link para URL ou se será um link para algum Plug-in instalado no E-solution. Nota Para cadastrar uma página você poderá clicar direto no nome do item do menu na lista de menus apresentada acima no e-solution Backsite. Formulário de Contato Com os controles abaixo você poderá enviar vários botões de contato para o seu site e ainda poderá configurá-lo como mostra a figura

31 Nota O texto de comentário do link aparecerá quando o usuário persistir com o mouse parado em cima do botão por alguns instantes. Para configurar os campos do formulário de contato, utilize as mesmas instruções de Inserir novo formulário já citadas nesta apostila. O formulário abaixo enviará o comentário do usuário para o configurado acima e com o assunto configurado no e-solution Backsite. 31 Backsite Serviços On-Line Rua Amador Bueno da Ribeira, 64 - Gonzaguinha São Vicente Botão contato SP 31

32 32 32

33 Tarefas do Designer Ferramenta de Gestão de Web-Site e-solution Backsite O Designer recebe acesso no e-solution com a nomenclatura Configurações Gerais. Este usuário tem acesso aos recursos de design do site, com este acesso você poderá mudar totalmente a aparência do site. Nota Toda vez que uma mudança for efetuada nesse setor de Layout é necessário gravar as modificações e depois confirmar sua publicação clicando no botão Sim na pagina exibida logo abaixo. Os itens abaixo modificam e configuram a parte de layout de cada item do seu site. Propriedades da Home Esta talvez seja a mais importante área de configuração do e-solution, pois sabendo usar todas as configurações contidas nela, você poderá mudar totalmente a aparência do seu web-site. Existem outras ferramentas de administração no mercado, porém, nenhuma outra ferramenta personaliza totalmente seu site como o e-solution Backsite. Vamos conhecer então! 33 33

34 Forma Propriedades da Home Aparência do Título Aparência da Legenda Coluna da Esquerda Descrição Configuração geral da primeira página do site, a Home. Características do título na página de conteúdo. Como o texto de chamada da matéria será exibido na página principal do site. Configura todas as características da coluna

35 Coluna do Meio Configura todas as características da coluna. Propriedades do Site Forma Propriedades da Página Cor de Status dos Links Descrição da Página Inicial (Meta Tags) Descrição Controlam as principais caracteristicas do seu web-site, como o título do site e a cor do fundo do site (que fica por trás da página). Comportamento dos links de uma forma geral. A aparência dos links se modifica conforme o seu status, os visitados diferenciam-se dos demais. As Meta Tags são utilizadas pela maioria dos sites de busca para realizar pesquisas. Para que quando algum usuário de internet realizar uma busca, ele encontre seu site, preencha os campos com palavras que expliquem o conteúdo do seu site. Nota O título do site é muito importante pois além de aparecer na barra de título do navegador, também é enviado como identificação do site para o menu favoritos, histórico e também para a impressão. A cor de fundo do site aparece quando visualizamos em uma resolução superior a 800X600 e também quando as outras cores do site não são configuradas

36 Album Fotográfico Ferramenta de Gestão de Web-Site e-solution Backsite Forma Aparência do Título Aparência da Legenda Aparência da Descrição Visualizador Descrição Área em que se configura o título no visualizador Área em que se configura a legenda no visualizador Área em que se configura a descrição da foto/imagem no visualizador Configuração geral das fotos/imagens no visualizador 36 36

37 Visualizador fotos em miniatura Ao clicar em uma foto da miniatura, ela parece maior no visualizador 37 37

38 Barra de Rolagem Preview Forma Barra de Rolagem do Site Descrição Área em que se configura a barra de rolagem podendo escolher cor para ela e também sombras e luzes, deixandoa combinar com a aparência do seu site. Nota Repare que enquanto você escolhe as cores que terá sua barra de rolagem, há um preview para você acompanhar como ficará

39 Busca Forma Busca Campo Texto Botão Publicação Descrição Configuração do fundo da barra busca, bem como a fonte, tamanho e cor. Configuração da cor do fundo da área do busca e fonte, tamanho, etc. Configuração de cor e fonte para o botão de busca. Opção de tornar visível a barra de busca. Obs.: A barra de busca também compreende o CONTATO do site

40 Cabeçalho O cabeçalho é uma poderosa ferramenta de Marketing, pois você poderá mudar a imagem principal do seu site com apenas um click. Desta forma fica muito fácil fazer cabeçalhos comemorativos como os de natal, pascoa, carnaval, etc. Item Arquivo Tamanho Descrição Nome do arquivo do cabeçalho Tamanho (em pixels) da altura do cabeçalho A partir desse ícone você atualiza os cabeçalhos que foram inseridos A partir desse ícone você faz o download do arquivo que vai ser usado no cabeçalho Clicando neste ícone você exclui ou atualiza alguma informação de um cabeçalho específico

41 Depois de ter feito o Upload, o arquivo/imagem vai aparecer dentro da área de transferência. Selecione a imagem cabeçalho. e vá em gravar. Confirme a atualização do layout e teste o novo Nota O tamanho do cabeçalho é normalmente de 780px de largura e com uma altura variável, que você poderá modificar facilmente no recurso abaixo. A resolução da imagem do cabeçalho deverá ser de apenas 72 dpi e estar no formato JPG. Nesta versão Bronze, podese ainda usar elementos animados no cabecalho através do sofware Flash da Macromedia. Exemplo de cabeçalho no site 41 41

42 Contador do Site Ferramenta de Gestão de Web-Site e-solution Backsite Forma Contador do Site Descrição Configurações da aparência do contador no site. Como já foi dito, o contador sempre aparece no ambiente do e-solution. Já na home é opcional. Toda esta configuração do e-solution para o contador é para determinar a aparência dele na home. A posiçao do contador na home é sempre na barra de destaques abaixo da última matéria em destaque. Contador na home page do site (Opcional) 42 42

43 Destaques Destaques Forma Descrição Configuração principal da coluna de destaques ( que é a quarta coluna da home), como largura, borda, cores, etc. Obs.: Na opção Largura do Destaque se for colocado o valor 1 pixel, pode se retirar totalmente da home page a coluna de Destaque ( Caso não haja nenhuma página cadastrada para essa coluna)

44 Aparência dos Títulos Aparência da Legendas Aparência da Foto Recursos da Publicação Características do título nas matérias em destaque. Como a legenda se comportará quanto a visualização nas matérias em destaque. Configuração das fotos, como largura e borda dentro da coluna destaques. Neste item, o usuário determina se a coluna será publicada ou não, além de todos os elementos que aparecerão na coluna. Nota No item destaque além da definições das características, pode se determinar 3 funções importantes a coluna: se um usuário colaborador poderá ter acesso a ela; o número de repetições de páginas na coluna, e poderá segmentar a coluna. Quando o usuário segmenta a coluna, aparecerá no destaque apenas as páginas do menu que ele estiver visitando no momento. Por exemplo: Se o usuário entrar no menu Notícias, automaticamente, aparecerá na coluna de destaque, apenas páginas do menu Notícias ( Se a coluna estiver segmentada e não houver nenhuma página do respectivo menu visitado, aparecerão todas as páginas cadastradas no destaque, independente do item do menu). Exemplo de Destaque na home page 44 44

45 Nota Para inserir uma matéria no Destaque, basta em sua edição ir em publicação e escolher a opção destaque. Layout de Conteúdo Forma Layout do Conteúdo Aparência da Seção Aparência do Título Aparência da Legenda Descrição Configuração da área de trabalho principal do conteúdo. Você pode escolher a cor de fundo do conteúdo do site. Como será exibido o nome da seção na página de conteúdo. Características do título na página de conteúdo. Como o texto de chamada da matéria será exibido na página principal do site

46 Aparência das Fotos Independente do tamanho real da foto, o sistema redimensionará para adequar a notícia de acordo com estas configurações. Nota Todas as configurações numéricas são exibidas em pixels (px), toda configurações de fontes utilizam apenas as padrões web e as paletas de cores obedecem ao padrão web-safe de cores seguras, porém você poderá configurar as cores manualmente seguindo os padrões RGB em valores hexadecimais

47 Imagem do Título Imagem da Matéria Área em que você escolherá a aparência que terá o título das matérias no site. Terá disponível algumas imagens prontas para você. Área em que você escolherá a imagem que separará as matérias do seu site. Neste lugar, haverá uma personalizada para seu site. Letreiro Digital Forma Letreiro Digital Posicionamento do Letreiro Texto do Letreiro Digital Descrição Você pode usar uma frase de trabalho (Slogan) correndo em algum ponto estratégico no site. Neste ambiente, você determina a direção em que vai correr a frase e se ela terá um fundo ou não. Configura-se aqui as dimensão da frase e o posicionamento dela no site. Neste campo, você digitará o texto que aparecerá em movimento no site e suas configurações de fonte, tamanho e cor

48 Letreiro digital no cabeçalho Local e Data Local e Data Forma Posicionamento do Local e Data Descrição Para inserir na home o local e data do seu site, basta configurar aqui a cidade e a fonte, tamanho e cor desejados. Configuração da posição que esta referência vai ocupar na Home. Local e Data em cabeçalho de site E-solution 48 48

49 Leia Mais 49 49

50 Forma Aparência do Leia Mais Aparência da Caixa Aparência da Seção Aparência dos Títulos Aparência da Legenda Aparência da Foto Recursos da Publicação Descrição Estas são as principais configurações do Leia Mais que fica situado entre a coluna do meio e os destaques. Uso opcional. Cor de fundo, cor da borda e borda da caixa. Como a seção aparecerá dentro da caixa. Determina o formato visual dos títulos dentro da caixa. Como a legenda se comportará quanto a visualização na caixa. Configura as característica da foto na respectiva coluna. Neste item, o usuário determina se a coluna será publicada ou não, além de todos os elementos que aparecerão na coluna

51 Menu O Menu Lateral é um dos principais elementos do site, configure-o como nas configurações anteriores e seguindo a tabela abaixo: Forma Aparência do Menu Título Itens (Seções) Bordas Descrição Configuração de diagramação do menu. Obs.: Na opção Largura do área se for colocado o valor 1 pixel, pode se retirar totalmente da home page a coluna de Menu ( Caso todos os menus estejam como não publicados ). Identificação principal do menu. Configurações. Configuração visual dos ítens do menu. Melhor configuração da aparência do menu principal do site

52 ex. de um Menu simples do Portal do Backsite. Rodapé Forma Rodapé do Site Descrição Finalizando a configuração da diagramação do seu site você encontra o controle da aparência do rodapé. Além das configurações necessárias, crie uma frase para aperecer no rodapé. Ex: O nome do seu site ou endereço do seu negócio, etc. ex. de um Rodapé num site E-solution

53 Administração do E-Solution Administrador. Este usuário pode fazer exatamente tudo no site, herda todos os poderes, desde configurar as cores, contato, notícias até cadastrar e descadastrar outros usuários. Pode manipular também os seguintes tópicos: ::Cadastro de Usuários ::Extrato de Utilização ::Logs de Acessos ::Gerenciamento de Plug-ins ::Diagramação dos Plug-ins ::Área Restrita-Intranet Cadastro de Usuários Para cadastrar um usuário no e-solution você precisa ter acesso de Administrador. Com este acesso ao entrar no sistema você terá que clicar no Item Cadatro de Usuários no menu do E-solution e depois no ícone abaixo e definir o nível de acesso desse usuário ( já explicado na introdução desta apostila). Item Nome Nível de Acesso Senha Descrição Nome do usuário que será cadastrado do usuário que será cadastrado e que será usado na tela de login do E-Solution Aqui é definido o nível de acesso que esse usuário terá sobre o E-Solution Senha para acesso do E-solution Nota Quando for cadastrado o usuário com nível de colaborador é necessário clicar no ícone 53 53

54 para definir quais menus esse usuário terá acesso. Exemplo de tela em que são definidos os itens de menu que o colaborador poderá atuar Extrato de Utilização O extrato é uma lista com os dias e usuários que efetuaram alterações no sistema. Fica registrado a alteração que foi feita. Esse recurso tem ajudado bastante os gerenciadores do sistema.para visualizá-lo clique no item do menu do E-solution Extrato de Utilização 54 54

55 Logs de Acessos Área que você confere os acessos de um usuário em seu site. Demonstra o horário em que ele entrou e a matéria visitada. Só aparece os logs do dia

56 Gerenciamento de Plug-in Através desta opção você pode ver quais são os plugins instalados e configurados dentro do seu site. Para verificar basta clicar em Plugins do E-Solution

57 Nota Os plugins são instalados e pré-configurados pelos profissionais do Backsite. Diagramação de Plug-ins Uma vez o plugin instalado, ele pode ser visualizado no seu site através dos itens de Diagramação de Plugins

58 Plugin Enquete localizado no site através da opção Logo acima dos Destaques 58 58