Como vincular imagens da web no Editor de Conteúdo Avançado como um instrutor?

Document created by Canvas Doc Team Employee on Nov 6, 2017Last modified by Canvas Doc Team Employee on Sep 28, 2018
Version 16Show Document
  • View in full screen mode

Você pode utilizar o Editor de Conteúdo (Rich Content Editor) para inserir imagens da internet. Você também pode adicionar marcadores alt à suas imagens para melhor acessibilidade.

O Editor de Conteúdo (Rich Content Editor) é usado em recursos que suportem o editor (Anúncios (Announcements), Tarefas (Assignments), Discussões (Discussions), Páginas (Pages), Questionários (Quizzes) ou Syllabus. Se uma alteração for feita na origem da imagem depois de ela ter sido incorporada, a imagem que você adicionou ao Editor de Conteúdo não será alterada.

Observação: Se você deseja inserir uma imagem que ainda não foi carregada no Canvas, é possível carregá-la através do Seletor de Conteúdo (Content Selector).

Abrir o Editor de Conteúdo

Abrir o Editor de Conteúdo

Abra o Editor de Conteúdo usando um dos recursos do Canvas que suportam o Editor.

Abrir Imagem

Abrir Imagem

Clique no ícone Imagem (Image).

Inserir Imagem Externa

Inserir Imagem Externa

Cole ou digite na URL da imagem que você gostaria de incorporar:

Inserir texto alternativo

Inserir texto alternativo

O campo Atributos (Attributes) propagará o campo Texto alternativo (Alt text) [1], que é o nome da imagem. Para melhor acessibilidade, digite uma descrição do conteúdo da imagem. Para adicionar a imagem como decorativa, clique na caixa de seleção Imagem decorativa (Decorative image) [2]. Se a caixa de seleção de imagem decorativa for selecionada, o campo de texto alternativo é destacado em cinza.

Observação: Se você deseja incluir um título da imagem, que aparecerá quando um usuário passar o mouse sobre a imagem, insira a imagem e então mude para o Editor HTML (HTML Editor). As marcações de título devem ser adicionadas manualmente ao código HTML.

Alterar Atributos de Dimensão da Imagem

Alterar Atributos de Dimensão da Imagem

As dimensões padrão da imagem também serão propagadas automaticamente. As dimensões são referenciadas em pixels definidos pela largura e altura.

Para alterar as dimensões da imagem, digite o número de pixels que gostaria para a largura de sua nova imagem [1]. Depois, aperte a tecla Tab no teclado do seu computador. Como o Canvas mantém a proporção de sua imagem, a inscrição da altura da imagem será alterada automaticamente [2].

Inserir Imagem

Inserir Imagem

Clique no botão Atualizar (Update).

Observação: Como um futuro atalho, se você não precisa alterar nenhum dos atributos de sua imagem, localize sua imagem e simplesmente clique duas vezes (double click) no nome de sua imagem. A imagem será inserida em sua postagem diretamente.  

Visualizar Imagem Inserida

Visualizar Imagem Inserida

Visualize sua imagem inserida no Editor de Conteúdo.

Editar Propriedades da Imagem

Editar Propriedades da Imagem

Para editar uma imagem inserida existente, clique na imagem [1], então clique no ícone Imagem (Image) [2]. A janela inserir/editar aparecerá para fazer as alterações.  

Quando você edita uma imagem existente, a aba da URL exibirá a localização de sua imagem da internet. Os atributos permanecerão os mesmo por todas as abas e podem ser editados se necessário.

Se você deseja substituir sua imagem da internet, cole ou digite a URL da imagem que deseja inserir [3].

Redimensionar Imagem Visualmente

Redimensionar Imagem Visualmente

Você pode utilizar as alças ao redor da imagem para alterar o tamanho da imagem visualmente. Para fazer isso, clique na imagem, então passe o mouse sobre uma das caixas delimitadoras brancas até que seu cursor se transforme em uma seta. Arraste e redimensione a imagem. Repare que a imagem sempre manterá seus aspectos de proporção para que não se torne distorcida.

Observação: O Editor de Conteúdo não suporta cortes na imagem.

You are here
Table of Contents > Editor de Conteúdo > Como vincular imagens da web no Editor de Conteúdo Avançado como um instrutor?

Attachments

    Outcomes