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

  1. Item 1 da lista
    1. subItem 1 do item 1
    2. subItem 2 do item 1
      1. subItem 1 do subitem 2 item 1
  2. Item 2 da lista
    1. subItem 1 do item 2
    2. subItem 2 do item 2
  3. 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)


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
pdf 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

 

  1. Acesso o link a seguir para criar uma capa para Notícias.
  2. Acesso o link a seguir para criar uma capa para Editais.
  3. Acesso o link a seguir para criar uma capa para Eventos.

 


Modelo para perguntas e respostas

 

O que acha de colocar aqui a primeira pergunta?
Aqui vai a primeira resposta.

 

O que acha de colocar aqui a segunda pergunta?
Aqui vai a segunda resposta.

 


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

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

  1. Abra o documento modelo do Google Docs acessando o link Modelos de imagens para tutoriais - Site PROGRAD
  2. Clique em Arquivo, e em seguida Fazer uma cópia, tela 1:
    Modelo Tutorial - Tela 1
    Tela 1: Gerar uma cópia do documento
  3. Agora, dê um nome para seu novo documento [1], escolha uma pasta para guardá-lo [2] e clique em OK [3], tela 2:
    Modelo Tutorial - Tela 2
    Tela 2: Renomeando o documento e escolhendo o novo local
  4. Clique na imagem de fundo para selecioná-la e use a tecla Delete no seu teclado para apagá-la, tela 3:
    Modelo Tutorial - Tela 3
    Tela 3: Deletando a imagem modelo
  5. Seu documento está pronto para receber a nova imagem.

Inserindo uma imagem

  1. Clique em Inserir, depois em Imagem e escolha uma das opções disponíveis, tela 4:
    Modelo Tutorial - Tela 4
    Tela 4: Opções para inserir uma nova imagem
  2. Além dessas opções também é possível inserir uma imagem que esteja na área de transferência utilizando as teclas Ctrl + V.
  3. 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:
    Modelo Tutorial - Tela 5
    Tela 5: Posicionando a imagem no fundo
  4. Agora os modelos estão posicionados acima da imagem, tela 6:
    Modelo Tutorial - Tela 6
    Tela 6: Exemplo de posicionamento da imagem no fundo
  5. Posicione a imagem nos limites das margens superior e esquerda, tela 7:
    Modelo Tutorial - Tela 7
    Tela 7: Ajustando a imagem

Utilizando os modelos

  1. 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:
    Modelo Tutorial - Tela 8
    Tela 8: Editando os modelos

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.

  1. Clique em [1] no canto inferior direito e arraste até encontrar o canto inferior direito da sua imagem [2], veja exemplo na tela 9:
    Modelo Tutorial - Tela 9
    Tela 9: Ajustando a tela da imagem
  2. Sua tela deve ficar assim, tela 10:
    Modelo Tutorial - Tela 10
    Tela 10: Exemplo de tela
  3. Agora, clique em Arquivo, Fazer o download e escolha Imagem PNG (.png) [1], tela 11:
    Modelo Tutorial - Tela 11
    Tela 11: Fazendo download da imagem finalizada

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 1

Subitem 2

Texto do subitem 1

Subitem 3

Texto do subitem 1

 


Catálogo de Componentes Curriculares Unificados