Modelo - Site PROGRAD
Modelo para Título
Modelo para subtítulo
Modelo para bloco de texto podemos já vislumbrar o modo pelo qual o desenvolvimento contínuo de distintas formas de atuação facilita a criação do fluxo de informações.
Modelo para listas
Listas para itens
- Item 1 da lista
- Item 2 da lista
- Item 3 da lista
Listas numeradas em sequência
- Item 1 da lista
- subItem 1 do item 1
- subItem 2 do item 1
- subItem 1 do subitem 2 item 1
- Item 2 da lista
- subItem 1 do item 2
- subItem 2 do item 2
- Item 3 da lista 3
Modelo para links
podemos já vislumbrar o modo pelo qual o desenvolvimento contínuo Link em textos de distintas formas de atuação facilita a criação do fluxo de informações
Modelo para links em lista
Modelo para links em lista (Arquivos)
- Descrição de conteúdo para o link no formato PDF
- Descrição de conteúdo para o link no formato DOCUMENTOS
- Descrição de conteúdo para o link no formato PLANILHAS
- Modelo para links em lista (Arquivos) com título
- Descrição de conteúdo para o link no formato PDF
- Descrição de conteúdo para o link no formato DOCUMENTOS
- Descrição de conteúdo para o link no formato PLANILHAS
Modelo para tabelas
Modelo 1 - Tabela genérica
Rótulo 1 | Rótulo 2 |
Conteúdo da Tabela | Conteúdo da Tabela |
Conteúdo da Tabela | Conteúdo da Tabela |
Modelo 2 - Para ítens gerais
Título da Tabela | |
Rótulo 1 | Rótulo 2 |
Conteúdo da Tabela | Conteúdo da Tabela |
Conteúdo da Tabela | Conteúdo da Tabela |
Modelo 3 - Para lista de links
Título da Tabela | |
Subtítulo da Tabela | |
Link | Descrição |
Descrição de conteúdo para o link no formato PDF | |
doc | Descrição de conteúdo para o link no formato DOCUMENTOS Outra linha |
xls | Descrição de conteúdo para o link no formato PLANILHAS |
Modelo para capas de Notícias, Editais e Eventos
- Acesso o link a seguir para criar uma capa para Notícias.
- Acesso o link a seguir para criar uma capa para Editais.
- Acesso o link a seguir para criar uma capa para Eventos.
Modelo para perguntas e respostas
Modelo para cores
Harmonização análoga
+2 (#730027) | +2 (#822100) | +2 (#500155) |
+1 (#960A39) | +1 (#AA340B) | +1 (#68086F) |
Matiz 1 (#BA184F) | Matiz 2 (#D34A1B) | Matiz 3 (#82138A) |
-1 (#CC3D6D) | -1 (#E76E45) | -1 (#902E97) |
-2 (#E26690) | -2 (#FF9773) | -2 (#A54EAB) |
Orientações para conteúdo acessível
Fonte: eMAG - Modelo de Acessibilidade em Governo Eletrônico - Versão 3.1 - Abril 2014
- Descrever links clara e sucintamente:
- Exemplo Incorreto: Clique aqui para saber mais a respeito de acessibilidade.
- Exemplo Correto: Saiba mais a respeito de acessibilidade.
- Descrever imagens no código:
<img src="/admin/pages/35938/foto-porto-alegre.jpg" alt="Foto de uma bicicleta de carga
verde com caixas laranjas encostada numa parede" /> - Disponibilizar documentos em formatos acessíveis (ODF: ODT, ODS, ODP).
- Em tabelas, utilizar títulos e resumos de forma apropriada: O título da tabela deve ser definido pelo elemento CAPTION e deve ser o primeiro elemento utilizado após a declaração do elemento TABLE. Em casos de tabelas extensas, deve ser fornecido um resumo de seus dados através do atributo summary que deve ser declarado no elemento TABLE.
<table summary="Esta tabela exibe os copos de café consumidos por cada senador, o tipo de café
(descafeinado ou normal), com açúcar ou sem açúcar.">
<caption>Copos de café por Senador</caption>
... - Oferecer contraste mínimo entre plano de fundo e primeiro plano (pessoas com baixa visão, com cromodeficiências ou que utilizam monitores de vídeo monocromático)
Fique atento aos prazos para ACRÉSCIMO e CANCELAMENTO de disciplinas em 2020.2
Nos períodos abaixo indicados, acesse o Portal do Discente e solicite o acréscimo e/ou realize o cancelamento.
A solicitação de acréscimo fica sujeita à aprovação, ou não, da coordenação do curso responsável pela oferta.
O cancelamento, neste período, é imediato, com perda automática da vaga na turma.
ACRÉSCIMO - 1ª etapa |
12 a 18/02/2021 |
ACRÉSCIMO - 2ª etapa |
10 a 14/08/2018 (exceto nos dias 11 e 12) |
CANCELAMENTO |
12/02 a 11/02/2021 |
Modelo para Tutoriais
Criando imagens para tutoriais da Prograd
Sumário
Introdução
Visando a manutenção da identidade visual do site da Prograd, utilizaremos a ferramenta do G Suite, Desenhos Google, para produção das imagens que serão utilizadas em nossos tutoriais. Dessa forma, pretende-se agilizar a produção das imagens, assim como a padronização de formas e cores a partir de um modelo previamente definido.
Criando um novo documento
- Abra o documento modelo do Google Docs acessando o link Modelos de imagens para tutoriais - Site PROGRAD
- Clique em Arquivo, e em seguida Fazer uma cópia, tela 1:
- Agora, dê um nome para seu novo documento [1], escolha uma pasta para guardá-lo [2] e clique em OK [3], tela 2:
- Clique na imagem de fundo para selecioná-la e use a tecla Delete no seu teclado para apagá-la, tela 3:
- Seu documento está pronto para receber a nova imagem.
Inserindo uma imagem
- Clique em Inserir, depois em Imagem e escolha uma das opções disponíveis, tela 4:
- Além dessas opções também é possível inserir uma imagem que esteja na área de transferência utilizando as teclas Ctrl + V.
- Após inserir sua imagem, ela ficará posicionada um nível acima dos modelos. Para corrigir, basta selecionar a imagem, clicar em Organizar, Ordenar e depois em Enviar para o fundo. Ou pressionar as teclas Ctrl + Shift + ↓, tela 5:
- Agora os modelos estão posicionados acima da imagem, tela 6:
- Posicione a imagem nos limites das margens superior e esquerda, tela 7:
Utilizando os modelos
- Clique nos modelos para arrastá-los até a posição desejada, e edite os textos ou os tamanhos para adequar à sua imagem. A finalizar sua edição, você pode apagar os modelos que não utilizar, veja o exemplo na tela 8:
Gerando imagem para inserir no site
Após concluir a edição de sua imagem vamos ajustar o tamanho da tela para gerar a imagem corretamente.
- Clique em [1] no canto inferior direito e arraste até encontrar o canto inferior direito da sua imagem [2], veja exemplo na tela 9:
- Sua tela deve ficar assim, tela 10:
- Agora, clique em Arquivo, Fazer o download e escolha Imagem PNG (.png) [1], tela 11:
Com a imagem salva, basta fazer o upload para o Weby e aplicar em seu tutorial.
Bom trabalho!
Modelo de tópico com subitens
Subitem 1
Texto do subitem 1Subitem 2
Texto do subitem 1Subitem 3
Texto do subitem 1