Criar uma página de serviço

Aspeto visual

Barra superior amarela: título (aparece automaticamente) e frase de destaque.

Conteúdo principal: de acordo com o conteúdo que quer inserir (o que fizer sentido), pode ter texto de introdução, menu de navegação e restante texto de conteúdo e imagens.

Conteúdo lateral: tem um botão de redirecionamento para o serviço, informação relacionada (opcional) e outros serviços (opcional).

Criar página

1. No menu Content   (barra lateral) , escolher a opção Pages e, em seguida, clicar em Add Page  (botão no canto superior direito).

 2. Terá de preencher o formulário apresentado da seguinte forma:

• • Name - nome do serviço
  • Title - nome do serviço seguido de "| Justiça.gov.pt"
  • Description - breve descrição do serviço (para pesquisa)
  • URL - será automaticamente preenchido de acordo com o nome do serviço

No mesmo menu, escolhendo a opção Permissions (topo do menu), verifique que a opção VIew tab para o role de All users está assinalado

 4. Terá de definir a aparência desta página. Isto é feito no mesmo menu, escolhendo a opção Advanced (topo do menu) e na secção de Layout escolher um dos seguintes:

• • h22_t211_srv - se quiser incluir um menu de navegação
  • h31_t211_srv - se não quiser incluir um menu de navegação

5. Clique no botão de Add page (fundo do menu).

6. Arraste a página (irá aparecer a "flutuar") para dentro da secção de serviços na lista apresentada

Não é possível criar duas páginas com o mesmo nome. Caso não consiga criar uma página verifique que não existe mais nenhuma página no mesmo local com o mesmo nome e se não existe nenhuma página com o mesmo nome no Recycle Bin. Caso exista apague a página existente (caso apague uma página existente não se esqueça depois de apagar também do recycle bin) ou então reutilize a página existente (editar) com as alterações respetivas.

Metadados

De cada vez que criar uma página definir os metadados da página.

1. Assim que criar a página faça scroll até ao fim onde irá estar o menu dos metadados.

2. Este menu está dividido em três secções:

• Organismos - indicar o organismo responsável pelo serviço de entre os existentes na lista 
• Categorias - escolher a opção Servico
• Temáticas - de entre as temáticas apresentadas, selecione todas as que façam sentido para o serviço em questão.

3. Clique no botão Gravar Metadados e espere que a página carregue. Poderá depois continuar com a edição da página.

Modo de edição

Após criar a página o modo de edição abre automaticamente, onde pode inserir o conteúdo do serviço.

No modo de edição existe uma barra de rodapé com vários botões:

• Add module (botão 1) - inserir módulo
• Page settings (botão 3) - configurações da página
• Page history (botão 4) - histórico da página
• View site (botão 5) - pré-visualização em modo pc, tablet ou telemóvel
• Discard - eliminar alterações
• Publish - publicar alterações (sempre que terminar de editar a página terá de clicar neste botão para publicá-la na plataforma)

Para editar conteúdo poderá faze-lo no editor da homepage:

Ou pode optar pelo advanced editor  (opção rich text editor):

Módulos

Quando cria uma nova página, existem já um conjunto de módulos criados.

Nas páginas de serviço não são para usar os módulos de maior dimensão.

Para os editar basta clicar no primeiro símbolo apresentado (A) e o módulo irá abrir e estar pronto para edição.

 Se quiser criar mais módulos terá de seguir os seguintes passos:

1. Na barra do modo de edição clique em Add module (botão 1). 

2. Escolher a opção HTML Pro.

3. A página irá recarregar e irá aparecer um módulo a "flutuar".

4. Arraste o módulo para o local pretendido.

5. O módulo aparece aberto no modo de edição da homepage, pronto a editar.

Cada módulo criado tem um menu correspondente na parte superior.

Poderá usar este menu para apagar um módulo (escolhendo a opção delete - botão 1) ou para mudar o módulo de sítio (usando o comando de movimentação - botão 2).

Adicionar conteúdo

Numa página de conteúdo existem diversos tipos de conteúdo que pode adicionar: texto, imagens, tabelas, modelos.

Nesta página irá ver como inserir e editar os diversos tipos de conteúdo, no entanto há alguns pontos que é importante ter em consideração.

1. Se quiser copiar texto para um módulo, terá de usar o advanced editor e faze-lo através do botão de copiar sem formatação .

 2. O aspeto visual dos conteúdos está predefinido e apenas pode ser alterado através do html (código).

3. Quando está a inserir texto, existe um conjunto de estilos que pode usar. Terá de os escolher de acordo com as regras definidas para o efeito.

4. Pode inserir hyperlinks ao longo do texto, tanto para páginas internas como externas, através do ícone de link . Selecione o texto onde quer inserir o hyperlink, clique no ícone de link e na parte de URL escreva o link da página para onde quer criar a ligação.

5. Pode ainda inserir ligações ao longo do texto para secções da própria página. A forma de o fazer é muito semelhante a inserir hyperlinks. Selecione o texto onde quer criar a ligação, clique no ícone de link e na parte de URL escreva # seguido do título do local para onde quer criar a ligação (por exemplo #Título).

Menu de navegação

Pode fazer sentido criar um menu de navegação na página de serviço para facilitar as navegação do utilizador pela página.

Este menu terá de estar no início da página (poderá ter uma pequena introdução antes) apresentando as diversas secções da página.

Para criar o menu de navegação terá de seguir os seguintes passos:

1. Criar um módulo HTML Pro para editar (ou usar um dos que já foi criado).

2. Ir para o advanced editor .

3. No advanced editor, clicar no ícone de modelos .

4. Desseleccionar a opção Substituir conteúdos atuais.

5. Escolher o modelo de navegação (quinto apresentado).

6. Sair do advanced editor.

7. Editar o texto de acordo com certas regras:

• O título pode ou não ser usado. Caso não queira título deve clicar no ícone de HTMLe apagar a terceira linha (que inclui o texto "O que registar?") e em seguida clicar novamente no ícone de HTML.
• As secções apenas podem conter letras e números (por exemplo não podem conter pontuação, parênteses, traços, entre outros).
• Para alterar as secções já existentes, selecione o texto todo e clique no ícone de link . Irá abrir um menu, e na secção de text altere o texto para o pretendido.
• Para criar mais secções clique posicione o cursor no fim de uma das secções já criadas e clique na tecla enter. Em seguida, escreva o texto e altere o link (descrito no ponto seguinte).
• Para criar a navegação selecione uma das secções e clique no ícone de link. Irá abrir um menu, e na secção de URL escreva # seguido do nome da secção como escrito (ver exemplo abaixo) na navegação.

Modelos

Ao criar serviços existe um conjunto de modelos estilísticos que pode usar ao criar conteúdo.

Poderá ver todas os detalhes acerca de cada um dos modelos na página de Estilos de Conteúdos, onde existe informação sobre para que serve e onde utilizar cada um dos modelos.

Para inserir um modelo terá de seguir os seguintes passos:

1. Criar um módulo HTML Pro para editar (ou usar um dos que já foi criado).

2. Ir para o advanced editor .

3. No advanced editor, clicar no ícone de modelos .

4. Desseleccionar a opção Substituir conteúdos atuais.

5. Escolher o modelo de navegação pretendido.

6. Editar o texto e sair do advanced editor, ou vice-versa.

Todos os modelos já têm estilos e tamanhos de letra predefinidos e portanto não poderá fazer alterações deste tipo.

Para apagar um modelo criado terá de seguir os seguintes passos:

1. Ir para o advanced editor .

2. No advanced editor, clicar no ícone de fonte .

3. Apagar todo o conteúdo.

4. Clicar novamente no ícone de fonte.

Menu lateral

Todas as páginas de serviço têm de ter um menu lateral com os seguintes elementos: Botão verde, Informações relacionadas (opcional) e Outros serviços (opcional).

O módulo para este menu é automaticamente criado, e portanto basta inserir os modelos e o conteúdo respetivos.

Para criar o menu lateral terá de seguir os seguintes passos:

1. Clique no primeiro símbolo apresentado (A).

2. Ir para o advanced editor.

3. Criar o botão verde.

4. Caso existam, criar no mesmo módulo o modelo para os conteúdos de Informação relacionada e Outros serviços (primeiro modelo apresentado).

5. Não esquecer de desseleccionar a opção Substituir conteúdos atuais quando criar o novo modelo.

6. Editar o texto e inserir os links necessários.

Botão

Todas as páginas de serviço têm de ter um botão verde que redireciona o utilizador para a página onde ele poderá efetuar o serviço em si.

Para criar um botão terá de seguir os seguintes passos:

1. Criar um módulo HTML Pro para editar (ou usar um dos que já foi criado)

2. Ir para o advanced editor .

3. No advanced editor, clicar no ícone de modelos .

4. Escolher o modelo de botão (segundo apresentado).

5. Desseleccionar a opção Substituir conteúdos atuais.

6. Editar o texto e sair do advanced editor, ou vice-versa.

7. No editor da homepage, selecione o texto do botão e clique no ícone de link .

8. Na secção de URL insira o link da página do serviço respetivo.

Imagens

É também possível ter imagens no conteúdo de uma página.

Para inserir uma imagem tem de seguir os seguintes passos:

1. Ir para o editor da homepage do módulo onde quer inserir a imagem.

2. Clicar no botão de imagem.

3. No menu de imagens, clicar em browse to upload para procurar a imagem.

4. Quando a imagem acabar de carregar, clicar em inserir imagem.

Para editar uma imagem (por exemplo apagar, mudar o tamanho, cortar) basta clicar em cima dela e usar o menu de edição com fundo que irá aparecer.

Tabelas

Pode ainda ter tabelas no conteúdo de uma página.

Para inserir uma tabela tem de seguir os seguintes passos:

1. Ir para o advanced editor do módulo onde quer inserir a tabela.

2. Clicar no ícone de tabela .

3. No menu apresentado, definir as características da tabela (obrigatório o número de linhas e colunas).

Irá aparecer uma tabela onde terá que inserir o texto respetivo. A tabela irá alterar o seu tamanho automaticamente (o tamanho das colunas) consoante o tamanho do texto.

Ter em atenção que o aspeto visual da tabela não será o mesmo que irá ver no advanced editor. Para ver o aspeto final terá de voltar para o editor da homepage.