Estrutura e estética: Organização, layout, cores e tipos

Tamanho: px
Começar a partir da página:

Download "Estrutura e estética: Organização, layout, cores e tipos"

Transcrição

1 Design Web Estrutura e estética: Organiação, layout, cores e tipos Apresentação: Estrutura e Estética Organiação Navegação Layout Cores e Tipografia! "

2 Representação e Apresentação Representação Utiliar algo para se referir a outro O signo tem o papel de representar O código é o instrumento que facilita a produção de signos e representações Apresentação Utiliar o canal ou meio para veicular uma representação (signo ou mensagem) O meio é a mensagem [Marshall McLuhan] posicionamento tempo Organiação Define a estrutura de organiação das informações e elementos de interface Por que organiar? Limitação cognitiva: Usuários precisam trabalhar por partes Limitação computacional: precisam ser adequados ao meio Interfaces de usuário na Web são estruturadas de acordo com o modelo de hipertexto, * -.*/& 0 1! " " # $% & '()* & +*

3 Organiação hierárquica É a estrutura mais utiliada Usuário memoria melhor e perde-se menos Home Page Profunda Larga Organiação linear Usada para tarefas que requerem seqüência de atividades Livros, revistas e manuais normalmente são organiados de forma linear Linear Pura Linear com alternativas

4 Organiação em rede Não muito recomendada. Usuário pode ficar perdido. Apenas com boas metáforas Organiação Exemplo A organiação refletida no layout

5 Organiação Exemplo Mapa do site Organiação e acesso Técnica de visualiação da informação para navegar no site

6 Organiação: Diretries Analise a especificação e verifique se a organiação está balanceada Evite que o usuário navegue muito de uma página para outra numa mesma tarefa Verifique se o usuário memoria facilmente a organiação do site Use o modelo conceitual do domínio como base para a organiação Utilie as categorias do domínio para organiar as informações e serviços do sistema Evite que serviços muito utiliados fiquem em partes muito profundas de uma organiação Coloque um mapa disponível em todos os pontos da organiação. Use mapas mais abstratos Organiação: Diretries para Home Page Home page é a página de entrada do site Deve refletir o propósito do site Deve indicar quais os objetivos, as informações e/ou serviços do site Deve indicar como interagir com o site para ter acesso aos recursos Deve conter elos para acesso aos recursos Deve indicar o responsável pelo site e como entrar em contato

7 Navegação Metáfora utiliada para indicar o carregamento dos diversos arquivos de um hipertexto O termo indica que o usuário percorreu um elo do hipertexto A navegação pode ser: Para um outro trecho da mesma página Para uma outra página do mesmo site Para um outro site ou sistema Navegação: Exemplo A organiação serve de base para o modelo de navegação Links do site Links externos Links na mesma página

8 Navegação: orientação Uma boa navegação deve indicar: Onde estou? De onde vim? Para onde posso ir? Navegação: antecipação Pode-se antecipar o conteúdo do destino Texto pop-up sobre quando passa o mouse sobre o elo Preview da página

9 Navegação: metáfora Metáforas podem facilitar a navegação Navegação: atalhos Uma outra forma de implementar a navegação é utiliando botões ou menus pulldown Podem confundir o usuário: Botões são usados preferencialmente para comandos Menus são usados preferencialmente para escolha de informações

10 Navegação: Diretries A navegação deve refletir a organiação Os elos devem indicar qual o conteúdo do destino Indique os diferentes tipos de elos O usuário deve identificar os elos facilmente O usuário não deve ficar perdido Atalhos facilitam a navegação É importante o acesso direto à home page a partir de qualquer ponto do site Permita que o usuário volte sempre para a página inicial Navegação: Avaliação Quantas páginas são necessárias para se chegar a uma informação ou função? E para sair de uma função para outra? Existe possibilidade de voltar para a anterior? Existe possibilidade de voltar para o início? O usuário consegue identificar todos os elos? É fácil clicar em todos os elos?

11 Layout: Conceito Organiação do texto e demais elementos na página Facilita a compreensão das informações e serviços É essencialmente um fator de comunicabilidade A área de design gráfico desenvolveu diversas técnicas que podem ser empregadas Proximidade e Alinhamento Simetria e Balanceamento Escala e proporção Layout: Exemplo Layout distingue categorias de informações e serviços Muitas informações, mas layout padrão deste site facilita a leitura. O usuário sabe onde achar a informação

12 Layout de Informações do domínio Diversas técnicas de Visualiação da Informação podem ser empregadas Layout de informações do domínio

13 Layout de Formulários O layout da página ajuda ao usuário entender a seqüência de ações Agrupamento, alinhamento, balanceamento, repetição, contraste e subordinação são técnicas de diagramação que orientam o usuário Ruim Boa Layout de Formulários

14 Layout sem técnica Design gráfico: 4 princípios básicos Robin Williams, 94 Proximidade A proximidade implica em uma relação Itens relacionados entre si deve ser agrupados Alinhamento Nada deve ser colocado arbitrariamente em uma página Cada item deve ter uma conexão visual com algo na página Repetição Algum aspecto do design deve repetir-se no material inteiro. Cria uma identidade. Situa o elemento no contexto. Contraste Se dois itens não têm relação ou são opostors, diferencie-os completamente. O contraste atrai o leitor.

15 Aplicando os princípios Proximidade Alinhamento Contraste Resultado Repetição

16 Layout de Formulários Alinhamento Agrupamento Especificando o layout O Layout pode ser especificado através de esquemas Nome: Sobrenome: CPF: Cartão:

17 Layout: Diretries Organie a página de acordo com informações e serviços Evite poluição da informação: Menos é Mais Páginas com muita informação dificultam encontrar o que se procura Um bom espaçamento atrai o leitor Informações relacionadas devem estar agrupadas Exercício Refaer o layout da página abaixo

18 Tipologia e cores Cores e tipos podem ser usados para deixar o site mais atrativo Oferecem uma identidade ao sistema A legibilidade pode ser melhorada com cores e tipo adequados Consistência de cores e tipos facilitam a organiação Tipografia e cores: Exemplo 1

19 Tipografia e cores: Exemplo 2 Tipografia e cores: Exemplo 3 Estas são as cores da empresa Não ficam bem num site, dificulta a leitura Os tipo de fontes também ficam ilegíveis na tela. Empresa.com Conheça-nos Conheça-nos Consultor Consultor Serviços Serviços Informações Informações Cadastro Cadastro Vendas Vendas

20 Percepção de Cores O espectro da lu Cores Primárias (cores-lu) Vermelho, Verde, Aul Soma: Branco. Ausência: Preto Elementos fundamentais da cor Mati É a característica que define e distingue uma cor. Vermelho, verde ou aul, pôr exemplo, são maties Tom Refere-se a maior ou menor quantidade de lu presente na cor. Intensidade Di respeito ao brilho da cor. Um mati de intensidade alta ou forte é vívido e saturado, enquanto o de intensidade baixa ou fraca caracteria cores fracas ou "pastel". Cores secundárias, terciárias e complementares Cores secundárias Combinação das primárias Cores terciárias Combinação das secundárias Cores complementares A é complementar a B se B é combinação de duas cores nas quais A não está presente Aparecem em lados oposto no círculo cromático T S P T T P S T T S P T - +. /+0' 1 2! " # # $ %& ' ()*+ ',+

21 Harmonia Cromática Com uma cor Escala de tons e valores utilia o índice de luminosidade na variação para o preto ou branco Cinas coloridos mistura da cor com o cina. Com duas cores Acordes consonantes utiliase cores viinhas Acordes dissonantes utilia-se cores complementares (opostas) Com três cores Consonantes, Dissonantes e Assonantes Assonantes tríades primárias consonantes dissonantes Cores: Exemplo de Harmonia Segue a programação visual do evento Cartaes, folders, capas Elaborado por um artista gráfico Utilia harmonia com duas cores dissonantes

22 Tipografia Variáveis Fonte, Estilos, Tamanho, Cor Fonte Com serifa: adequado para papel maior definição leitura mais intensiva em textos densos Sem serifa: adequado para meios eletrônicos ou cartaes leitura mais rápida e pouca densidade de texto Estilos: Negrito, itálico, sublinhado Negrito e itálico permitem contrastes Nunca use o sublinhado apenas para links Não confunda com as cores dos links. Padrão: aul indica link Explore contrastes adequadamente Mantenha a consistência de todas as variáveis Sem serifa Com serifa Tipografia e cores: Diretries Evite muita variedade de cores e tipos Use-os adequadamente para deixar o site agradável Use-os com precisão quando quiser comunicar categorias de informação ou serviço Coloque as cores e tipo adequadas ao tipo do monitor e tamanho da tela Não use as cores da empresa se elas afetarem a legibilidade Seja consistente

23 Imagens Utiliadas para a representação Desenhos, gráficos, figuras, fotografias,... Visão da semiótica Modelo de McCloud René Margrite (Isto não é um cachimbo) O que significa? (Obra de Leo Vila)

24 Exemplo de imagens Pesquisa Avançada Disco Web Terminal SSH Escrever Pastas Endereços Filtros Buscar Atualiar Compromissos mensagens POP3 Perfis Sair Problemas de Significação Imagens não correspondem aos significados interpretados Problemas de Organiação Os grupos não faem sentido. Representação: O triângulo de McCloud Plano das Figuras Sem compromisso com a realidade Plano da Linguagem Compromisso com a realidade Mais detalhes: Semelhança Menos detalhes Significado

25 Semiótica Ciência que estuda os processo de significação e comunicação Signos qualquer coisa que significa algo para alguém ícones símbolos índices Imagens: diretries Os significados variam de uma cultura para outra Use imagens de qualidade: nitide, resolução e tamanho Imagens devem ser produidas por profissionais competentes Fotógrafos Designers de ícones Cuidado com direitos autorais Usa ferramentas de tratamento de imagens adequadas

26 Exemplo de design gráfico de baixa qualidade Uso excessivo de cores e tipos Falta de compromisso com a identidade visual da empresa Imagens desnecessárias Imagens de baixa qualidade Serviços indisponíveis Acessibilidade: Conceito e recomendações Conceito que indica que a interface pode ser utiliada por pessoas com deficiências O W3C apresenta recomendações para acessibilidade Use HTML apenas para estruturar o documento Use texto como alternativa a figuras Não use tabelas ou frames para estruturar a página Permita que as letras sejam aumentadas sem prejuío do layout Não utilie elementos de interação muito pequenos Ofereça alternativas

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam

Leia mais

Teoria para IHC: Engenharia Semiótica

Teoria para IHC: Engenharia Semiótica Teoria para IHC: Engenharia Semiótica ERBASE EPOCA 2009 2010 Engenharia Semiótica: uma nova perspectiva A Engenharia Semiótica é uma abordagem para IHC na qual o design e a interação fazem parte de um

Leia mais

Design de IHC Design da Comunicação Modelos de Interação

Design de IHC Design da Comunicação Modelos de Interação 1 Design de IHC Design da Comunicação Modelos de Interação INF1403 Introdução a IHC Luciana Salgado Representações e Aspectos de IHC Representações e Aspectos de IHC Representações e Aspectos de IHC Representações

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

15. OLHA QUEM ESTÁ NA WEB! 7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design Uma das empresas de comunicação e marketing mais destacadas de Ottawa, Canadá, o gordongroup oferece um design premiado para uma oferta completa de produtos de comunicação de identidades

Leia mais

Design: estrutura e estética

Design: estrutura e estética Parte III Design: estrutura e estética Arte X Engenharia z Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas usuários também querem serviços de qualidade... e clientes querem prazos

Leia mais

UFCD 0152 Estrutura de um sítio para Internet

UFCD 0152 Estrutura de um sítio para Internet INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL, IP DELEGAÇÃO REGIONAL DO NORTE CENTRO DE EMPREGO E FORMAÇÃO PROFISSIONAL DE VIANA DO CASTELO-SERVIÇO DE FORMAÇÃO PROFISSIONAL UFCD 0152 Estrutura de um sítio

Leia mais

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução Exemplo de imagem com diferentes resoluções de Pontos/Pixels por polegada". Em uma imagem digital quanto mais

Leia mais

COMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET

COMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET COMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET Ao mesmo tempo em que hoje se tornou mais fácil falar a longa distância, pela multiplicidade de opções e operadoras de telefonia, também surgem as

Leia mais

Sumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio

Leia mais

Guia de criação de layout de Loja Virtual

Guia de criação de layout de Loja Virtual Guia de criação de layout de Loja Virtual Julho / 2013 (51) 3079-4040 contato@ezcommerce.com.br http://www.ezcommerce.com.br Este guia tem o intuito de orientar a criação de layout para a plataforma de

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design gordongroup Sobre o gordongroup gordongroup é uma agência de marketing e comunicação de tempo integral e de balcão único, que oferece um conjunto exclusivo de serviços criativos,

Leia mais

Portal do Projeto Tempo de Ser

Portal do Projeto Tempo de Ser Sumário Portal do Projeto Tempo de Ser O que é um Wiki?...2 Documentos...2 Localizando documentos...3 Links...3 Criando um Documento...4 Criando um link...4 Editando um Documento...5 Sintaxe Básica...5

Leia mais

Manual de Gerenciamento de Conteúdo

Manual de Gerenciamento de Conteúdo Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6

Leia mais

Interface Homem-Computador

Interface Homem-Computador Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Engenharia Cognitiva e Semiótica Professor: M.Sc. Flávio Barros flathbarros@gmail.com Conteúdo Engenharia Cognitiva Fundamentos

Leia mais

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site Prof.: Bruno E. G. Gomes IFRN 1 Introdução A Web oferece uma enorme liberdade de escolha e movimentação Qualquer coisa

Leia mais

Manual do Usuário. Manual do Usuário - Versão 1.0. 1

Manual do Usuário. Manual do Usuário - Versão 1.0. 1 Manual do Usuário Manual do Usuário - Versão 1.0. 1 Índice 1. Visão Geral... 3 2. Acessar o sistema... 3 3. Módulo Inicial... 6 3.1. Cabeçalho do sistema... 6 3.2. Fale Conosco... 6 3.3. Meu Cadastro...

Leia mais

Identidade Digital Padrão de Governo

Identidade Digital Padrão de Governo Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e

Leia mais

Critérios. Melhores Práticas e Regras

Critérios. Melhores Práticas e Regras AULA 10 - ETAPAS DE DESENVOLVIMENTO WEB Usabilidade Projetando para o usuário Os conceitos de usabilidade têm como base o desenvolvimento de projetos centrados nas necessidades reais dos usuários. Lembre-se,

Leia mais

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET I Sumário 1. Objetivo do Documento... 1 2. Início... 1 3. Cadastro de Pessoa Física... 3 3.1. Preenchimentos Obrigatórios.... 4 3.2. Acesso aos Campos

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Manual de Utilização Google Grupos Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução... 3 Página

Leia mais

Guia Rápido para Acesso, Preenchimento e Envio Formulário de Cadastro da Empresa e Formulário de Projeto

Guia Rápido para Acesso, Preenchimento e Envio Formulário de Cadastro da Empresa e Formulário de Projeto EDITAL DE SELEÇÃO PÚBLICA MCTI/AEB/FINEP/FNDCT Subvenção Econômica à Inovação Transferência de Tecnologia do SGDC 01/2015 Transferência de Tecnologia Espacial no Âmbito do Decreto nº 7.769 de 28/06/2012

Leia mais

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,

Leia mais

Programa Intel Educar Tutorial: Ferramenta de Classificação Visual

Programa Intel Educar Tutorial: Ferramenta de Classificação Visual Copyright 2008, Intel Corporation. Todos os direitos reservados. Página 1 de 17 TUTORIAL: FERRAMENTA DE CLASSIFICAÇÃO VISUAL ÍNDICE 1. Acessando a ferramenta... 3 2. Como se cadastrar... 4 3. Usando a

Leia mais

Poder Judiciário Tribunal Regional Federal da Terceira Região

Poder Judiciário Tribunal Regional Federal da Terceira Região Poder Judiciário Tribunal Regional Federal da Terceira Região DIMI - Divisão de Microinformática e Redes Índice: O que é a Internet? 3 O que são Intranets? 3 Sobre o Nestcape Navigator 3 Para iniciar o

Leia mais

GERENCIAMENTO DO CONTEÚDO INFORMATIVO Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.

GERENCIAMENTO DO CONTEÚDO INFORMATIVO Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil. GERENCIAMENTO DO CONTEÚDO INFORMATIVO Utilizando O Sistema Web Contábil 2010 IDEAL Última Atualização: 01/2010 Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.com Módulo Calendário.:. Aba

Leia mais

Planilhas Eletrônicas

Planilhas Eletrônicas Planilhas Eletrônicas APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice AULA 1... 3 Apresentação do BrOffice Calc... 3 Tela Inicial... 4 Teclas e Atalhos de movimentação... 6

Leia mais

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do

Leia mais

Uso correto da Marca ONS. versão 1.0 dezembro 2012

Uso correto da Marca ONS. versão 1.0 dezembro 2012 Uso correto da Marca ONS versão 1.0 dezembro 2012 O ONS desempenha com eficiência e eficácia seu papel no setor elétrico. A Marca ONS identifica e representa a organização e todos que a formam. Este documento

Leia mais

3 - Projeto de Site:

3 - Projeto de Site: 3 - Projeto de Site: O site de uma empresa é como um cartão de visita que apresenta sua área de negócios e sua identidade no mercado, ou ainda, como uma vitrine virtual em que é possível, em muitos casos,

Leia mais

TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS

TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS Autodesk 360 é a nuvem da Autodesk, podendo ser acessada pela sua conta da Autodesk Education Community (estudantes) ou Autodesk Academic Resource

Leia mais

PROJETO DE WEB SITE PARA LOJA DE MATERIAIS DE CONSTRUÇÃO

PROJETO DE WEB SITE PARA LOJA DE MATERIAIS DE CONSTRUÇÃO PROJETO DE WEB SITE PARA LOJA DE MATERIAIS DE CONSTRUÇÃO São Lourenço do Oeste SC Fev. 2014 Sumário SITE EAMAIS MATERIAIS DE CONSTRUÇÃO... 3 INICIO... 5 Banner Principal... 5 Botões de Redirecionamento

Leia mais

Iniciação à Informática

Iniciação à Informática Meu computador e Windows Explorer Justificativa Toda informação ou dado trabalhado no computador, quando armazenado em uma unidade de disco, transforma-se em um arquivo. Saber manipular os arquivos através

Leia mais

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

Leia mais

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO DRUPAL MANUAL DO USUÁRIO Primeiros passos para inserir conteúdo no site. 1. Logar-se no site através de seu usuário e senha. 2. Criar um novo menu. 3. Ativar o menu criado, colocando-o em alguma região

Leia mais

COMO COLABORAR NO WIKI DO MOODLE 1. Orientações para produção escolar colaborativa no wiki do Moodle:

COMO COLABORAR NO WIKI DO MOODLE 1. Orientações para produção escolar colaborativa no wiki do Moodle: COMO COLABORAR NO WIKI DO MOODLE 1 Ilse Abegg e Fábio da Purificação de Bastos e-mail: iabegg@mail.ufsm.br O wiki no Moodle é uma ferramenta de atividade que visa produção escolar colaborativa. Isso significa

Leia mais

1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO

Leia mais

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo) APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...

Leia mais

Fundamentos de Design Web

Fundamentos de Design Web Fundamentos de Design Web Usabilidade, Interatividade e Comunicabilidade na Web Dimensões do sistema &RQFHLWXDO )XQFLRQDO,QWHUDomR &RPXQLFDomR Conceitual Modelo conceitual da aplicação. Funcional Funções

Leia mais

1) MANUAL DO INTEGRADOR Este documento, destinado aos instaladores do sistema, com informações de configuração.

1) MANUAL DO INTEGRADOR Este documento, destinado aos instaladores do sistema, com informações de configuração. O software de tarifação é uma solução destinada a rateio de custos de insumos em sistemas prediais, tais como shopping centers. O manual do sistema é dividido em dois volumes: 1) MANUAL DO INTEGRADOR Este

Leia mais

MANUAL MANUAL DE USO DA MARCA SELO SOLAR

MANUAL MANUAL DE USO DA MARCA SELO SOLAR MANUAL MANUAL DE USO DA MARCA SELO SOLAR ÍNDICE 01. Uso do Manual 02. Construção da marca 03. Área de proteção 04. Dimensão minima 05. Especificações Cromáticas 06. Uso em monocromia 07. Tipografia 08.

Leia mais

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo Introdução Recursos de acessibilidade principais Navegação usando

Leia mais

Utilizando a ferramenta de criação de aulas

Utilizando a ferramenta de criação de aulas http://portaldoprofessor.mec.gov.br/ 04 Roteiro Utilizando a ferramenta de criação de aulas Ministério da Educação Utilizando a ferramenta de criação de aulas Para criar uma sugestão de aula é necessário

Leia mais

Tópicos de Ambiente Web Web Design

Tópicos de Ambiente Web Web Design Tópicos de Ambiente Web Web Design Professora: Sheila Cáceres Historia As primeiras formas comunicativas foram mediante elementos visuais. Embora o surgimento da linguagem falada, a linguagem visual continuou

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Windows. Introdução. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional

Windows. Introdução. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional Windows Prof. Leandro Tonietto Cursos de Informática Unisinos Março-2008 O que é Sistema operacional? O que é Windows? Interface gráfica: Comunicação entre usuário e computador de forma mais eficiente

Leia mais

Aplicação do Método M Exemplo: Bloco de Notas [Bim, 2009]

Aplicação do Método M Exemplo: Bloco de Notas [Bim, 2009] 1 Aplicação do Método M de Inspeção Semiótica (MIS) Exemplo: Bloco de Notas [Bim, 2009] Introdução a IHC 09/05/2013 2 MIS do Bloco de Notas - Etapa de Preparação (1/2) Porção do artefato inspecionada:

Leia mais

Tópicos de Ambiente Web Web Design III

Tópicos de Ambiente Web Web Design III Tópicos de Ambiente Web Web Design III Professora: Sheila Cáceres Conteúdo para Web Educacional Entretenimento Comercial Industrial Cientifico Entre outros Tópicos de Ambiente Web - Prof. Sheila Cáceres

Leia mais

DESIGN DE INTERAÇÃO. José Alexandre Ducatti

DESIGN DE INTERAÇÃO. José Alexandre Ducatti DESIGN DE INTERAÇÃO José Alexandre Ducatti DESIGN DE I NTERAÇÃO PERCEPÇÃO DESIGN BOM E MAU DESIGN METAS DE DESIGN DE INTERAÇÃO METAS DE USABILIDADE METAS DECORRENTES DA EXPERIÊNCIA DO USUÁRIO PRINCÍPIOS

Leia mais

Instrução de Trabalho Base de Conhecimento

Instrução de Trabalho Base de Conhecimento Aprovado por Comitê da Qualidade Analisado criticamente por Dono do processo 1. OBJETIVOS Esta instrução de trabalho tem como objetivo orientar os colaboradores da SINFO, de como a será mantida e acessada.

Leia mais

INSTRUMENTO NORMATIVO 004 IN004

INSTRUMENTO NORMATIVO 004 IN004 1. Objetivo Definir um conjunto de critérios e procedimentos para o uso do Portal Eletrônico de Turismo da Região disponibilizado pela Mauatur na Internet. Aplica-se a todos os associados, empregados,

Leia mais

Configurações do Windows para Leitores de Tela

Configurações do Windows para Leitores de Tela MÓDULO DE ACESSIBILIDADE VIRTUAL - CEFET BG SIEP (SISTEMA DE INFORMAÇÃO DA EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA) Configurações do Windows para Leitores de Tela Desenvolvido por Celio Marcos Dal Pizzol e

Leia mais

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de

Leia mais

Gerenciamento Do Escritório Virtual Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.

Gerenciamento Do Escritório Virtual Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil. Gerenciamento Do Escritório Virtual Utilizando O Sistema Web Contábil 2010 IDEAL Última Atualização: 01/2010 Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.com ÁREA DE ADMINISTRAÇÃO A

Leia mais

1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL E IMPRESSÃO DE BOLETOS 12 1.3 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE

1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL E IMPRESSÃO DE BOLETOS 12 1.3 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 1 ACESSO EXCLUSIVO PARA SUBSEÇÕES 1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL E IMPRESSÃO DE BOLETOS 12 1.3 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 2.1 IMPRESSÃO RÁPIDA DE ANUIDADE

Leia mais

1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL 10 1.3 IMPRESSÃO DE BOLETOS 12 1.4 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE

1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL 10 1.3 IMPRESSÃO DE BOLETOS 12 1.4 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 1 ACESSO EXCLUSIVO PARA SUBSEÇÕES 1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL 10 1.3 IMPRESSÃO DE BOLETOS 12 1.4 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 2.1 IMPRESSÃO RÁPIDA DE

Leia mais

WF Processos. Manual de Instruções

WF Processos. Manual de Instruções WF Processos Manual de Instruções O WF Processos é um sistema simples e fácil de ser utilizado, contudo para ajudar os novos usuários a se familiarizarem com o sistema, criamos este manual. Recomendamos

Leia mais

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES MANUAL SITE ADMINISTRÁVEL TV ÍNDICE 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES 3.1 - Dados Cadastrais 3.2 - Noticias 3.3 Redes Sociais 3.4 - Player 4. DESIGN

Leia mais

APOSTILA LINUX EDUCACIONAL

APOSTILA LINUX EDUCACIONAL MUNICÍPIO DE NOVO HAMBURGO DIRETORIA DE INCLUSÃO DIGITAL DIRETORIA DE GOVERNO ELETRÔNICO APOSTILA LINUX EDUCACIONAL (Conteúdo fornecido pelo Ministério da Educação e pela Pró-Reitoria de Extensão da UNEB)

Leia mais

Informática Básica. Microsoft Word XP, 2003 e 2007

Informática Básica. Microsoft Word XP, 2003 e 2007 Informática Básica Microsoft Word XP, 2003 e 2007 Introdução O editor de textos Microsoft Word oferece um conjunto de recursos bastante completo, cobrindo todas as etapas de preparação, formatação e impressão

Leia mais

Como Fazer seu Blog no Blogger

Como Fazer seu Blog no Blogger ... a escola precisa mudar, não só de conteúdos, mas aceitando novos elementos que possibilitem a integração do estudante no mundo que o circunda. (PCNEM p. 186) Como Fazer seu Blog no Blogger Tutorial

Leia mais

A marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu

A marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu A marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu relacionamento com todos os públicos de interesse, seus

Leia mais

Manual de Utilização do PLONE (Gerenciador de página pessoal)

Manual de Utilização do PLONE (Gerenciador de página pessoal) Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário

Leia mais

TIPOGRAFIA. Seguem-se alguns exemplos de tipografia forte, fraca, de oportunidade e e ameaçadoras para as respectivas empresas.

TIPOGRAFIA. Seguem-se alguns exemplos de tipografia forte, fraca, de oportunidade e e ameaçadoras para as respectivas empresas. TIPOGRAFIA As letras, tal como as árvores aparecem por elas próprias e quando as letras se juntam, lutam por espaço, pelo direito de serem reconhecidas, de serem lidas - Erik Spiekermann A tipografia é

Leia mais

Plano de curso Básico em microinformática

Plano de curso Básico em microinformática Plano de curso Básico em microinformática www.athanazio.com outubro de 2007 Sumário Organização do material... 3 1. Introdução... 4 1.1 Dando nome aos bois... 4 1.2 Arquivos e pastas... 4 1.3 Navegando

Leia mais

TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas

Leia mais

Guia do Usuário. versão 1.2. GiuSoft Tecnologia - www.giusoft.com.br

Guia do Usuário. versão 1.2. GiuSoft Tecnologia - www.giusoft.com.br Guia do Usuário versão 1.2 GiuSoft Tecnologia - www.giusoft.com.br Sumário Introdução 2 O que é o Alitem? 3 Portal de aplicativos na Internet 3 Site de relacionamentos 3 Infra-estrutura de desenvolvimento

Leia mais

Manual do Instar Mail v2.0

Manual do Instar Mail v2.0 Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações

Leia mais

Manual do Usuário. E-DOC Peticionamento Eletrônico TST

Manual do Usuário. E-DOC Peticionamento Eletrônico TST E-DOC Peticionamento APRESENTAÇÃO O sistema E-DOC substituirá o atual sistema existente. Este sistema permitirá o controle de petições que utiliza certificado digital para autenticação de carga de documentos.

Leia mais

Privacidade. <Nome> <Instituição> <e-mail>

Privacidade. <Nome> <Instituição> <e-mail> Privacidade Agenda Privacidade Riscos principais Cuidados a serem tomados Créditos Privacidade (1/3) Sua privacidade pode ser exposta na Internet: independentemente da sua

Leia mais

O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point.

O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. Editor de Texto Microsoft Word 1. Microsoft Office O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. O Word é um editor de texto com recursos

Leia mais

1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.

1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. 1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar

Leia mais

Outlook 2003. Apresentação

Outlook 2003. Apresentação Outlook 2003 Apresentação O Microsoft Office Outlook 2003 é um programa de comunicação e gerenciador de informações pessoais que fornece um local unificado para o gerenciamento de e-mails, calendários,

Leia mais

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA Sumário O que são leitores de Tela?... 1 O NVDA - Non Visual Desktop Access... 1 Procedimentos para Download e Instalação do NVDA... 2 Iniciando

Leia mais

Portal Contador Parceiro

Portal Contador Parceiro Portal Contador Parceiro Manual do Usuário Produzido por: Informática Educativa 1. Portal Contador Parceiro... 03 2. Acesso ao Portal... 04 3. Profissionais...11 4. Restrito...16 4.1 Perfil... 18 4.2 Artigos...

Leia mais

O TEXTO DA MÍDIA DIGITAL

O TEXTO DA MÍDIA DIGITAL PACOTE DE NOTÍCIAS no dreamweaver O TEXTO DA MÍDIA DIGITAL União das principais características das mídias "anteriores : - Agilidade (rádio) - rapidez na atualização de conteúdo e na formatação do layout

Leia mais

MULTIACERVO Implementações da versão 20-1

MULTIACERVO Implementações da versão 20-1 Data: Janeiro / 2015 Recurso pop-up O pop-up é um recurso que abre uma nova janela sem sair da tela original. Isto é interessante pois permite complementar uma informação e permanecer no ponto original,

Leia mais

Apresentando o GNOME. Arlindo Pereira arlindo.pereira@uniriotec.br

Apresentando o GNOME. Arlindo Pereira arlindo.pereira@uniriotec.br Apresentando o GNOME Arlindo Pereira arlindo.pereira@uniriotec.br O que é o GNOME? GNOME é um ambiente desktop - a interface gráfica de usuário que roda sobre um sistema operacional - composta inteiramente

Leia mais

1 Contextualização 3 2 Administração do Joomla 5 3 Painel de controlo 6 3.1 Menu sítio 6 3.2 Menu utilizadores 7 3.3 Outras funcionalidades 8 4

1 Contextualização 3 2 Administração do Joomla 5 3 Painel de controlo 6 3.1 Menu sítio 6 3.2 Menu utilizadores 7 3.3 Outras funcionalidades 8 4 1 Contextualização 3 2 Administração do Joomla 5 3 Painel de controlo 6 3.1 Menu sítio 6 3.2 Menu utilizadores 7 3.3 Outras funcionalidades 8 4 Sistema de armazenamento e criação de conteúdos 9 4.1 Criar

Leia mais

TUTORIAL PARA CONFIGURAÇÃO DE SEU SITE SITES GRÁTIS

TUTORIAL PARA CONFIGURAÇÃO DE SEU SITE SITES GRÁTIS TUTORIAL PARA CONFIGURAÇÃO DE SEU SITE SITES GRÁTIS Prezado cliente, Parabéns por ter escolhido o SUPERMODULAR SITES GRÁTIS como primeiro site para você ou sua empresa. Temos certeza que, com a leitura

Leia mais

Sistema de Gerenciamento Remoto www.pevermelho.art.br

Sistema de Gerenciamento Remoto www.pevermelho.art.br Sistema de Gerenciamento Remoto www.pevermelho.art.br 1 - SOBRE O SGR Este manual irá lhe ajudar a entender o funcionamento do SGR (Sistema de Gerenciamento Remoto) permitindo assim que você possa atualizar

Leia mais

Microsoft Internet Explorer. Browser/navegador/paginador

Microsoft Internet Explorer. Browser/navegador/paginador Microsoft Internet Explorer Browser/navegador/paginador Browser (Navegador) É um programa que habilita seus usuários a interagir com documentos HTML hospedados em um servidor web. São programas para navegar.

Leia mais

MANUAL DO NVDA Novembro de 2013

MANUAL DO NVDA Novembro de 2013 MANUAL DO NVDA Novembro de 2013 PROJETO DE ACESSIBILIDADE VIRTUAL Núcleo IFRS Manual do NVDA Sumário O que são leitores de Tela?... 3 O NVDA - Non Visual Desktop Access... 3 Procedimentos para Download

Leia mais

CAPÍTULO 4. AG8 Informática

CAPÍTULO 4. AG8 Informática 2ª PARTE CAPÍTULO 4 Este capítulo têm como objetivo: 1. Tratar das etapas do projeto de um Website 2. Quais os profissionais envolvidos 3. Administração do site 4. Dicas para não cometer erros graves na

Leia mais

Sistema de Acompanhamento e Gestao Tecnologica SAGETEC TELAS

Sistema de Acompanhamento e Gestao Tecnologica SAGETEC TELAS SAG TE SAGE T C-SC Sistema de Acompanhamento e Gestao Tecnologica SAGETEC O SAGETEC (Sistema de Acompanhamento e Gestão Tecnológica) é um sistema para cadastramento dos equipamentos e recursos das escolas,

Leia mais

GERENCIAL SEPLAG CARTILHA AGENDA. Sumário

GERENCIAL SEPLAG CARTILHA AGENDA. Sumário CARTILHA AGENDA GERENCIAL SEPLAG 2012 Sumário 1. A Agenda Gerencial 2. Como Utilizar 3. Criação de Usuário 4. Criando um Projeto 5. Criando uma meta: 6. Criando uma Tarefa 7. Calendário 8. Mensagens ou

Leia mais

1 Sumário... 2. 2 O Easy Chat... 3. 3 Conceitos... 3. 3.1 Perfil... 3. 3.2 Categoria... 3. 4 Instalação... 5. 5 O Aplicativo... 7 5.1 HTML...

1 Sumário... 2. 2 O Easy Chat... 3. 3 Conceitos... 3. 3.1 Perfil... 3. 3.2 Categoria... 3. 4 Instalação... 5. 5 O Aplicativo... 7 5.1 HTML... 1 Sumário 1 Sumário... 2 2 O Easy Chat... 3 3 Conceitos... 3 3.1 Perfil... 3 3.2 Categoria... 3 3.3 Ícone Específico... 4 3.4 Janela Específica... 4 3.5 Ícone Geral... 4 3.6 Janela Geral... 4 4 Instalação...

Leia mais

REFORMULAÇÃO SITE ARCA BRASIL

REFORMULAÇÃO SITE ARCA BRASIL REFORMULAÇÃO SITE ARCA BRASIL Equipe A³ Elton Sacramento Eveline Almeida Gabriela Yu 1 1. Introdução O site escolhido foi o ARCA Brasil (http://www.arcabrasil.org.br/), uma ONG que promove o bem-estar

Leia mais

Nova Intranet - Jucemg Manual do Usuário. Gerência de Tecnologia da Informação e Conhecimento Diretoria de Gestão da Informação e Modernização

Nova Intranet - Jucemg Manual do Usuário. Gerência de Tecnologia da Informação e Conhecimento Diretoria de Gestão da Informação e Modernização Nova Intranet - Jucemg Manual do Usuário Gerência de Tecnologia da Informação e Conhecimento Diretoria de Gestão da Informação e Modernização Belo Horizonte, MG - Julho de 2013 Sumário Intranet da JUCEMG...

Leia mais

Conectar diferentes pesquisas na internet por um menu

Conectar diferentes pesquisas na internet por um menu Conectar diferentes pesquisas na internet por um menu Pré requisitos: Elaboração de questionário Formulário multimídia Publicação na internet Uso de senhas na Web Visualização condicionada ao perfil A

Leia mais

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet. 1. Descrição Geral Este manual descreve as operações disponíveis no módulo VTWEB Client, cuja finalidade é gerenciar cadastros de funcionários, realização de pedidos e controle financeiro dos pedidos.

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

Leia mais

Interface Homem- Computador

Interface Homem- Computador Interface Homem- Computador (IHC) Profª. Leticia Lopes Leite Software Educacional I Interface Deve ser entendida como sendo a parte de um sistema computacional com a qual uma pessoa entra em contato física,

Leia mais

Microsoft PowerPoint

Microsoft PowerPoint Microsoft PowerPoint Microsoft PowerPoint é utilizado para desenvolver apresentações. Os trabalhos desenvolvidos com este aplicativo normalmente são apresentados com o auxílio de um datashow. Apresentações

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 3: Layout básico e Div's: técnicas com uso de ID's e Classes Objetivos Compreender a importância do uso de Elementos de Div no desenvolvimento de Layouts de página; Explorar e aplicar o uso de

Leia mais

ÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã...

ÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã... ÍNDICE 1. Introdução...2 2. O que é o Sistema Mo Porã...2 3. Como acessar o Site Mo Porã...3 4. Cadastro do Sistema Mo Porã...4 5. Navegando no Site Mo Porã...6 5. 1 Manual de ajuda do sistema Mo Porã...7

Leia mais

Guia de Uso. O Pro-Treino tem uma divisão clara de funções, apresentada a seguir: E três tipos de usuários que executam as funções descritas acima:

Guia de Uso. O Pro-Treino tem uma divisão clara de funções, apresentada a seguir: E três tipos de usuários que executam as funções descritas acima: Sumário 1. Introdução... 2 2. Conceitos básicos... 2 2.1. Fluxo do sistema... 3 2.2. Acesso ao sistema... 4 2.2.1. Login... 4 2.2.2. Logoff... 4 2.2.3. Esqueci minha senha... 5 2.3. Conhecendo o Sistema...

Leia mais

Manual de utilização do selo

Manual de utilização do selo Manual de utilização do selo Introdução O manual do selo Empresa Parceira da Saúde tem a função de ordenar e padronizar o signo que distingue e diferencia a parceira, compreendendo padrões e regras de

Leia mais