Migração de Páginas Web
Uniformização de Layout
DIIC – Divisão de Identidade Imagem e Comunicação
UC.PT
Pagina www.uc.pt
As páginas web da Universidade de Coimbra, UC.PT, estão neste momento a ser alvo de um processo de mudança de layout, esta alteração visa uniformizar toda a estrutura de páginas da Universidade, criando assim uma linguagem comum e transversal a todas as diferentes áreas às quais o utilizador web pode aceder.
Elementos de identidade visual da Universidade de Coimbra (em www.uc.pt/identidadevisual)
Os seguintes elementos gráficos dos sub-sítios da Web da Universidade de Coimbra são
considerados fundamentais e inalteráveis, a menos que decidido em contrário pelos membros da Equipa Reitoral com o pelouro da comunicação e das TIC, ou pelo Diretório da Web da
Universidade, ou em quem os referidos membros da Equipa Reitoral ou o Diretório delegar, ou tratando-se dos projetos que podem optar por uma identidade visual não conforme com o conjunto de elementos de identidade visual:
Elemento gráfico 1: Barra superior, exatamente como se encontra nas páginas iniciais do site (com vinheta do lado esquerdo. À direita está disponível o ícone que permite mudar para a versão em língua inglesa da página, seguida de uma caixa de pesquisa. Nesta barra superior, o utilizador encontra também diversos links que permitem navegar no site.
Elemento gráfico 2: Uma área superior, no topo da barra lateral esquerda dos menus (com a mesma largura e no mesmo eixo vertical) com a designação do projeto/unidade/divisão/serviço, utilizando a mesma fonte que se encontra nas páginas iniciais do site.
Elemento gráfico 3: Uma barra superior, à direita do elemento gráfico 2, com imagem selecionada pelo responsável pelo sub-site, sempre com necessidade de respeito pela Lei dos Direitos de Autor e Direitos Conexos;
Elemento gráfico 4: “Breadcrumbs” que iniciam sempre por “UC”, exatamente no mesmo local dos “breadcrumbs” das páginas iniciais (esta funcionalidade é garantida pelo Silva).
Elemento gráfico 5: Barra inferior com links para as redes sociais onde a UC está presente, assim como links para serviços da Universidade.
Utilização exclusiva das fontes permitidas pelo Silva
No sentido de aproximar graficamente os sites das diversas faculdades, divisões, e serviços da Universidade do site principal, torna-se necessário proceder à migração de diversas páginas web, que se encontram com um aspeto diferente de www.uc.pt.
Estas são as áreas que estarão disponíveis para primeira página do novo layout, áreas as quais se adicionará a área de menu, do lado esquerdo da página.
Esta alteração implica uma mudança na forma de editar as páginas, assim, o manual que se segue pretende servir de apoio ao utilizador neste processo.
Exemplos de páginas já migradas para o novo layout:
www.uc.pt/administracao www.uc.pt/diic www.uc.pt/damc www.uc.pt/dpgd www.uc.pt/ciuc www.uc.pt/dri ...
Área de destaque principal
Vídeo/fotografia
Área de conteúdo central
Este documento tem como objetivo apoiar o editor UC.PT, na gestão e edição de conteúdos na plataforma Silva.
O uso deste documento não substitui o atual sistema de suporte já existente.
Manual de apoio ao utilizador
Exemplo de novo layout UC.PT aplicado no site www.uc.pt/administracao.
1. O documento “index_middle”
Na atual versão do layout o documento “índex” é aquele que apresenta o conteúdo central da primeira página. Na nova versão o documento que tem essa função é o “index_middle”, aqui o editor poderá inserir as informações que deseja que apareçam na primeira página. O documento “index” fica reservado apenas para o nome da página, por exemplo:
Área de BackOffice de www.uc.pt/administracao.
2. Destaques de topo de página inicial
O editor poderá optar por inserir destaques no topo da página, esse destaque poderá ser criado com recurso a um ficheiro vídeo, ou um ficheiro de imagem
- Clique em “slideshow”. index_middle slideshow
- Selecione “Silva Embed”
( Se o destaque for uma imagem não precisa criar o Silva Embed, pode avançar para o passo seguinte: 2.1 Criar artigo do destaque)
-Introduza a informação.
- Copiar código do vídeo.
Id do artigo Título do artigo Código do vídeo (veja como encontrar o código no passo seguinte)
Página www.uc.pt/ucv - Clicar “Save”. Código do vídeo
O ficheiro de vídeo está a partir deste momento inserido no Silva.
2.1 Criar artigo do destaque. - Clique “Silva Media Content”.
- Introduza os dados e de seguida clique em “Asset”
Vídeo já inserido
Id de artigo
Título de Artigo
- Ao clicar em “Asset” surge a janela mais pequena ao centro. - Selecione o vídeo inserido no ponto 2.
- Se o destaque for uma imagem poderá nesta janela escolher o ficheiro de imagem que pretende. Nota: A imagem tem de estar com as seguintes dimensões: 420x260px.
- De seguida clique “Save”.
- Para publicar o destaque que acabou de inserir selecione o mesmo e clique “publish now”. - Poderá demorar até 15 minutos para o destaque aparecer na página.
Selecione o ficheiro
3. Inserção de destaques em formato “Tome-Nota”.
A nova estrutura permite a inserção de destaques “Tome-Nota” que fazem com que o aspecto dos subsites UC.PT se assemelhe ao site principal da Universidade, www.uc.pt.
Exemplo da aplicação de destaques em www.uc.pt/damc
3.1. Como inserir um novo destaque - Clique em “Destaques/Noticias”.
-‐ Selecione “Silva Article”.
- Insira os dados do artigo.
- Clique “save+Edit”.
- Escreva o artigo.
- Para uma correta formatação do artigo apresentado no destaque insira uma imagem a seguir ao título, esta é a imagem que irá aparecer na página.
- Clique à direita “image”.
Id de artigo
Título de Artigo
Selecione os dois itens
Clique para adicionar imagem
- Selecione a imagem que pretende e clique em “+”.
- Para a correta apresentação da notícia na página, a imagem inserida deverá ter a proporção de 10x15, em alternativa o utilizador pode optar por usar imagens com as dimensões de 420x260.
- Para terminar a inserção da imagem clique em “add image”.
Clique para selecionar a imagem Clique para inserir a imagem selecionada
- A seguir à imagem escreva o que deseja publicar.
- De seguida clique em “Properties”
- Deslize até ao fundo da página.
- Introduza a data em que deseja que o artigo seja removido. - Clique “Save”.
- Deslize a página até ao topo.
- Clique “publish now” para publicar.
Data para esconder o artigo
Para alguma dúvida ou questão técnica tem ao seu dispor o endereço cms-‐uc@suporte.uc.pt
Para alguma questão relacionada com a gestão de conteúdos poderá utilizar o endereço
diic.geral@uc.pt.
Poderá consultar a evolução do processo de migração e aceder ao mais recente manual de apoio em
http://www.uc.pt/diic/migracoes
DIIC, Divisão de Identidade, Imagem e Comunicação da Universidade de Coimbra
Clique para publicar